.sw-showcase-page[data-framework=svelte] .sw-showcase-stage__bar{min-height:2.5rem}.sw-svw{--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-demo-svelte-accent);--sw-demo-accent-strong:color-mix(in srgb, var(--sw-demo-svelte-accent) 62%, var(--sw-fg-strong));--sw-demo-shadow:var(--sw-shadow);--sw-demo-popup-shadow:var(--sw-shadow);--demo-accent:var(--sw-demo-accent);--sw-svw-peer:var(--sw-demo-accent);--sw-scrollbar-thumb:color-mix(in srgb, var(--sw-fg-dim) 60%, transparent);--sw-scrollbar-track:transparent}.sw-svw .sw-demo-main{height:44rem}.sw-svw-chrome{--sheetwrite-widget-bg:var(--sw-demo-surface);--sheetwrite-widget-fg:var(--sw-demo-fg);--sheetwrite-widget-border:var(--sw-demo-border);--sheetwrite-widget-selection:color-mix(in srgb, var(--sw-demo-accent) 14%, transparent);--sheetwrite-widget-accent:var(--sw-demo-accent-strong);gap:var(--sw-demo-space-2);grid-template-columns:auto auto minmax(15rem,1fr) auto;display:grid;overflow:visible}.sw-svw-toggle{gap:var(--sw-demo-space-1);min-height:2rem;padding-inline:var(--sw-demo-space-3);border:1px solid var(--sw-demo-accent);background:var(--sw-demo-accent);color:var(--sw-demo-ink);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:border-color var(--sw-demo-transition), color var(--sw-demo-transition), background var(--sw-demo-transition);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.sw-svw-toggle[aria-checked=false]{border-color:var(--sw-demo-warn);background:var(--sw-demo-warn)}.sw-svw-toggle:hover:not(:disabled){border-color:var(--sw-demo-accent-strong);background:var(--sw-demo-accent-strong)}.sw-svw-toggle[aria-checked=false]:hover:not(:disabled){border-color:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong));background:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong))}.sw-svw-toggle:disabled{opacity:.4;cursor:not-allowed}.sw-svw-shellbar{gap:var(--sw-demo-space-1);align-items:center;min-width:0;display:flex}.sw-svw-shellbar .sheetwrite-shell-formula{min-width:10rem}.sw-svw-chrome .sheetwrite-shell-status{padding-inline:var(--sw-demo-space-1);color:var(--sw-demo-muted);font:500 var(--sw-type-xs) var(--sw-font-mono);flex:none}.sw-svw-collaborators{gap:var(--sw-demo-space-1);align-items:center;min-width:0;display:flex}.sw-svw-collaborators>span{color:var(--sw-demo-dim);font:600 var(--sw-type-xs) / 1 var(--sw-font-mono);white-space:nowrap}.sw-svw-presence{gap:var(--sw-demo-space-1);scrollbar-width:thin;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.sw-svw-presence li{gap:var(--sw-demo-space-1);min-height:2rem;padding-inline:var(--sw-demo-space-2);border:1px solid color-mix(in srgb, var(--sw-svw-peer) 38%, var(--sw-demo-border));background:color-mix(in srgb, var(--sw-svw-peer) 10%, var(--sw-demo-surface));color:var(--sw-demo-fg);font:600 var(--sw-type-xs) / 1 var(--sw-font-mono);white-space:nowrap;border-radius:999px;align-items:center;display:inline-flex}.sw-svw-presence li:before{width:var(--sw-demo-space-2);height:var(--sw-demo-space-2);background:var(--sw-svw-peer);content:"";border-radius:50%;flex:none}.sw-svw .sw-demo-workspace{grid-template-columns:minmax(0, 1fr) var(--sw-sidebar-width)}.sw-svw-gridstage{background:var(--sw-demo-surface);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.sw-svw-gridstage>header{gap:var(--sw-demo-space-2);min-width:0;min-height:2rem;padding-inline:var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);background:var(--sw-demo-deep);justify-content:space-between;align-items:center;display:flex}.sw-svw-gridstage>header strong{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-svw-gridstage>header span{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1 var(--sw-font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-svw-rail{border-left:1px solid var(--sw-demo-border);background:var(--sw-demo-raised);scrollbar-width:thin;flex-direction:column;gap:0;min-height:0;padding:0;display:flex;overflow-y:auto}.sw-svw-rail>section,.sw-svw-rail>details{padding:var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);flex:none}.sw-svw-mission{gap:var(--sw-demo-space-2);background:color-mix(in srgb, var(--sw-demo-accent) 7%, var(--sw-demo-surface));box-shadow:inset var(--sw-demo-space-1) 0 0 var(--sw-demo-accent);display:grid}.sw-svw-mission[data-state=offline],.sw-svw-mission[data-state=pending]{background:color-mix(in srgb, var(--sw-demo-warn) 9%, var(--sw-demo-surface));box-shadow:inset var(--sw-demo-space-1) 0 0 var(--sw-demo-warn)}.sw-svw-mission[data-state=conflict],.sw-svw-mission[data-state=error]{background:color-mix(in srgb, var(--sw-demo-danger) 8%, var(--sw-demo-surface));box-shadow:inset var(--sw-demo-space-1) 0 0 var(--sw-demo-danger)}.sw-svw-mission__eyebrow,.sw-svw-sectionhead{gap:var(--sw-demo-space-2);justify-content:space-between;align-items:center;min-width:0;display:flex}.sw-svw-mission__eyebrow{color:var(--sw-demo-accent-strong);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em}.sw-svw-mission[data-state=offline] .sw-svw-mission__eyebrow,.sw-svw-mission[data-state=pending] .sw-svw-mission__eyebrow{color:var(--sw-state-pending)}.sw-svw-mission__eyebrow span:last-child{color:var(--sw-demo-dim);letter-spacing:0;white-space:nowrap;font-weight:600}.sw-svw-mission h3,.sw-svw-sectionhead h3{color:var(--sw-demo-fg-strong);margin:0}.sw-svw-mission h3{font:650 var(--sw-type-base) / 1.2 var(--sw-font-display);letter-spacing:-.02em}.sw-svw-mission>strong{color:var(--sw-demo-fg);font:650 var(--sw-type-sm) / 1.35 var(--sw-font-body)}.sw-svw-mission>p,.sw-svw-tools>p{color:var(--sw-demo-muted);font:var(--sw-type-xs) / 1.45 var(--sw-font-body);margin:0}.sw-svw-mission>button,.sw-svw-actions button,.sw-svw-conflict button{gap:var(--sw-demo-space-1);min-height:2.125rem;padding-inline:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-surface);color:var(--sw-demo-fg);font:650 var(--sw-type-xs) / 1 var(--sw-font-body);cursor:pointer;transition:border-color var(--sw-demo-transition), background var(--sw-demo-transition), color var(--sw-demo-transition);justify-content:center;align-items:center;display:inline-flex}.sw-svw-mission>button[data-variant=primary]{border-color:var(--sw-demo-warn);background:var(--sw-demo-warn);color:var(--sw-demo-ink)}.sw-svw-mission>button[data-variant=secondary]:hover:not(:disabled),.sw-svw-actions button:hover:not(:disabled){border-color:var(--sw-demo-accent);background:color-mix(in srgb, var(--sw-demo-accent) 10%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-svw-mission>button[data-variant=primary]:hover:not(:disabled){border-color:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong));background:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong))}.sw-svw :is(.sw-svw-toggle,.sw-svw-mission button,.sw-svw-actions button,.sw-svw-conflict button,.sw-svw-tools summary):focus-visible{outline:2px solid var(--sw-demo-accent);outline-offset:2px}.sw-svw :is(.sw-svw-mission button,.sw-svw-actions button,.sw-svw-conflict button):disabled{opacity:.4;cursor:not-allowed}.sw-svw-sectionhead h3{font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-svw-sectionhead>span,.sw-svw-outbox .sw-svw-sectionhead>span{min-width:1.5rem;padding:calc(var(--sw-demo-space-1) / 2) var(--sw-demo-space-1);background:color-mix(in srgb, var(--sw-demo-accent) 14%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);text-align:center;border-radius:999px}.sw-svw-outbox{gap:var(--sw-demo-space-2);background:var(--sw-demo-surface);display:grid}.sw-svw-outbox .sw-demo-activity__empty{margin:0}.sw-svw-outbox ol,.sw-svw-feed ol{gap:var(--sw-demo-space-1);overscroll-behavior:contain;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.sw-svw-outbox ol{max-height:7rem}.sw-svw-outbox li{gap:var(--sw-demo-space-2);padding-block:var(--sw-demo-space-1);border-bottom:1px solid var(--sw-demo-border);color:var(--sw-demo-muted);font:var(--sw-type-xs) / 1.25 var(--sw-font-mono);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;display:grid}.sw-svw-outbox li:last-child{border-bottom:0}.sw-svw-outbox li code{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-xs) / 1.25 var(--sw-font-mono);text-overflow:ellipsis;overflow:hidden}.sw-svw-outbox li[data-status=conflicted] code{color:var(--sw-state-pending)}.sw-svw-outbox li span+span{color:var(--sw-demo-dim)}.sw-svw-feed{gap:var(--sw-demo-space-2);min-height:0;display:grid}.sw-svw-feed ol{max-height:6rem}.sw-svw-feed li{color:var(--sw-demo-muted);font:var(--sw-type-xs) / 1.35 var(--sw-font-mono)}.sw-svw-feed li:before{color:var(--sw-demo-accent);content:"› "}.sw-svw-feed li[data-tone=warn],.sw-svw-feed li[data-tone=warn]:before{color:var(--sw-state-pending)}.sw-svw-feed li[data-tone=err],.sw-svw-feed li[data-tone=err]:before{color:var(--sw-demo-danger)}.sw-svw-feed li[data-tone=ok]:before{content:"✓ "}.sw-svw-conflict{gap:var(--sw-demo-space-2);border-left:var(--sw-demo-space-1) solid var(--sw-demo-warn);background:color-mix(in srgb, var(--sw-demo-warn) 8%, var(--sw-demo-surface));display:grid}.sw-svw-conflict .sw-svw-sectionhead>span{background:color-mix(in srgb, var(--sw-demo-warn) 14%, var(--sw-demo-surface));color:var(--sw-state-pending)}.sw-svw-conflict>strong{color:var(--sw-demo-fg);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-body)}.sw-svw-conflict strong code{color:var(--sw-demo-accent-strong);font:650 var(--sw-type-xs) var(--sw-font-mono)}.sw-svw-conflict ul{gap:var(--sw-demo-space-1);margin:0;padding:0;list-style:none;display:grid}.sw-svw-conflict ul li{color:var(--sw-demo-muted);font:var(--sw-type-xs) / 1.35 var(--sw-font-mono)}.sw-svw-conflict ul li:before{color:var(--sw-state-pending);content:"↓ "}.sw-svw-conflict>span{color:var(--sw-demo-fg-soft);font:var(--sw-type-xs) / 1.4 var(--sw-font-body)}.sw-svw-conflict button{border-color:var(--sw-demo-warn);background:var(--sw-demo-warn);color:var(--sw-demo-ink)}.sw-svw-conflict button:hover:not(:disabled){border-color:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong));background:color-mix(in srgb, var(--sw-demo-warn) 80%, var(--sw-demo-fg-strong))}.sw-svw-tools{background:var(--sw-demo-deep)}.sw-svw-tools summary{border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-fg);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono);cursor:pointer}.sw-svw-tools[open] summary{margin-bottom:var(--sw-demo-space-2);color:var(--sw-demo-accent-strong)}.sw-svw-tools>p{margin-bottom:var(--sw-demo-space-2)}.sw-svw-actions{gap:var(--sw-demo-space-1);display:grid}.sw-svw-actions button[data-variant=quiet]{color:var(--sw-demo-muted);background:0 0;border-color:#0000}@media (width<=54rem){.sw-showcase-page[data-framework=svelte] .sw-showcase-page__hero{grid-template-columns:minmax(0,1fr)}.sw-showcase-page[data-framework=svelte] .sw-showcase-page__install{grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr)}}@media (width<=48rem){.sw-svw-chrome{grid-template-columns:minmax(0,1fr) auto;align-content:center}.sw-svw-shellbar,.sw-svw-collaborators{grid-column:1/-1;width:100%}.sw-svw-shellbar{scrollbar-width:thin;overflow-x:auto}.sw-svw-presence{flex:1}.sw-svw-presence li{text-overflow:ellipsis;max-width:10rem;overflow:hidden}.sw-svw .sw-demo-workspace{grid-template-rows:minmax(16rem,1fr) minmax(0,16rem);grid-template-columns:minmax(0,1fr)}.sw-svw-rail{border-top:1px solid var(--sw-demo-border);border-left:0;display:flex}.sw-svw-gridstage>header span{display:none}}@media (width<=42rem){.sw-showcase-page[data-framework=svelte] .sw-showcase-stage__bar{min-height:2rem}.sw-svw-collaborators>span{display:none}.sw-svw .sw-demo-status--metrics{min-height:2rem;padding-block:var(--sw-demo-space-1)}}@media (prefers-reduced-motion:reduce){.sw-svw-toggle,.sw-svw-mission button,.sw-svw-actions button,.sw-svw-conflict button{transition:none}}
