.colour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:14px 0 20px}.colour-grid button{aspect-ratio:1;border:1px solid #d7dce3;border-radius:7px}.colour-grid button:hover{outline:2px solid #6d2cff;outline-offset:2px}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.shape-grid button{min-height:105px;border:1px solid #dfe2e8;background:#fff;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.shape-grid button:hover{border-color:#6d2cff;color:#6d2cff}.shape-grid i{display:block;width:42px;height:42px;background:#6d2cff}.shape-grid button:nth-child(2) i{border-radius:10px}.shape-grid button:nth-child(3) i{border-radius:50%}.shape-grid button:nth-child(4) i{clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-grid button:nth-child(5) i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 95%,50% 72%,21% 95%,32% 57%,2% 35%,39% 35%)}.template-list{display:flex;flex-direction:column;gap:12px}.template-list button{min-height:120px;border:1px solid #dfe2e8;background:linear-gradient(145deg,#fff,#f5f2ff);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.template-list button:hover{border-color:#6d2cff;box-shadow:0 8px 20px #6d2cff16}.template-list b{font:800 24px Manrope}.template-list small{color:#777f91}.shape-object .object-content{width:100%;height:100%}