.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);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:.6rem;margin:.7rem 0;padding:.8rem;display:grid}.scale-claim span{color:var(--text-dim)}.scale-claim strong{font-variant-numeric:tabular-nums}@media (width<=700px){.area-controls{grid-template-columns:1fr 1fr}.scale-claim{grid-template-columns:auto 1fr}}.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}