.demo{border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface);overflow:hidden}.demo-bar{border-bottom:1px solid var(--ds-border);color:var(--ds-fg-muted);align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;display:flex}.demo-bar b{color:var(--ds-fg);font-weight:600}.demo-bar .sw{border-radius:var(--ds-radius-sm);background:var(--ds-tool-2);flex:none;width:12px;height:12px}.demo-bar .sp{font:600 .95rem var(--ds-font-condensed);color:var(--ds-fg);margin-left:auto}.demo-plan{background:var(--ds-bg-canvas);border-bottom:1px solid var(--ds-border);width:100%;height:auto;display:block}.demo-plan .ln{fill:none;stroke:var(--ds-fg);stroke-width:1.2px}.demo-plan .thin{fill:none;stroke:var(--ds-fg-muted);stroke-width:.8px}.demo-plan .room{fill:color-mix(in srgb, var(--ds-tool-5) 22%, transparent);stroke:var(--ds-tool-5);stroke-width:1.5px}.demo-plan .run{stroke:var(--ds-tool-2);stroke-width:6px;opacity:.4}.demo-plan .stud{stroke:var(--ds-tool-2);stroke-width:1.2px}.demo-plan .pt{fill:var(--ds-tool-3)}.demo-plan .dimline{stroke:var(--ds-accent-600);stroke-width:.9px;fill:none}.demo-plan .tk{stroke-width:1.6px}.demo-plan text{font:600 12px var(--ds-font-condensed);fill:var(--ds-fg)}.demo-plan .dim-text{fill:var(--ds-accent-600)}.demo-plan .tbk{font:600 9px var(--ds-font-ui);letter-spacing:.07em;fill:var(--ds-fg-muted)}.demo-ctl{border-bottom:1px solid var(--ds-border);grid-template-columns:1.7fr 1fr 1fr;gap:12px;padding:10px 12px;display:grid}.demo-ctl label{font:600 .7rem/1.2 var(--ds-font-ui);letter-spacing:var(--ds-tracking-caps);text-transform:uppercase;color:var(--ds-fg-muted);gap:4px;display:grid}.demo-ctl .row{justify-content:space-between;display:flex}.demo-ctl output{font:600 .95rem var(--ds-font-condensed);letter-spacing:0;text-transform:none;color:var(--ds-fg)}.demo-ctl input[type=range]{width:100%;margin:6px 0 0}.demo-ctl select{font:400 .92rem var(--ds-font-ui);color:var(--ds-fg);background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-md);min-height:36px;padding:6px 8px}.parts{border-collapse:collapse;background:var(--ds-surface-raised);width:100%;font-size:.9rem}.parts th{font:600 .68rem/1 var(--ds-font-ui);letter-spacing:var(--ds-tracking-caps);text-transform:uppercase;color:var(--ds-fg-muted);text-align:left;border-bottom:1px solid var(--ds-border);background:var(--ds-surface);padding:8px 12px}.parts td{border-bottom:1px solid var(--ds-border);vertical-align:top;padding:8px 12px}.parts tr:last-child td{border-bottom:0}.parts .q{text-align:right;white-space:nowrap}.parts td.q{font:600 1.05rem var(--ds-font-condensed)}.parts .formula-inline{font:.76rem/1.4 var(--ds-font-mono);color:var(--ds-fg-muted);word-break:break-word;margin-top:2px;display:block}.parts .formula-inline .ref{color:var(--ds-accent-600)}.parts .formula-inline .fn{font-weight:700}.parts tr.hit td{background:var(--ds-accent-tint);transition:background var(--ds-dur-base) var(--ds-ease)}.demo-note{color:var(--ds-fg-muted);border-top:1px solid var(--ds-border);margin:0;padding:8px 12px;font-size:.82rem}@media (width<=560px){.demo-ctl{grid-template-columns:1fr 1fr}.demo-ctl label:first-child{grid-column:1/-1}}.hero[data-astro-cid-yifte2u2]{padding-top:var(--s7)}.hero-grid[data-astro-cid-yifte2u2]{gap:var(--s7);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;display:grid}@media (width<=980px){.hero-grid[data-astro-cid-yifte2u2]{grid-template-columns:minmax(0,1fr)}}.lockup[data-astro-cid-yifte2u2]{max-width:340px;margin:0 0 var(--s5) -6px}.hero-side[data-astro-cid-yifte2u2]{background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--s5)}.hero-side[data-astro-cid-yifte2u2] .li[data-astro-cid-yifte2u2]{padding:10px 0}.hero-side[data-astro-cid-yifte2u2] .li[data-astro-cid-yifte2u2] h4[data-astro-cid-yifte2u2]{font-size:1.05rem}.shot-band[data-astro-cid-yifte2u2]{padding-top:var(--s5)}