.sw-vw{--sw-demo-surface:var(--sw-surface-1);--sw-demo-raised:var(--sw-surface-2);--sw-demo-deep:var(--sw-surface-0);--sw-demo-panel:var(--sw-surface-1);--sw-demo-fg:var(--sw-fg);--sw-demo-fg-soft:var(--sw-fg-muted);--sw-demo-fg-strong:var(--sw-fg-strong);--sw-demo-muted:var(--sw-fg-muted);--sw-demo-dim:var(--sw-fg-dim);--sw-demo-border:var(--sw-border);--sw-demo-border-strong:var(--sw-border-strong);--sw-demo-accent:var(--sw-accent);--sw-demo-accent-strong:var(--sw-accent-strong);--sw-demo-shadow:var(--sw-shadow);--sw-demo-popup-shadow:var(--sw-shadow);--sw-vw-instrument-width:19rem;background:var(--sw-demo-surface);min-height:38rem;color:var(--sw-demo-fg);grid-template-rows:auto minmax(0,1fr);display:grid}.sw-vw *,.sw-vw :before,.sw-vw :after{box-sizing:border-box}.sw-vw>*,.sw-vw-workspace>*{min-width:0}.sw-showcase-page[data-framework=vanilla]{padding-top:var(--sw-demo-space-4)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero{gap:calc(var(--sw-demo-space-4) * 3);min-height:20rem;padding-block:calc(var(--sw-demo-space-4) * 2);grid-template-columns:minmax(0,1fr) minmax(21rem,24rem);align-items:center}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__eyebrow{margin-bottom:var(--sw-demo-space-3)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero h1{max-width:16ch;font-size:clamp(3rem,4vw,4.5rem);line-height:.98}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero-copy>p:last-of-type{max-width:50rem;margin-top:var(--sw-demo-space-4);font-size:var(--sw-type-base);line-height:1.65}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__specs{margin-top:calc(var(--sw-demo-space-4) * 2)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__specs>div{min-width:9.5rem}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__install{gap:var(--sw-demo-space-4);padding:calc(var(--sw-demo-space-4) + var(--sw-demo-space-2));box-shadow:var(--sw-shadow);grid-template-columns:minmax(0,1fr);align-items:stretch}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__install>div{display:grid}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__install>a{white-space:normal}.sw-showcase-page[data-framework=vanilla] .sw-install-command{gap:var(--sw-demo-space-2);grid-template-columns:auto minmax(max-content,1fr) auto}.sw-showcase-page[data-framework=vanilla] .sw-install-command code{text-overflow:clip;min-width:max-content;overflow:visible}.sw-showcase-page[data-framework=vanilla] .sw-showcase-stage__viewport{min-height:38rem}.sw-showcase-page[data-framework=vanilla] .sw-showcase-stage__prompt{min-height:3rem;padding-block:var(--sw-demo-space-2)}.sw-vw-scenarios{gap:var(--sw-demo-space-4);min-height:4rem;padding:var(--sw-demo-space-2);border-bottom:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-deep);grid-template-columns:minmax(14rem,1fr) minmax(0,2fr);align-items:stretch;display:grid}.sw-vw-scenarios__intro{align-content:center;gap:var(--sw-demo-space-1);padding-inline:var(--sw-demo-space-2);display:grid}.sw-vw-scenarios__intro span,.sw-vw-panel>span,.sw-vw-challenge>header span{color:var(--sw-demo-accent-strong);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-vw-scenarios__intro strong{color:var(--sw-demo-fg-strong);font:600 var(--sw-type-sm) var(--sw-font-display)}.sw-vw-tabs{gap:var(--sw-demo-space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-vw-tab{gap:var(--sw-demo-space-1);min-width:0;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-radius:var(--sw-demo-radius-2);color:var(--sw-demo-fg-soft);text-align:left;cursor:pointer;transition:color var(--sw-demo-transition), border-color var(--sw-demo-transition), background var(--sw-demo-transition);background:0 0;border:1px solid #0000;display:grid}.sw-vw-tab span{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-vw-tab strong{font:650 var(--sw-type-sm) var(--sw-font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-vw-tab:hover{border-color:var(--sw-demo-border-strong);color:var(--sw-demo-fg-strong);background:var(--sw-demo-raised)}.sw-vw-tab[data-selected]{border-color:var(--sw-demo-accent-strong);background:var(--sw-demo-accent-strong);color:var(--sw-accent-ink)}.sw-vw-tab[data-selected] span{color:var(--sw-accent-ink);opacity:.78}.sw-vw-tab[data-pending]{border-color:var(--sw-demo-warn);box-shadow:inset 0 0 0 1px var(--sw-demo-warn)}.sw-vw-tab:focus-visible,.sw-vw .sw-demo-button:focus-visible,.sw-vw-details summary:focus-visible,.sw-vw .sw-demo-radio-item:focus-visible{outline:2px solid var(--sw-demo-accent-strong);outline-offset:2px}.sw-vw-toggle:has(input:focus-visible){outline:2px solid var(--sw-demo-accent-strong);outline-offset:2px}.sw-vw-workspace{grid-template-columns:minmax(0, 1fr) var(--sw-vw-instrument-width);min-height:0;display:grid}.sw-vw-gridstage{border-right:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-surface);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.sw-vw-gridstage__header{gap:var(--sw-demo-space-3);min-height:3.25rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);justify-content:space-between;align-items:center;display:flex}.sw-vw-gridstage__header>div{gap:var(--sw-demo-space-3);align-items:baseline;min-width:0;display:flex}.sw-vw-gridstage__header h2,.sw-vw-identity h2{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-base) var(--sw-font-display);letter-spacing:-.02em;margin:0}.sw-vw-eyebrow{color:var(--sw-demo-accent-strong);font:650 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.08em;margin:0}.sw-vw-gridstage__selection{color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) var(--sw-font-mono);white-space:nowrap}.sw-vw-stagewrap{min-height:28rem;display:grid;position:relative;overflow:hidden}.sw-vw-stage{min-width:0;min-height:0}.sw-vw-veil{place-content:center;gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-4);background:color-mix(in srgb, var(--sw-demo-deep) 92%, transparent);color:var(--sw-demo-muted);font:500 var(--sw-type-sm) var(--sw-font-mono);text-align:center;display:grid;position:absolute;inset:0}.sw-vw-veil--destroyed{color:var(--sw-demo-fg-soft)}.sw-vw-veil--destroyed strong{color:var(--sw-demo-warn);font:650 var(--sw-type-base) var(--sw-font-display)}.sw-vw-veil--destroyed p{max-width:34rem;font:400 var(--sw-type-sm) var(--sw-font-body);margin:0;line-height:1.5}.sw-vw-teardown{gap:var(--sw-demo-space-1);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.sw-vw-teardown li{padding:var(--sw-demo-space-1) var(--sw-demo-space-2);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) var(--sw-font-mono)}.sw-vw-statusbar{gap:var(--sw-demo-space-3);min-width:0;min-height:2.75rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-top:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);font:500 var(--sw-type-xs) var(--sw-font-mono);align-items:center;display:flex}.sw-vw-statusbar__label{color:var(--sw-demo-dim);letter-spacing:.06em;text-transform:uppercase;flex:none}.sw-vw-activity{min-width:0;color:var(--sw-demo-fg-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-vw-instrument{background:var(--sw-demo-deep);flex-direction:column;min-height:0;display:flex}.sw-vw-identity{gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);display:grid}.sw-vw-identity>div{gap:var(--sw-demo-space-1);display:grid}.sw-vw-lifecycle{width:max-content;padding:var(--sw-demo-space-1) var(--sw-demo-space-2);border-radius:var(--sw-demo-radius-1);color:var(--sw-accent-ink);background:var(--sw-demo-accent-strong);font:600 var(--sw-type-xs) var(--sw-font-mono)}.sw-vw-lifecycle[data-phase=booting]{color:var(--sw-demo-deep);background:var(--sw-demo-warn)}.sw-vw-lifecycle[data-phase=destroyed],.sw-vw-lifecycle[data-phase=failed]{color:var(--sw-demo-deep);background:var(--sw-demo-danger)}.sw-vw-ownership{padding:var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);margin:0;display:grid}.sw-vw-ownership>div{gap:var(--sw-demo-space-2);padding-block:var(--sw-demo-space-1);grid-template-columns:5rem minmax(0,1fr);display:grid}.sw-vw-ownership :is(dt,dd){min-width:0;font:500 var(--sw-type-xs) var(--sw-font-mono);margin:0}.sw-vw-ownership dt{color:var(--sw-demo-dim)}.sw-vw-ownership dd,.sw-vw-ownership output{color:var(--sw-demo-fg-soft);text-overflow:ellipsis;overflow:hidden}.sw-vw-paged{color:var(--sw-state-pending)}.sw-vw-paged[data-fully-loaded=true]{color:var(--sw-state-resolved)}.sw-vw-panel{min-height:0;padding:var(--sw-demo-space-3)}.sw-vw-panel[hidden]{display:none}.sw-vw-challenge{overflow-y:auto}.sw-vw-challenge>header{gap:var(--sw-demo-space-1);margin-bottom:var(--sw-demo-space-2);display:grid}.sw-vw-challenge>header strong{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-base) var(--sw-font-display)}.sw-vw-challenge ol{gap:var(--sw-demo-space-2);margin:0;padding:0;list-style:none;display:grid}.sw-vw-challenge li{gap:var(--sw-demo-space-2);padding-top:var(--sw-demo-space-2);border-top:1px solid var(--sw-demo-border);grid-template-columns:1.5rem minmax(0,1fr);display:grid}.sw-vw-challenge li>span{border:1px solid var(--sw-demo-border-strong);width:1.5rem;height:1.5rem;color:var(--sw-demo-accent-strong);font:600 var(--sw-type-xs) var(--sw-font-mono);border-radius:50%;place-items:center;display:grid}.sw-vw-challenge li>div{gap:var(--sw-demo-space-2);display:grid}.sw-vw-challenge li strong{color:var(--sw-demo-fg-strong);font-size:var(--sw-type-sm)}.sw-vw-challenge li p,.sw-vw-scenario-panel p{color:var(--sw-demo-fg-soft);font-size:var(--sw-type-xs);margin:0;line-height:1.5}.sw-vw .sw-demo-radio-group{grid-template-columns:repeat(2,minmax(max-content,1fr))}.sw-vw .sw-demo-radio-item{padding-inline:var(--sw-demo-space-2);border-color:var(--sw-demo-border-strong);background:var(--sw-demo-surface);color:var(--sw-demo-fg-soft)}.sw-vw .sw-demo-radio-item[data-checked]{border-color:var(--sw-demo-accent-strong);background:var(--sw-demo-accent-strong);color:var(--sw-accent-ink)}.sw-vw-lifecycle-actions,.sw-vw-scenario-actions,.sw-vw-actions{gap:var(--sw-demo-space-2);flex-wrap:wrap;display:flex}.sw-vw .sw-demo-button{min-height:2.25rem;padding:0 var(--sw-demo-space-3);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);color:var(--sw-demo-fg-strong);font:600 var(--sw-type-sm) var(--sw-font-body);cursor:pointer;transition:color var(--sw-demo-transition), border-color var(--sw-demo-transition), background var(--sw-demo-transition)}.sw-vw .sw-demo-button:hover:not(:disabled){border-color:var(--sw-demo-accent-strong);color:var(--sw-demo-accent-strong)}.sw-vw .sw-demo-button:disabled{color:var(--sw-demo-dim);cursor:not-allowed;opacity:.62}.sw-vw .sw-demo-button[data-variant=primary]{border-color:var(--sw-demo-accent-strong);background:var(--sw-demo-accent-strong);color:var(--sw-accent-ink)}.sw-vw .sw-demo-button[data-variant=quiet]{color:var(--sw-demo-fg-soft);background:0 0;border-color:#0000}.sw-vw .sw-demo-button.sw-vw-destroy{border-color:var(--sw-demo-danger);background:color-mix(in srgb, var(--sw-demo-danger) 12%, var(--sw-demo-surface));color:var(--sw-demo-danger)}.sw-vw .sw-demo-button.sw-vw-destroy:hover:not(:disabled){border-color:var(--sw-demo-danger);background:color-mix(in srgb, var(--sw-demo-danger) 20%, var(--sw-demo-surface));color:var(--sw-demo-danger)}.sw-vw-scenario-panel{align-content:start;gap:var(--sw-demo-space-3);display:grid;overflow-y:auto}.sw-vw-scenario-panel h3{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-base) / 1.3 var(--sw-font-display);margin:0}.sw-vw-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sw-vw-actions .sw-demo-button{padding-inline:var(--sw-demo-space-2)}.sw-vw-details{border-top:1px solid var(--sw-demo-border);margin-top:auto}.sw-vw-details summary{padding:var(--sw-demo-space-3);color:var(--sw-demo-fg-soft);font:600 var(--sw-type-xs) var(--sw-font-mono);cursor:pointer}.sw-vw-details[open] summary{color:var(--sw-demo-accent-strong)}.sw-vw-controls{gap:var(--sw-demo-space-3);padding:0 var(--sw-demo-space-3) var(--sw-demo-space-3);display:grid}.sw-vw-field{gap:var(--sw-demo-space-1);min-width:0;display:grid}.sw-vw-field__label{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase}.sw-vw-toggle{align-items:center;gap:var(--sw-demo-space-2);min-height:2.25rem;padding:0 var(--sw-demo-space-3);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);color:var(--sw-demo-fg-soft);font:500 var(--sw-type-sm) var(--sw-font-body);cursor:pointer;display:flex}.sw-vw-toggle input{accent-color:var(--sw-demo-accent)}.sw-vw-proofs{gap:var(--sw-demo-space-2);padding:0 var(--sw-demo-space-3) var(--sw-demo-space-3);flex-wrap:wrap;display:flex}.sw-vw-proofs a{color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) var(--sw-font-mono);text-underline-offset:var(--sw-demo-space-1)}.sw-vw-proofs a:hover{color:var(--sw-demo-accent-strong)}@media (width<=64rem){.sw-vw-workspace{grid-template-columns:minmax(0,1fr) 17rem}.sw-vw-scenarios{gap:var(--sw-demo-space-2);grid-template-columns:1fr}.sw-vw-scenarios__intro{display:none}}@media (width<=760px){.sw-showcase-page[data-framework=vanilla]{width:min(100% - 2rem,92rem);padding-top:var(--sw-demo-space-3)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero{gap:calc(var(--sw-demo-space-4) * 2);min-height:0;padding-block:var(--sw-demo-space-4) calc(var(--sw-demo-space-4) * 2);grid-template-columns:minmax(0,1fr)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero h1{max-width:14ch;font-size:2.75rem}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__hero-copy>p:last-of-type{margin-top:var(--sw-demo-space-3);font-size:var(--sw-type-sm)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__specs{margin-top:var(--sw-demo-space-4);display:flex}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__specs>div{min-width:6.5rem;padding-inline:var(--sw-demo-space-3)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-page__install{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-3);grid-template-columns:minmax(0,1fr)}.sw-showcase-page[data-framework=vanilla] .sw-showcase-stage__bar{min-height:2.5rem}.sw-showcase-page[data-framework=vanilla] .sw-showcase-stage__viewport,.sw-vw{min-height:0}.sw-vw-scenarios{z-index:2;padding:var(--sw-demo-space-1);position:sticky;top:0}.sw-vw-tabs{gap:0}.sw-vw-tab{padding:var(--sw-demo-space-2);text-align:center}.sw-vw-tab span{display:none}.sw-vw-workspace{grid-template-columns:minmax(0,1fr)}.sw-vw-gridstage{border-right:0;border-bottom:1px solid var(--sw-demo-border-strong);min-height:31rem}.sw-vw-stagewrap{min-height:24rem}.sw-vw-gridstage__header{align-items:flex-start}.sw-vw-gridstage__header>div{gap:var(--sw-demo-space-1);display:grid}.sw-vw-instrument{min-height:auto}.sw-vw-panel{overflow:visible}.sw-vw-details{margin-top:0}.sw-vw-statusbar__label{display:none}.sw-vw-activity{white-space:normal}}