.sw-vuewb-app{--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-shadow:var(--sw-shadow);--sw-demo-popup-shadow:var(--sw-shadow)}.sw-vuewb-role{flex:none;align-items:center;display:inline-flex}.sw-vuewb-role select{min-height:2rem;padding-inline: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:600 var(--sw-type-xs) / 1 var(--sw-font-body);cursor:pointer}.sw-vuewb-role select:focus-visible{border-color:var(--sw-demo-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sw-demo-accent) 42%, transparent);outline:none}.sw-vuewb-workbook__state{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono);margin:0}.sw-vuewb-persist__ack{color:var(--sw-demo-dim);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sw-vuewb-workspace{grid-template-columns:minmax(0,1fr) 24rem;min-width:0;min-height:0;display:grid}.sw-vuewb-panel{border-left:1px solid var(--sw-demo-border);background:var(--sw-demo-panel);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.sw-vuewb-section{gap:var(--sw-demo-space-2);padding:var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);display:grid}.sw-vuewb-section:last-child{border-bottom:0}.sw-vuewb-section__head{gap:var(--sw-demo-space-2);justify-content:space-between;align-items:baseline;display:flex}.sw-vuewb-section__head h3{color:var(--sw-demo-dim);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.sw-vuewb-section__head a{color:var(--sw-demo-accent-strong);font:500 var(--sw-type-xs) / 1.2 var(--sw-font-body);text-decoration:none}.sw-vuewb-section__head a:hover{text-decoration:underline}.sw-vuewb-inspector{gap:var(--sw-demo-space-1);margin:0;display:grid}.sw-vuewb-inspector>div{gap:var(--sw-demo-space-2);grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;display:grid}.sw-vuewb-inspector dt{color:var(--sw-demo-dim);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono)}.sw-vuewb-inspector dd{min-width:0;color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sw-vuewb-inspector dd[data-tone=allow]{color:var(--sw-demo-accent-strong)}.sw-vuewb-inspector dd[data-tone=deny]{color:var(--sw-demo-warn)}.sw-vuewb-note{gap:var(--sw-demo-space-2);display:grid}.sw-vuewb-note textarea{min-height:3.25rem;padding: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);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-body);resize:vertical}.sw-vuewb-note textarea:focus-visible{border-color:var(--sw-demo-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sw-demo-accent) 42%, transparent);outline:none}.sw-vuewb-note__actions{gap:var(--sw-demo-space-1);display:flex}.sw-vuewb-panel button,.sw-vuewb-panel input[type=text]{min-height:1.9rem;padding-inline: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:600 var(--sw-type-xs) / 1 var(--sw-font-body)}.sw-vuewb-panel button{cursor:pointer;transition:color var(--sw-demo-transition), border-color var(--sw-demo-transition), background var(--sw-demo-transition)}.sw-vuewb-panel button:hover:not(:disabled){border-color:color-mix(in srgb, var(--sw-demo-accent) 54%, var(--sw-demo-border));background:color-mix(in srgb, var(--sw-demo-accent) 10%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-vuewb-panel button:disabled{opacity:.4;cursor:not-allowed}.sw-vuewb-panel button[data-variant=primary]{border-color:color-mix(in srgb, var(--sw-demo-accent) 60%, var(--sw-demo-border));background:color-mix(in srgb, var(--sw-demo-accent) 16%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-vuewb-panel input[type=text]:focus-visible{border-color:var(--sw-demo-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sw-demo-accent) 42%, transparent);outline:none}.sw-vuewb-workbook{gap:var(--sw-demo-space-2);display:grid}.sw-vuewb-workbook__rename{gap:var(--sw-demo-space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.sw-vuewb-workbook__rename input{min-width:0}.sw-vuewb-workbook__row{gap:var(--sw-demo-space-1);flex-wrap:wrap;display:flex}.sw-vuewb-persist{gap:var(--sw-demo-space-2);display:grid}.sw-vuewb-persist output{padding:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-deep);color:var(--sw-demo-fg-soft);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-mono);display:block}.sw-vuewb-persist output[data-state=pending]{border-color:color-mix(in srgb, var(--sw-demo-warn) 45%, var(--sw-demo-border));color:var(--sw-demo-warn)}.sw-vuewb-persist output[data-state=synced]{border-color:color-mix(in srgb, var(--sw-demo-accent) 45%, var(--sw-demo-border));color:var(--sw-demo-accent-strong)}.sw-vuewb-persist__meters{gap:var(--sw-demo-space-1);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.sw-vuewb-persist__meters>div{padding:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-surface);gap:.125rem;display:grid}.sw-vuewb-persist__meters dt{color:var(--sw-demo-dim);font:500 .62rem / 1.2 var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase}.sw-vuewb-persist__meters dd{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-sm) / 1.2 var(--sw-font-mono);font-variant-numeric:tabular-nums;margin:0}.sw-vuewb-feed{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.sw-vuewb-feed li{gap:var(--sw-demo-space-2);color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-mono);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);display:grid}.sw-vuewb-feed li>code{color:var(--sw-demo-accent-strong);font:600 var(--sw-type-xs) / 1.45 var(--sw-font-mono)}.sw-vuewb-feed li[data-kind=rejected]>code{color:var(--sw-demo-danger)}.sw-vuewb-feed li[data-kind=lifecycle]>code{color:var(--sw-demo-warn)}.sw-vuewb-props{gap:.2rem;margin:0;display:grid}.sw-vuewb-props>div{gap:var(--sw-demo-space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.sw-vuewb-props dt{color:var(--sw-demo-dim);font:500 var(--sw-type-xs) / 1.5 var(--sw-font-mono)}.sw-vuewb-props dd{color:var(--sw-demo-fg-soft);font:600 var(--sw-type-xs) / 1.5 var(--sw-font-mono);margin:0}@media (width<=64rem){.sw-vuewb-workspace{grid-template-rows:minmax(24rem,1fr) auto;grid-template-columns:minmax(0,1fr)}.sw-vuewb-panel{border-top:1px solid var(--sw-demo-border);border-left:0;max-height:24rem}.sw-vuewb-persist__meters{grid-template-columns:repeat(3,minmax(0,1fr))}}