.tab-symbol--shapes{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e9f5ed;color:#4f8750;font-size:27px;font-weight:800}
.shapes-palette-wrap{padding:14px 20px;border-top:1px solid #e7eef0;background:#f9fbfb}
.shapes-palette-wrap>strong{font-size:14px;color:#243246}
.shapes-palette-wrap>span{margin-left:12px;font-size:12px;color:#718490}
.shapes-palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:12px}
.shape-source{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:6px 3px;border:1px solid #dae6e9;border-radius:12px;background:white;touch-action:none;cursor:grab;color:#243246}
.shape-source:hover{border-color:#a6c9c6;background:#f3faf9}
.shape-source .shape-picture{width:64px;height:64px}
.shape-source small{font:800 11px Inter,system-ui,sans-serif}
.shape-picture{display:block;width:100%;height:100%;pointer-events:none}
.shapes-edit{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:13px 20px}
#shapes-selection{font-size:12px;color:#405868;min-width:170px}
.shapes-transform{display:flex;flex-wrap:wrap;gap:6px}
.shapes-transform button{font-size:12px;padding:8px 10px}
.shapes-colors{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%}
.shapes-colors>span{font-size:12px;font-weight:800;color:#405868;margin-right:4px}
.shape-color{width:30px;height:30px;padding:0;border:2px solid var(--border);border-radius:50%;background:var(--swatch);cursor:pointer}
.shape-color[aria-pressed="true"]{outline:2px solid #243246;outline-offset:3px}
.shape-token{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0;border:1px dashed transparent;border-radius:7px;background:transparent;touch-action:none;pointer-events:auto;cursor:grab}
.shape-token.is-selected{border-color:#ef7185;background:#fff0f340}
.shape-token:active{cursor:grabbing}
.shape-drag-ghost{position:fixed;z-index:1100;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 6px #24324625)}
.shapes-board.is-drawing .shape-token,.shapes-board.is-drawing .shape-text-note{pointer-events:none}
.shape-text-note{z-index:4}
@media(max-width:1200px){.shapes-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.shapes-palette-wrap{padding:12px 11px}.shapes-palette-wrap>span{display:block;margin:5px 0 0}.shapes-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shape-source .shape-picture{width:55px;height:55px}.shapes-edit{padding:11px;gap:10px}.shapes-transform{width:100%}.shapes-transform button{font-size:11px}.shape-color{width:30px;height:30px}}