.demo-section[data-astro-cid-zidb5qv6]{padding-block:0 var(--space-9)}.demo[data-astro-cid-6x7koube]{flex-direction:column;gap:16px;min-width:0;display:flex}.demo__app[data-astro-cid-6x7koube]{background:var(--glass-card);border-radius:clamp(20px,17px + .8vw,28px);gap:20px;padding:clamp(12px,8px + 1vw,20px);display:grid}.demo__stage[data-astro-cid-6x7koube]{background:rgb(var(--navy-900-rgb) / .7);border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:clamp(12px,8px + 1vw,20px);display:flex}.demo__stage-head[data-astro-cid-6x7koube],.demo__stage-foot[data-astro-cid-6x7koube]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.demo__label[data-astro-cid-6x7koube],.demo__panel-title[data-astro-cid-6x7koube]{color:var(--amber);font-family:var(--font-mono);font-weight:500;font-size:var(--fs-label);letter-spacing:var(--ls-label);margin:0}.demo__canvas-wrap[data-astro-cid-6x7koube]{background:var(--navy-900);aspect-ratio:627/450;border-radius:15px;position:relative;overflow:hidden}.demo[data-astro-cid-6x7koube] .demo__fallback,.demo__canvas[data-astro-cid-6x7koube]{width:100%;height:100%;position:absolute;inset:0}.demo[data-astro-cid-6x7koube] .demo__fallback{object-fit:cover}.demo[data-astro-cid-6x7koube][data-live=true] .demo__fallback{display:none}.demo__legend[data-astro-cid-6x7koube]{color:var(--mist);font-family:var(--font-mono);font-size:var(--fs-data);flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none;display:flex}.demo__chip[data-astro-cid-6x7koube]{border:1px solid var(--amber);border-radius:var(--r-xs);color:var(--amber);font-family:var(--font-mono);font-weight:500;font-size:var(--fs-micro);letter-spacing:var(--ls-label-sm);text-transform:uppercase;margin:0;padding:3px 8px}.demo__side[data-astro-cid-6x7koube]{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:18px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.demo__controls[data-astro-cid-6x7koube]{flex-direction:column;gap:20px;display:flex}.demo[data-astro-cid-6x7koube]:not([data-live=true]) .demo__controls[data-astro-cid-6x7koube]{display:none}.ctl-switch[data-astro-cid-6x7koube]{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:26px;font-size:15px;font-weight:500;display:flex;position:relative}.ctl-switch[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]{opacity:0;cursor:pointer;width:46px;height:26px;margin:0;position:absolute;right:0}.ctl-switch__track[data-astro-cid-6x7koube]{width:46px;height:26px;transition:background-color var(--dur-base) var(--ease-in-out);background:#ffffff26;border-radius:20px;flex:none;position:relative}.ctl-switch__track[data-astro-cid-6x7koube]:after{content:"";background:var(--paper);width:20px;height:20px;transition:transform var(--dur-base) var(--ease-in-out), background-color var(--dur-base) var(--ease-in-out);border-radius:50%;position:absolute;top:3px;left:3px}.ctl-switch[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]:checked+.ctl-switch__track[data-astro-cid-6x7koube]{background:var(--amber)}.ctl-switch[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]:checked+.ctl-switch__track[data-astro-cid-6x7koube]:after{background:var(--navy-900);transform:translate(20px)}.ctl-switch[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]:focus-visible+.ctl-switch__track[data-astro-cid-6x7koube]{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ctl-range[data-astro-cid-6x7koube]{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.ctl-range[data-astro-cid-6x7koube] label[data-astro-cid-6x7koube],.ctl-select[data-astro-cid-6x7koube] label[data-astro-cid-6x7koube]{font-size:14px;font-weight:500}.ctl-range[data-astro-cid-6x7koube] output[data-astro-cid-6x7koube]{color:var(--amber);font-family:var(--font-mono);text-align:right;font-size:13px;font-weight:500}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:24px;margin:0}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--amber) var(--p,50%), #ffffff26 var(--p,50%));border-radius:2px;height:4px}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]::-moz-range-track{background:#ffffff26;border-radius:2px;height:4px}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]::-moz-range-progress{background:var(--amber);border-radius:2px;height:4px}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--amber);background:var(--paper);border-radius:50%;width:18px;height:18px;margin-top:-7px}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]::-moz-range-thumb{border:2px solid var(--amber);background:var(--paper);border-radius:50%;width:14px;height:14px}.ctl-range[data-astro-cid-6x7koube] input[data-astro-cid-6x7koube]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px}.ctl-select[data-astro-cid-6x7koube]{flex-direction:column;gap:6px;display:flex}.ctl-select[data-astro-cid-6x7koube] select[data-astro-cid-6x7koube]{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--navy-900);min-height:40px;color:var(--paper);font-family:var(--font-mono);padding:0 12px;font-size:13px;font-weight:500}.demo__buttons[data-astro-cid-6x7koube]{flex-wrap:wrap;gap:10px;display:flex}.demo__buttons[data-astro-cid-6x7koube] .btn[data-astro-cid-6x7koube]{flex:auto;min-height:44px;padding:10px 18px;font-size:15px}.demo__readouts[data-astro-cid-6x7koube]{flex-direction:column;margin:0;display:flex}.demo__readouts[data-astro-cid-6x7koube]>div[data-astro-cid-6x7koube]{border-top:1px solid var(--line-faint);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:10px 0;display:flex}.demo__readouts[data-astro-cid-6x7koube] dt[data-astro-cid-6x7koube]{color:var(--mist);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-label-sm)}.demo__readouts[data-astro-cid-6x7koube] dd[data-astro-cid-6x7koube]{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:500}.demo__foot[data-astro-cid-6x7koube],.demo__noscript[data-astro-cid-6x7koube]{color:var(--mist);font-family:var(--font-mono);font-size:var(--fs-data);margin:0;line-height:1.5}.demo__assumptions[data-astro-cid-6x7koube]{color:var(--mist);font-size:var(--fs-small)}.demo__assumptions[data-astro-cid-6x7koube] summary[data-astro-cid-6x7koube]{min-height:24px;font-family:var(--font-mono);font-size:var(--fs-data);cursor:pointer}.demo__assumptions[data-astro-cid-6x7koube] ul[data-astro-cid-6x7koube]{gap:6px;margin:10px 0 0;padding-left:18px;list-style:outside;display:grid}@media (width<=599px){.demo__canvas-wrap[data-astro-cid-6x7koube]{aspect-ratio:1/1.05}}@media (width>=900px){.demo__app[data-astro-cid-6x7koube]{grid-template-columns:minmax(0,1fr) 300px}.demo__canvas-wrap[data-astro-cid-6x7koube]{aspect-ratio:627/470}}@media (prefers-reduced-motion:reduce){.ctl-switch__track[data-astro-cid-6x7koube],.ctl-switch__track[data-astro-cid-6x7koube]:after{transition:none}}