.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-danger:color-mix(in srgb, var(--sw-demo-danger) 72%, var(--sw-fg-strong));--sw-vw-instrument-width:22rem;background:var(--sw-demo-surface);min-height:38rem;color:var(--sw-demo-fg);grid-template-rows:auto auto;display:grid}.sw-vw .sheetwrite-shell{--sheetwrite-widget-bg:var(--sw-demo-surface);--sheetwrite-widget-fg:var(--sw-demo-fg);--sheetwrite-widget-border:var(--sw-demo-border);--sheetwrite-toolbar-bg:var(--sw-demo-raised);--sheetwrite-toolbar-fg:var(--sw-demo-fg-strong)}.sw-vw .sheetwrite-shell-toolbar{gap:4px;min-width:max-content;padding-block:6px}.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] .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:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);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);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-1);flex:16rem;min-width:0;display:grid}.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-stagewrap>*{grid-area:1/1}.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:var(--sw-demo-deep);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-state{align-content:center;justify-items:center;gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-4);background:var(--sw-demo-deep);color:var(--sw-demo-fg-soft);text-align:center;grid-template-columns:minmax(0,1fr);display:grid}.sw-vw-state strong{color:var(--sw-state-pending);font:650 1.15rem var(--sw-font-display)}.sw-vw-state p{max-width:36rem;font:400 var(--sw-type-sm) var(--sw-font-body);margin:0;line-height:1.5}.sw-vw-state__error{max-width:36rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-surface);color:var(--sw-state-pending);font:500 var(--sw-type-xs) / 1.5 var(--sw-font-mono);overflow-wrap:anywhere}.sw-vw-state__hint{color:var(--sw-demo-dim);font:500 var(--sw-type-xs) var(--sw-font-mono)}.sw-vw-teardown{gap:var(--sw-demo-space-3);text-align:left;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));width:100%;max-width:44rem;display:grid}.sw-vw-teardown>div{align-content:start;gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-3);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);display:grid}.sw-vw-teardown>div>span{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.04em;text-transform:uppercase}.sw-vw-teardown ul{gap:var(--sw-demo-space-1);margin:0;padding:0;list-style:none;display:grid}.sw-vw-teardown li{color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) / 1.5 var(--sw-font-mono);grid-template-columns:.75rem minmax(0,1fr);display:grid}.sw-vw-teardown li:before{content:"·";color:var(--sw-demo-dim)}.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);overflow-wrap:anywhere;line-height:1.5}.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:5.5rem minmax(0,1fr);display:grid}.sw-vw-ownership :is(dt,dd){min-width:0;margin:0}.sw-vw-ownership dt{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.04em;text-transform:uppercase}.sw-vw-ownership dd{color:var(--sw-demo-fg);font:500 var(--sw-type-sm) var(--sw-font-mono)}.sw-vw-readout,.sw-vw-paged{justify-items:start;gap:2px;display:grid}.sw-vw-readout__key{color:var(--sw-demo-dim)}.sw-vw-readout__fallback{color:var(--sw-state-pending);overflow-wrap:anywhere}.sw-vw-load-state{padding:0 var(--sw-demo-space-1);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-muted);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid}.sw-vw-load-state[data-state=loading]{border-style:dotted}.sw-vw-load-state[data-state=partial]{color:var(--sw-state-pending);border-style:dashed}.sw-vw-load-state[data-state=complete]{color:var(--sw-state-resolved);border-style:solid}.sw-vw-panel{min-height:0;padding:var(--sw-demo-space-3)}.sw-vw-panel[hidden]{display:none}.sw-vw-challenge{overflow:visible}.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{align-content:start;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-sm);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-scenario-actions,.sw-vw-actions{gap:var(--sw-demo-space-2);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.sw-vw-scenario-actions>:last-child:nth-child(odd),.sw-vw-actions>:last-child:nth-child(odd){grid-column:1/-1}.sw-vw-lifecycle-actions{gap:var(--sw-demo-space-2);display:grid}.sw-vw .sw-demo-button{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-workbench-stage .sw-vw .sw-demo-button{height:auto;min-height:2.25rem}.sw-workbench-stage .sw-vw .sw-workbench-primary[data-tone=danger]{border-color:var(--sw-vw-danger);background:color-mix(in srgb, var(--sw-vw-danger) 10%, var(--sw-demo-surface));color:var(--sw-vw-danger)}.sw-workbench-stage .sw-vw .sw-workbench-primary[data-tone=danger]:hover:not(:disabled){background:color-mix(in srgb, var(--sw-vw-danger) 20%, var(--sw-demo-surface))}.sw-vw-scenario-panel{align-content:start;gap:var(--sw-demo-space-3);display:grid;overflow:visible}.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 .sw-vw-note{color:var(--sw-demo-dim);font-size:var(--sw-type-xs);margin:0;line-height:1.5}.sw-vw-details{border-top:1px solid var(--sw-demo-border);margin-top:0}.sw-vw-details summary{align-items:center;gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-3);color:var(--sw-demo-fg-soft);font:600 var(--sw-type-sm) var(--sw-font-body);cursor:pointer;list-style:none;display:flex}.sw-vw-details summary::-webkit-details-marker{display:none}.sw-vw-details summary:before{content:"+";color:var(--sw-demo-accent-strong);font:600 var(--sw-type-base) var(--sw-font-mono)}.sw-vw-details[open] summary:before{content:"−"}.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{appearance:none;border:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-raised);cursor:pointer;border-radius:999px;flex:none;width:2.25rem;height:1.25rem;margin:0;position:relative}.sw-vw-toggle input:before{content:"";background:var(--sw-demo-muted);border-radius:50%;width:.875rem;height:.875rem;position:absolute;top:2px;left:2px}.sw-vw-toggle input:checked{border-color:var(--sw-demo-accent-strong);background:var(--sw-demo-accent-strong)}.sw-vw-toggle input:checked:before{background:var(--sw-accent-ink);left:calc(100% - 1rem)}.sw-vw-proofs{gap:var(--sw-demo-space-2);padding:0 var(--sw-demo-space-3) var(--sw-demo-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sw-vw-proofs__label{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1}.sw-vw-proofs a{justify-content:space-between;align-items:center;gap:var(--sw-demo-space-2);min-width:0;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);background:var(--sw-demo-surface);color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) var(--sw-font-mono);text-decoration:none;display:flex}.sw-vw-proofs a:after{content:"↗" / "";color:var(--sw-demo-dim);flex:none}.sw-vw-proofs a:hover{border-color:var(--sw-demo-accent-strong);color:var(--sw-demo-accent-strong)}.sw-vw .sheetwrite-scroller,.sw-vw .sheetwrite-shell-toolbar-row{scrollbar-width:thin;scrollbar-color:var(--sw-demo-border-strong) var(--sw-demo-deep)}@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] .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:var(--sw-demo-space-1)}.sw-vw-tab{padding:var(--sw-demo-space-2) var(--sw-demo-space-1);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-instrument{min-height:auto}.sw-vw-statusbar__label{display:none}.sw-vw-gridstage__selection{flex-basis:100%;order:3}.sw-vw-tab strong{font-size:var(--sw-type-xs)}}