.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-main{grid-template-rows:auto auto auto;height:auto;min-height:0}.sw-vuewb-controlbar{border-bottom-color:var(--sw-demo-border-strong)}.sw-vuewb-app .sw-vuewb-readout{gap:var(--sw-demo-space-2);padding:.4rem var(--sw-demo-space-2);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);color:var(--sw-demo-muted);text-align:left;flex:none;align-items:center;margin-left:auto;display:flex}.sw-vuewb-app .sw-vuewb-readout__label{color:var(--sw-demo-muted);font:650 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-vuewb-app .sw-vuewb-readout strong{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-sm) / 1 var(--sw-font-body)}.sw-vuewb-app .sw-vuewb-readout[data-state=rejected]{border-color:color-mix(in srgb, var(--sw-demo-danger) 60%, var(--sw-demo-border))}.sw-vuewb-app .sw-vuewb-readout[data-state=authorized]{border-color:color-mix(in srgb, var(--sw-demo-warn) 60%, var(--sw-demo-border))}.sw-vuewb-app .sw-vuewb-readout[data-state=accepted]{border-color:color-mix(in srgb, var(--sw-demo-accent) 60%, var(--sw-demo-border))}.sw-vuewb-app .sw-vuewb-readout[data-state=rejected] :is(svg,strong){color:var(--sw-demo-danger)}.sw-vuewb-app .sw-vuewb-readout[data-state=authorized] :is(svg,strong){color:var(--sw-demo-warn)}.sw-vuewb-app .sw-vuewb-readout[data-state=accepted] :is(svg,strong){color:var(--sw-demo-accent-strong)}.sw-vuewb-role{gap:var(--sw-demo-space-1);color:var(--sw-demo-muted);font:600 var(--sw-type-xs) / 1 var(--sw-font-body);border:0;flex:none;align-items:center;margin:0;padding:0;display:inline-flex}.sw-vuewb-role legend{float:left;margin-right:var(--sw-demo-space-1)}.sw-vuewb-role button{min-height:2rem;padding-inline:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-muted);font:650 var(--sw-type-xs) / 1 var(--sw-font-body);cursor:pointer;background:0 0}.sw-vuewb-role button[aria-pressed=true]{border-color:var(--sw-demo-accent);background:color-mix(in srgb, var(--sw-demo-accent) 16%, transparent);color:var(--sw-demo-fg-strong)}.sw-vuewb-role button:focus-visible,.sw-vuewb-panel :is(button,input,textarea,summary):focus-visible{border-color:var(--sw-demo-accent);outline:2px solid color-mix(in srgb, var(--sw-demo-accent) 56%, transparent);outline-offset:2px}.sw-vuewb-workspace{grid-template-columns:minmax(0,1fr) 23rem;align-items:stretch;min-width:0;height:40rem;min-height:0;display:grid}.sw-vuewb-grid{background:var(--sw-demo-surface);height:100%;min-height:0;position:relative}.sw-vuewb-panel{border-left:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-panel);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.sw-vuewb-tasktabs{min-width:0;padding:var(--sw-demo-space-2);border-bottom:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-deep);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.sw-vuewb-panel .sw-vuewb-tasktabs button{min-width:0;min-height:2rem;padding-inline:var(--sw-demo-space-1);border-radius:var(--sw-demo-radius-1);color:var(--sw-demo-muted);font:600 var(--sw-type-xs) / 1.2 var(--sw-font-body);cursor:pointer;background:0 0;border:1px solid #0000}.sw-vuewb-tasktabs button:hover{color:var(--sw-demo-fg-strong);background:color-mix(in srgb, var(--sw-demo-surface) 70%, transparent)}.sw-vuewb-panel .sw-vuewb-tasktabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--sw-demo-accent) 45%, var(--sw-demo-border));background:var(--sw-demo-surface);color:var(--sw-demo-accent-strong)}.sw-vuewb-taskpanel{align-content:start;gap:var(--sw-demo-space-2);min-width:0;min-height:0;padding:var(--sw-demo-space-3);overscroll-behavior:contain;scrollbar-width:thin;background:var(--sw-demo-raised);display:grid;overflow-y:auto}.sw-vuewb-taskpanel[hidden]{display:none}.sw-vuewb-eventrail{align-content:start;gap:var(--sw-demo-space-2);min-width:0;min-height:0;padding:var(--sw-demo-space-2) var(--sw-demo-space-3) var(--sw-demo-space-3);border-top:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-deep);grid-template-rows:auto auto;display:grid}.sw-vuewb-eventrail>header{justify-content:space-between;align-items:baseline;min-width:0;display:flex}.sw-vuewb-eventrail>header strong{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-body)}.sw-vuewb-eventrail>header span{color:var(--sw-demo-dim);font:550 var(--sw-type-xs) / 1.2 var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sw-vuewb-challenge__head{gap:var(--sw-demo-space-1);display:grid}.sw-vuewb-challenge__head>span{color:var(--sw-demo-accent-strong);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.08em}.sw-vuewb-challenge__head strong{color:var(--sw-demo-fg-strong);font:650 1.15rem / 1.2 var(--sw-font-display)}.sw-vuewb-challenge__head p,.sw-vuewb-section__head p{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-body);margin:0}.sw-vuewb-inspector{padding-block:var(--sw-demo-space-2);border-block:1px solid var(--sw-demo-border);gap:2px;margin:0;display:grid}.sw-vuewb-inspector>div{gap:var(--sw-demo-space-2);grid-template-columns:4.5rem minmax(0,1fr);align-items:baseline;display:grid}.sw-vuewb-inspector :is(dt,dd){font:550 var(--sw-type-xs) / 1.4 var(--sw-font-mono);overflow-wrap:anywhere;margin:0}.sw-vuewb-inspector dt{color:var(--sw-demo-dim)}.sw-vuewb-inspector dd{color:var(--sw-demo-fg)}.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-policy-result{gap:var(--sw-demo-space-1);padding:var(--sw-demo-space-3);border:1px solid var(--sw-demo-border-strong);border-left:var(--sw-demo-space-1) solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-deep);display:grid}.sw-vuewb-policy-result strong{color:var(--sw-demo-fg-strong);font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase}.sw-vuewb-policy-result span{color:var(--sw-demo-fg-soft);font:550 var(--sw-type-xs) / 1.45 var(--sw-font-mono);overflow-wrap:anywhere}.sw-vuewb-policy-result[data-state=rejected]{border-color:color-mix(in srgb, var(--sw-demo-danger) 68%, var(--sw-demo-border))}.sw-vuewb-policy-result[data-state=rejected] strong{color:var(--sw-demo-danger)}.sw-vuewb-policy-result[data-state=authorized]{border-color:color-mix(in srgb, var(--sw-demo-warn) 68%, var(--sw-demo-border))}.sw-vuewb-policy-result[data-state=authorized] strong{color:var(--sw-demo-warn)}.sw-vuewb-policy-result[data-state=accepted]{border-color:color-mix(in srgb, var(--sw-demo-accent) 72%, var(--sw-demo-border))}.sw-vuewb-policy-result[data-state=accepted] strong{color:var(--sw-demo-accent-strong)}.sw-vuewb-steps{gap:var(--sw-demo-space-1);margin:0;padding:0;list-style:none;display:grid}.sw-vuewb-steps li{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);color:var(--sw-demo-dim);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.sw-vuewb-steps li>span{background:var(--sw-demo-raised);width:1.4rem;height:1.4rem;font:700 var(--sw-type-xs) / 1 var(--sw-font-mono);border-radius:50%;place-items:center;display:grid}.sw-vuewb-steps li div{gap:var(--sw-demo-space-2);grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);align-items:baseline;min-width:0;display:grid}.sw-vuewb-steps :is(strong,small){font-size:var(--sw-type-xs);overflow-wrap:anywhere;line-height:1.3}.sw-vuewb-steps li[data-state=current]{border-color:var(--sw-demo-warn);color:var(--sw-demo-fg-strong)}.sw-vuewb-steps li[data-state=done]{border-color:var(--sw-demo-accent);color:var(--sw-demo-accent-strong)}.sw-vuewb-challenge__actions,.sw-vuewb-note__actions,.sw-vuewb-workbook__row,.sw-vuewb-settings{gap:var(--sw-demo-space-2);flex-wrap:wrap;display:flex}.sw-vuewb-panel button,.sw-vuewb-panel input[type=text],.sw-vuewb-panel textarea{min-height:2.25rem;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:600 var(--sw-type-xs) / 1.2 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:var(--sw-demo-accent);background:color-mix(in srgb, var(--sw-demo-accent) 12%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-vuewb-panel button:disabled{opacity:.42;cursor:not-allowed}.sw-vuewb-panel button[data-variant=primary],.sw-vuewb-renderers button[aria-pressed=true]{border-color:var(--sw-demo-accent);background:color-mix(in srgb, var(--sw-demo-accent) 16%, var(--sw-demo-surface));color:var(--sw-demo-accent-strong)}.sw-vuewb-section__head{gap:var(--sw-demo-space-2);justify-content:space-between;align-items:start;display:flex}.sw-vuewb-section__head>div{gap:var(--sw-demo-space-1);display:grid}.sw-vuewb-section__head h3{color:var(--sw-demo-fg-strong);font:650 1rem / 1.2 var(--sw-font-display);margin:0}.sw-vuewb-section__head a{color:var(--sw-demo-accent-strong);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-body);flex:none;text-decoration:none}.sw-vuewb-section__head a:hover{text-underline-offset:var(--sw-demo-space-1);text-decoration:underline}.sw-vuewb-note,.sw-vuewb-workbook,.sw-vuewb-persist{gap:var(--sw-demo-space-2);display:grid}.sw-vuewb-note label{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-body)}.sw-vuewb-note textarea{box-sizing:border-box;width:100%;min-height:calc(var(--sw-demo-space-4) * 6);padding:var(--sw-demo-space-2);resize:vertical;line-height:1.45;overflow:auto}.sw-vuewb-inspector--compact{padding-block:var(--sw-demo-space-1)}.sw-vuewb-task-summary{gap:var(--sw-demo-space-1);padding:var(--sw-demo-space-3);border:1px solid var(--sw-demo-border);border-left:var(--sw-demo-space-1) solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-deep);display:grid}.sw-vuewb-task-summary strong{color:var(--sw-demo-fg-strong);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-mono)}.sw-vuewb-task-summary span{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-body)}.sw-vuewb-task-summary[data-state=active],.sw-vuewb-task-summary[data-state=accepted]{border-left-color:var(--sw-demo-accent)}.sw-vuewb-task-summary[data-state=rejected]{border-left-color:var(--sw-demo-danger)}.sw-vuewb-change-meters{gap:var(--sw-demo-space-1);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.sw-vuewb-change-meters>div{min-width:0;padding:var(--sw-demo-space-2);border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-1)}.sw-vuewb-change-meters :is(dt,dd){font:550 var(--sw-type-xs) / 1.35 var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sw-vuewb-change-meters dt{color:var(--sw-demo-dim)}.sw-vuewb-change-meters dd{color:var(--sw-demo-fg-strong)}.sw-vuewb-taskhint,.sw-vuewb-workbook__state,.sw-vuewb-persist__ack{color:var(--sw-demo-muted);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-mono);margin:0}.sw-vuewb-taskhint{padding:var(--sw-demo-space-3);border-left:var(--sw-demo-space-1) solid var(--sw-demo-accent);background:var(--sw-demo-deep)}.sw-vuewb-taskhint strong{color:var(--sw-demo-fg-strong)}.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-persist output{padding:var(--sw-demo-space-3);border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-demo-deep);color:var(--sw-demo-fg);font:600 var(--sw-type-xs) / 1.45 var(--sw-font-mono);display:block}.sw-vuewb-persist output[data-state=pending]{border-color:var(--sw-demo-warn);color:var(--sw-demo-warn)}.sw-vuewb-persist output[data-state=synced]{border-color:var(--sw-demo-accent);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{gap:var(--sw-demo-space-1);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);display:grid}.sw-vuewb-persist__meters dt{color:var(--sw-demo-dim);font:650 var(--sw-type-xs) / 1.1 var(--sw-font-mono)}.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-renderers{gap:var(--sw-demo-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sw-vuewb-disclosure{border-top:1px solid var(--sw-demo-border)}.sw-vuewb-disclosure summary{padding-block:var(--sw-demo-space-3);color:var(--sw-demo-fg);font:650 var(--sw-type-xs) / 1.2 var(--sw-font-body);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.sw-vuewb-disclosure summary::-webkit-details-marker{display:none}.sw-vuewb-disclosure summary:after{content:"+";color:var(--sw-demo-accent-strong)}.sw-vuewb-disclosure[open] summary:after{content:"−"}.sw-vuewb-disclosure>:not(summary){margin-bottom:var(--sw-demo-space-3)}.sw-vuewb-props{gap:var(--sw-demo-space-1);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 :is(dt,dd){font:550 var(--sw-type-xs) / 1.4 var(--sw-font-mono);margin:0}.sw-vuewb-props dt{color:var(--sw-demo-dim)}.sw-vuewb-props dd{color:var(--sw-demo-fg)}.sw-vuewb-feed{margin:var(--sw-demo-space-3) 0 0;grid-auto-rows:auto;align-content:start;gap:3px;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.35 var(--sw-font-mono);overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);display:grid}.sw-vuewb-feed code{color:var(--sw-demo-accent-strong);font:inherit;font-weight:650}.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-eventrail .sw-vuewb-feed{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;max-height:15rem;margin:0;overflow-y:auto}.sw-vuewb-eventrail .sw-vuewb-feed li{gap:var(--sw-demo-space-2);grid-template-columns:auto minmax(0,1fr)}@media (width<=80rem){.sw-vuewb-workspace{grid-template-columns:minmax(0,1fr) 21rem}}@media (width<=64rem){.sw-vuewb-main{height:auto;min-height:0}.sw-vuewb-workspace{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);height:auto}.sw-vuewb-grid{height:40rem}.sw-vuewb-panel{border-top:1px solid var(--sw-demo-border-strong);border-left:0;grid-template-rows:auto auto auto}.sw-vuewb-taskpanel{overflow:visible}}@media (width<=48rem){.sw-vuewb-controlbar{gap:var(--sw-demo-space-2) var(--sw-demo-space-3);padding-block:var(--sw-demo-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.sw-vuewb-controlbar>.sw-demo-controlbar__identity,.sw-vuewb-controlbar>.sw-demo-controlbar__controls{grid-column:1/-1}.sw-vuewb-controlbar .sw-demo-controlbar__controls{justify-content:flex-start;overflow:visible}.sw-vuewb-app .sw-vuewb-readout{grid-column:1;justify-self:start;margin-left:0}.sw-vuewb-app .sw-vuewb-readout__label{display:none}.sw-vuewb-controlbar>.sw-workbench-primary{grid-column:2;justify-self:end}.sw-vuewb-role legend,.sw-vuewb-app .sw-vuewb-status--role,.sw-vuewb-app .sw-vuewb-status--host,.sw-vuewb-app .sw-vuewb-status--renderer{display:none}.sw-vuewb-workspace{grid-template-rows:auto auto}.sw-vuewb-tasktabs button{min-height:3rem}.sw-vuewb-steps li{min-height:2.75rem}.sw-vuewb-renderers{grid-template-columns:minmax(0,1fr)}}