.demo-bench{background:var(--kit-ground);color:var(--kit-ink);font:400 14px/1.45 var(--kit-font-label);border:1px solid var(--kit-panel-edge);border-radius:14px;transition:background .3s;overflow:hidden;box-shadow:0 30px 80px -30px #000c,0 0 0 1px #ffffff08}.demo-top{border-bottom:1px solid var(--kit-panel-edge);background:color-mix(in srgb, var(--kit-ground) 88%, var(--kit-panel));flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 14px;display:flex}.demo-top__dots{gap:6px;margin-right:2px;display:inline-flex}.demo-top__dots i{background:var(--kit-panel-edge);border-radius:50%;width:10px;height:10px}.demo-brand{font:600 1rem/1 var(--kit-font-title);letter-spacing:.04em}.demo-pill{font:400 .72rem/1 var(--kit-font-num);color:var(--kit-ink-2);align-items:center;gap:6px;display:inline-flex}.demo-pill i{background:var(--kit-ok);width:7px;height:7px;box-shadow:0 0 calc(6px * var(--kit-glow)) var(--kit-ok);border-radius:50%}.demo-rec{font:700 .7rem/1 var(--kit-font-num);letter-spacing:.1em;color:var(--kit-alert);align-items:center;gap:6px;display:inline-flex}.demo-rec i{background:var(--kit-alert);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite demo-blink}@keyframes demo-blink{50%{opacity:.25}}.demo-skin{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.demo-skin .kit-seg button{padding:6px 10px;font-size:.68rem}.demo-rack{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;display:grid}@media (min-width:900px){.demo-rack{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}}.demo-panel{background:var(--kit-panel);border:1px solid var(--kit-panel-edge);border-radius:var(--kit-r-panel);min-width:0;box-shadow:var(--kit-panel-shadow);gap:11px;padding:11px 13px 13px;display:grid;position:relative;container:panel/inline-size}.demo-panel__head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.demo-panel__title{font:600 .9rem/1 var(--kit-font-title);letter-spacing:.06em;text-transform:uppercase;margin:0}.demo-panel__name{font:700 .74rem/1 var(--kit-font-num);color:var(--kit-ink-2)}.demo-panel__link{font:400 .68rem/1 var(--kit-font-num);color:var(--kit-ink-2);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.demo-panel__link i{background:var(--kit-ok);width:7px;height:7px;box-shadow:0 0 calc(6px * var(--kit-glow)) var(--kit-ok);border-radius:50%}.demo-col{align-content:start;gap:12px;min-width:0;display:grid}.demo-psu{align-items:start;gap:11px;min-width:0;display:grid}.demo-psu__controls{align-content:start;gap:11px;min-width:0;display:grid}@container panel (min-width:470px){.demo-psu{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}.demo-set{flex-wrap:wrap;gap:8px;display:flex}.demo-set__val{border-radius:var(--kit-r-ctl);background:var(--kit-ctl);border:1px solid var(--kit-panel-edge);font:400 1.1rem/1 var(--kit-font-num);font-variant-numeric:tabular-nums;color:var(--kit-ink);align-items:baseline;gap:6px;padding:6px 10px;display:inline-flex}.demo-set__val small{font:700 .62rem/1 var(--kit-font-num);letter-spacing:.12em;color:var(--kit-ink-3)}.demo-set__val em{font:700 .74rem/1 var(--kit-font-num);color:var(--kit-ink-2);font-style:normal}.demo-ell{gap:10px;min-width:0;display:grid}.demo-ell__trio{grid-template-columns:minmax(0,1fr);gap:4px 10px;display:grid}@container panel (min-width:420px){.demo-ell__trio{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-ell__set{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.demo-panel .kit-seg,.demo-panel .kit-chips{justify-self:start}.demo-dmm{justify-items:center;gap:10px;min-width:0;display:grid}.demo-dmm__main{gap:9px;width:100%;min-width:0;display:grid}@container panel (min-width:430px){.demo-dmm{grid-template-columns:auto minmax(0,1fr);place-items:center stretch}}.demo-dmm .kit-dial{width:160px;height:160px}.demo-osc__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.demo-osc__summary{font:400 .72rem/1.2 var(--kit-font-num);color:var(--kit-glass-ink-2);font-variant-numeric:tabular-nums}.demo-osc__legend{flex-wrap:wrap;gap:4px 18px;display:flex}.demo-osc__ch{font:400 .7rem/1.3 var(--kit-font-num);color:var(--kit-glass-ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.demo-osc__ch b{color:var(--ch);letter-spacing:.1em}.demo-osc__ch i{color:var(--kit-glass-ink-3);margin-right:4px;font-style:normal}.demo-osc .kit-scope{aspect-ratio:10/7;max-height:none}.demo-osc__run{font:700 .68rem/1 var(--kit-font-num);letter-spacing:.1em;color:var(--kit-ink-2);align-items:center;gap:7px;display:inline-flex}.demo-osc__run i{background:var(--kit-ok);width:9px;height:9px;box-shadow:0 0 calc(8px * var(--kit-glow)) var(--kit-ok);border-radius:50%}.demo-placeholder{background:#0b0d10;border-color:#2b323c;min-height:calc(1380px + 70vw)}@media (min-width:900px){.demo-placeholder{min-height:815px}}.demo-placeholder .demo-panel{box-shadow:none;background:#171b21;border-color:#2b323c}.demo-skeleton{background:linear-gradient(90deg,#11151a,#1a2028,#11151a) 0 0/200% 100%;border-radius:8px;animation:1.6s linear infinite demo-shimmer}@keyframes demo-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.demo-rec i,.demo-skeleton{animation:none}}