.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);background:var(--sw-demo-surface);min-height:44rem;color:var(--sw-demo-fg);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);display:grid}.sw-vw>*{min-width:0}.sw-vw-controlbar{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-4);border-bottom:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);grid-template-columns:minmax(11rem,auto) 1fr;align-items:end;display:grid}.sw-vw-identity{gap:var(--sw-demo-space-1);display:grid}.sw-vw-identity h2{color:var(--sw-demo-fg-strong);font:600 1.15rem var(--sw-font-display);letter-spacing:-.02em;margin:0}.sw-vw-eyebrow{color:var(--sw-demo-accent);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.1em;margin:0}.sw-vw-lifecycle{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono)}.sw-vw-lifecycle[data-phase=destroyed]{color:var(--sw-demo-warn)}.sw-vw-controls{gap:var(--sw-demo-space-3);flex-wrap:wrap;justify-content:end;align-items:end;display:flex}.sw-vw-actions{gap:var(--sw-demo-space-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.sw-vw-field{gap:.2rem;min-width:12rem;display:grid}.sw-vw-field__label{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-vw-field--toggle{min-width:0}.sw-vw-field--toggle .sw-vw-toggle{justify-self:start}.sw-vw-toggle{align-items:center;gap:var(--sw-demo-space-2);min-height:2.15rem;padding:0 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);font:500 var(--sw-type-sm) var(--sw-font-body);cursor:pointer;transition:border-color var(--sw-demo-transition);display:flex}.sw-vw-toggle:hover{border-color:color-mix(in srgb, var(--sw-demo-accent) 58%, var(--sw-demo-border))}.sw-vw-toggle input{accent-color:var(--sw-demo-accent)}.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-3)}.sw-vw .sw-demo-radio-item[data-checked]{color:var(--sw-accent-ink)}.sw-vw .sw-demo-button{min-height:2.15rem;padding:0 var(--sw-demo-space-3);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-deep);color:var(--sw-demo-fg-soft);font:550 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:color-mix(in srgb, var(--sw-demo-accent) 48%, var(--sw-demo-border));color:var(--sw-demo-accent-strong)}.sw-vw .sw-demo-button:disabled{opacity:.45;cursor:not-allowed}.sw-vw .sw-demo-button[data-variant=primary]{border-color:var(--sw-demo-accent);background:var(--sw-demo-accent);color:var(--sw-accent-ink)}.sw-vw .sw-demo-button[data-variant=primary]:hover:not(:disabled){background:var(--sw-demo-accent-strong);color:var(--sw-accent-ink)}.sw-vw .sw-demo-button[data-variant=quiet]{background:0 0;border-color:#0000}.sw-vw .sw-demo-button[data-variant=quiet]:hover:not(:disabled){border-color:color-mix(in srgb, var(--sw-demo-danger) 48%, transparent);color:var(--sw-demo-danger)}.sw-vw-stagewrap{grid-template-columns:minmax(0,1fr);min-height:24rem;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) 88%, 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:600 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.55}.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:.15rem 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-2) var(--sw-demo-space-4);padding:var(--sw-demo-space-2) var(--sw-demo-space-4);border-top:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);color:var(--sw-demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono);flex-wrap:wrap;align-items:center;display:flex}.sw-vw-statusbar output{color:var(--sw-demo-fg-soft)}.sw-vw-paged{color:var(--sw-demo-accent-strong)}.sw-vw-paged[data-fully-loaded=true]{color:var(--sw-demo-accent)}.sw-vw-activity{min-width:12rem;color:var(--sw-demo-fg-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sw-vw-proofs{gap:var(--sw-demo-space-2) var(--sw-demo-space-3);padding:var(--sw-demo-space-3) var(--sw-demo-space-4);border-top:1px solid var(--sw-demo-border);background:var(--sw-demo-deep);font:500 var(--sw-type-xs) var(--sw-font-mono);flex-wrap:wrap;align-items:baseline;display:flex}.sw-vw-proofs span{color:var(--sw-demo-dim);letter-spacing:.06em}.sw-vw-proofs a{border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-fg-soft);transition:color var(--sw-demo-transition), border-color var(--sw-demo-transition);padding:.15rem .4rem;text-decoration:none}.sw-vw-proofs a:hover{border-color:color-mix(in srgb, var(--sw-demo-accent) 48%, var(--sw-demo-border));color:var(--sw-demo-accent-strong)}@media (width<=760px){.sw-vw{min-height:38rem}.sw-vw-controlbar{grid-template-columns:1fr;align-items:start}.sw-vw-controls{justify-content:start}.sw-vw-field{flex:12rem;min-width:0}.sw-vw-activity{text-align:left;min-width:100%}}