.area-shapes{flex-wrap:wrap;margin:.8rem 0;display:flex}.area-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:.7rem 0;display:grid}.area-controls label{flex-direction:column;gap:.45rem;padding:.65rem;display:flex}.area-controls span{color:var(--text-dim);justify-content:space-between;font-size:.82rem;display:flex}.area-controls input{width:100%}.area-controls output{color:var(--text);font-variant-numeric:tabular-nums}.scale-claim{border-left:4px solid var(--accent);font-variant-numeric:tabular-nums;grid-template-columns:minmax(2.1rem,.35fr) repeat(3,minmax(0,1fr));align-items:baseline;gap:.5rem .8rem;margin:.8rem 0;padding:.8rem;display:grid}.scale-claim>*{min-width:0}.scale-claim-head{color:var(--text-dim);letter-spacing:.035em;text-transform:uppercase;font-size:.74rem;font-weight:700}.scale-claim-symbol{font-size:1.08rem}.scale-claim>b{color:#475569;font-size:.88rem}.scale-claim>b:last-of-type{color:#0f766e}.scale-claim>:nth-child(n+9){border-top:1px solid var(--border);padding-top:.55rem}@media (width<=700px){.area-controls{grid-template-columns:1fr 1fr}.scale-claim{gap:.45rem;padding:.7rem .55rem}.scale-claim-head{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.area-tool .area-visual-shell{margin-top:var(--space-4)}.area-tool .area-visual-shell canvas{touch-action:pan-y;width:100%;display:block}.area-tool .tool-player-row{margin-top:var(--space-3)}.area-tool .area-compactness-note{margin:var(--space-2) 0 var(--space-4);color:var(--text-dim);font-size:.9rem;line-height:1.5}