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

.solids-palette{grid-template-columns:repeat(5,minmax(0,1fr))}
.solid-source small{text-align:center;line-height:1.25;min-height:28px;display:flex;align-items:center;justify-content:center}
.solid-source .solid-picture{width:76px;height:76px}
.solids-explore{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 20px 14px}
.solids-explore>div{display:flex;gap:6px;flex-wrap:wrap}
#solids-properties{width:100%;margin:0;padding:12px 15px;border-radius:10px;background:#edf6fb;color:#243246;font-size:14px;line-height:1.5}
#solids-selection{min-width:160px;flex-basis:100%}
.solids-board.is-rotating .solid-token{cursor:all-scroll}
.solid-token:focus-visible,.solid-source:focus-visible{outline:3px solid #547eaa;outline-offset:3px}
#panel-solids .toolbar-button,#panel-solids .drawing-tool{touch-action:manipulation}
@media(max-width:700px){.solids-explore{padding:0 11px 12px}.solids-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.solid-source .solid-picture{width:64px;height:64px}}