.ss.svelte-16tbcvp{display:flex;flex-direction:column;gap:.9rem}.plane.svelte-16tbcvp{width:100%;max-width:360px;aspect-ratio:1;margin:0 auto;display:block;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md)}.big.svelte-16tbcvp{fill:rgba(var(--ac-rgb),.12);stroke:var(--ac);stroke-width:2}.unit.svelte-16tbcvp{fill:rgba(var(--mint-rgb),.28);stroke:var(--mint);stroke-width:2}.grid.svelte-16tbcvp{stroke:var(--ac);stroke-width:1;opacity:.35}.lbl.svelte-16tbcvp{font-family:DM Mono,Noto Sans KR,monospace;font-size:var(--fs-3)}.unit-l.svelte-16tbcvp{fill:var(--mint)}.dim.svelte-16tbcvp{fill:var(--ac)}.area-l.svelte-16tbcvp{fill:var(--muted);font-size:var(--fs-2)}.ratios.svelte-16tbcvp{margin:0;display:grid;gap:.45rem}.row.svelte-16tbcvp{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:.7rem}.row.svelte-16tbcvp dt:where(.svelte-16tbcvp){font-size:var(--fs-4);color:var(--muted)}.row.svelte-16tbcvp dd:where(.svelte-16tbcvp){margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;min-width:0}.track.svelte-16tbcvp{display:block;height:10px;border-radius:5px;background:var(--surface)}.bar.svelte-16tbcvp{display:block;height:10px;border-radius:5px}.b-len.svelte-16tbcvp{background:var(--viz-1)}.b-area.svelte-16tbcvp{background:var(--viz-2)}.b-vol.svelte-16tbcvp{background:var(--viz-3)}.row.svelte-16tbcvp b:where(.svelte-16tbcvp){font-family:DM Mono,Noto Sans KR,monospace;font-size:var(--fs-5);color:var(--ink);white-space:nowrap}.sliders.svelte-16tbcvp{display:grid;gap:.6rem}.sliders.svelte-16tbcvp label:where(.svelte-16tbcvp){display:grid;grid-template-columns:8.5rem 1fr;align-items:center;gap:.75rem}.lab.svelte-16tbcvp{font-size:var(--fs-4);color:var(--muted)}.sliders.svelte-16tbcvp input[type=range]:where(.svelte-16tbcvp){width:100%;accent-color:var(--ac)}.note.svelte-16tbcvp{margin:0;text-align:center;font-size:var(--fs-5);color:var(--muted)}.note.svelte-16tbcvp b:where(.svelte-16tbcvp){color:var(--ink);font-family:DM Mono,Noto Sans KR,monospace}.summary.svelte-16tbcvp{margin:0;min-height:1.5em;font-size:var(--fs-6);color:var(--ink);border-left:2px solid rgba(var(--ac-rgb),.45);padding-left:var(--sp-3)}@media(max-width:480px){.sliders.svelte-16tbcvp label:where(.svelte-16tbcvp){grid-template-columns:7rem 1fr}}