.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 minmax(0,1fr) auto}.sw-vuewb-controlbar{border-bottom-color:var(--sw-demo-border-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) 22.5rem;min-width:0;min-height:0;display:grid}.sw-vuewb-grid{background:var(--sw-demo-surface);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) minmax(8.75rem,10rem);min-width:0;min-height:0;display:grid;overflow:hidden}.sw-vuewb-tasktabs{border-bottom:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-deep);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.sw-vuewb-tasktabs button{min-width:0;min-height:2.5rem;padding-inline:var(--sw-demo-space-1);border:0;border-right:1px solid var(--sw-demo-border);border-bottom:1px solid var(--sw-demo-border);color:var(--sw-demo-muted);font:650 var(--sw-type-xs) / 1 var(--sw-font-body);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--sw-demo-transition), background var(--sw-demo-transition);background:0 0;position:relative;overflow:hidden}.sw-vuewb-tasktabs button:nth-child(4n){border-right:0}.sw-vuewb-tasktabs button:nth-child(n+5){border-bottom:0}.sw-vuewb-tasktabs button:hover{color:var(--sw-demo-fg-strong);background:var(--sw-demo-surface)}.sw-vuewb-tasktabs button[aria-selected=true]{background:var(--sw-demo-surface);color:var(--sw-demo-fg-strong)}.sw-vuewb-tasktabs button[aria-selected=true]:after{right:var(--sw-demo-space-2);bottom:0;left:var(--sw-demo-space-2);height:var(--sw-demo-space-1);background:var(--sw-demo-accent);content:"";position:absolute}.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;display:grid;overflow-y:auto}.sw-vuewb-taskpanel[hidden]{display:none}.sw-vuewb-eventrail{gap:var(--sw-demo-space-2);min-width:0;min-height:0;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-top:1px solid var(--sw-demo-border-strong);background:var(--sw-demo-deep);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.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{gap:var(--sw-demo-space-1);padding-block:var(--sw-demo-space-2);border-block:1px solid var(--sw-demo-border);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.35 var(--sw-font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.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);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sw-vuewb-steps li{gap:var(--sw-demo-space-1);min-width:0;padding: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{min-width:0;display:grid}.sw-vuewb-steps :is(strong,small){font-size:var(--sw-type-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}.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{gap:var(--sw-demo-space-1);margin:var(--sw-demo-space-3) 0 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.4 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;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<=64rem){.sw-vuewb-main{height:auto;min-height:44rem}.sw-vuewb-workspace{grid-template-rows:30rem auto;grid-template-columns:minmax(0,1fr)}.sw-vuewb-panel{border-top:1px solid var(--sw-demo-border-strong);border-left:0;grid-template-rows:auto auto minmax(8.75rem,10rem);min-height:34rem}.sw-vuewb-taskpanel{min-height:20rem;overflow:visible}.sw-vuewb-eventrail{min-height:calc(var(--sw-demo-space-4) * 9)}}@media (width<=48rem){.sw-vuewb-controlbar{min-height:3.5rem}.sw-vuewb-controlbar .sw-demo-controlbar__controls{justify-content:flex-end;overflow:visible}.sw-vuewb-role legend{display:none}.sw-vuewb-workspace{grid-template-rows:28rem auto}.sw-vuewb-tasktabs button{min-height:3rem}.sw-vuewb-steps{grid-template-columns:minmax(0,1fr)}.sw-vuewb-steps li{min-height:2.75rem}.sw-vuewb-renderers{grid-template-columns:minmax(0,1fr)}}