.sw-engine-frame{--sw-engine-content-gutter:var(--sw-demo-space-4);--sw-engine-grid-height:32rem;--sw-engine-evidence-height:19rem;background:var(--sw-surface-0);min-height:100vh}.sw-engine{width:calc(100% - (var(--sw-engine-content-gutter) * 2));max-width:var(--sw-engine-max-width);padding:calc(var(--sw-demo-space-4) * 2) 0 calc(var(--sw-demo-space-4) * 4);margin:0 auto}.sw-engine__hero{gap:calc(var(--sw-demo-space-4) * 3);min-height:11rem;padding:var(--sw-demo-space-4) 0 calc(var(--sw-demo-space-4) * 1.5);grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:end;display:grid}.sw-engine__hero-title,.sw-engine__hero-copy{min-width:0}.sw-engine__hero h1,.sw-engine-stage__head h2,.sw-engine-log h2{color:var(--sw-fg-strong);font-family:var(--sw-font-display);letter-spacing:-.03em;margin:0}.sw-engine__hero h1{max-width:21ch;font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1}.sw-engine__eyebrow{margin:0 0 var(--sw-demo-space-2);color:var(--sw-accent-strong);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono);letter-spacing:.1em;text-transform:uppercase}.sw-engine__hero-copy{gap:var(--sw-demo-space-3);padding-bottom:var(--sw-demo-space-1);align-content:end;display:grid}.sw-engine__hero-copy p{max-width:42rem;color:var(--sw-fg-muted);font-size:var(--sw-type-base);margin:0;line-height:1.55}.sw-engine__hero-copy a{color:var(--sw-accent-strong);font:650 var(--sw-type-sm) / 1.4 var(--sw-font-mono);text-underline-offset:var(--sw-demo-space-1);justify-self:start;text-decoration-thickness:1px}.sw-engine-stage,.sw-engine-log{border:1px solid var(--sw-border);border-radius:var(--sw-demo-radius-3);background:var(--sw-surface-1);box-shadow:var(--sw-shadow);overflow:hidden}.sw-engine-stage__head,.sw-engine-log>header{justify-content:space-between;gap:calc(var(--sw-demo-space-4) * 2);padding:var(--sw-demo-space-4) calc(var(--sw-demo-space-4) * 1.5);display:flex}.sw-engine-stage__head{border-bottom:1px solid var(--sw-border);align-items:end}.sw-engine-stage__head h2,.sw-engine-log h2{font-size:clamp(1.2rem,2vw,1.65rem);font-weight:650;line-height:1.1}.sw-engine-facts{justify-content:end;gap:calc(var(--sw-demo-space-4) * 1.5);flex-wrap:wrap;margin:0;display:flex}.sw-engine-facts div{min-width:4.5rem}.sw-engine-facts dt{color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1.3 var(--sw-font-mono);text-transform:uppercase}.sw-engine-facts dd{margin:var(--sw-demo-space-1) 0 0;color:var(--sw-fg-strong);font:650 1rem / 1.2 var(--sw-font-display);font-variant-numeric:tabular-nums}.sw-engine-stage__workspace{grid-template-columns:minmax(0,2.25fr) minmax(17rem,.75fr);min-width:0;display:grid}.sw-engine-grid-panel{border-right:1px solid var(--sw-border);background:var(--sw-demo-deep);min-width:0}.sw-engine-grid-panel__status{justify-content:space-between;gap:var(--sw-demo-space-3);min-height:2.25rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-bottom:1px solid var(--sw-demo-border);color:var(--sw-demo-muted);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;display:flex}.sw-engine-grid-panel__status [data-state=ready]{color:var(--sw-demo-accent-strong)}.sw-engine-grid-panel__status [data-state=error]{color:var(--sw-demo-danger)}.sw-engine-grid{height:var(--sw-engine-grid-height);min-height:24rem}.sw-engine-cutaway{min-width:0;height:calc(var(--sw-engine-grid-height) + 2.25rem);background:color-mix(in srgb, var(--sw-accent) 3%, var(--sw-surface-1));grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.sw-engine-cutaway__head{justify-content:space-between;gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-4);border-bottom:1px solid var(--sw-border);align-items:start;display:flex}.sw-engine-cutaway__head h3{color:var(--sw-fg-strong);font:650 1rem / 1.25 var(--sw-font-display);margin:0}.sw-engine-cutaway__head>span,.sw-engine-cutaway__resource{color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);font-variant-numeric:tabular-nums}.sw-engine-cutaway__head>span{white-space:nowrap}.sw-engine-lanes{scrollbar-gutter:stable;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.sw-engine-lanes>li{gap:var(--sw-demo-space-1);padding:var(--sw-demo-space-4);border-bottom:1px solid var(--sw-border);display:grid}.sw-engine-lanes>li>span{color:var(--sw-accent-strong);font:650 var(--sw-type-xs) / 1.3 var(--sw-font-mono);letter-spacing:.08em;text-transform:uppercase}.sw-engine-lanes>li>strong{color:var(--sw-fg-strong);font:650 var(--sw-type-sm) / 1.35 var(--sw-font-display)}.sw-engine-lanes>li>p{color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:0;line-height:1.45}.sw-engine-dependency{gap:var(--sw-demo-space-2);margin:var(--sw-demo-space-2) 0 0;padding:0;list-style:none;display:grid}.sw-engine-dependency li{gap:var(--sw-demo-space-1) var(--sw-demo-space-2);padding:var(--sw-demo-space-2);border-left:var(--sw-demo-space-1) solid var(--sw-accent);background:var(--sw-surface-2);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.sw-engine-dependency span{color:var(--sw-accent-strong);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono)}.sw-engine-dependency strong,.sw-engine-dependency code{min-width:0;color:var(--sw-fg-strong);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);overflow-wrap:anywhere}.sw-engine-dependency code{color:var(--sw-fg-muted);grid-column:1/-1}.sw-engine-cutaway__resource{padding:var(--sw-demo-space-3) var(--sw-demo-space-4);border-top:1px solid var(--sw-border);margin:0}.sw-engine-controls{gap:calc(var(--sw-demo-space-4) * 1.5);padding:var(--sw-demo-space-3) calc(var(--sw-demo-space-4) * 1.5);border-top:1px solid var(--sw-border);background:var(--sw-surface-2);grid-template-columns:auto auto minmax(0,1fr);display:grid}.sw-engine-controls fieldset{border:0;min-width:0;margin:0;padding:0}.sw-engine-controls fieldset:last-child{justify-self:end}.sw-engine-controls legend{margin-bottom:var(--sw-demo-space-1);color:var(--sw-fg-dim);font:600 var(--sw-type-xs) / 1.3 var(--sw-font-mono);letter-spacing:.06em;text-transform:uppercase;padding:0}.sw-engine-controls__jump,.sw-engine-controls__actions{align-items:center;gap:var(--sw-demo-space-2);flex-wrap:wrap;display:flex}.sw-engine-controls label{color:var(--sw-fg-muted);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono)}.sw-engine-controls input,.sw-engine-controls select{border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);min-height:2.25rem;color:var(--sw-fg-strong);font:600 var(--sw-type-sm) / 1.2 var(--sw-font-mono)}.sw-engine-controls input{width:6.5rem;padding:var(--sw-demo-space-2)}.sw-engine-renderer{align-items:center;gap:var(--sw-demo-space-1);padding:var(--sw-demo-space-1);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-1);display:inline-flex}.sw-engine-renderer label{cursor:pointer;position:relative}.sw-engine-renderer input{opacity:0;width:1px;height:1px;position:absolute}.sw-engine-renderer label>span{padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-radius:var(--sw-demo-radius-1);color:var(--sw-fg-muted);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);white-space:nowrap;display:block}.sw-engine-renderer input:checked+span{background:var(--sw-accent-soft);color:var(--sw-fg-strong)}.sw-engine-renderer input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb, var(--sw-accent) 48%, transparent)}.sw-engine-renderer input:disabled+span{cursor:not-allowed;opacity:.48}.sw-engine-controls select{padding:var(--sw-demo-space-2) calc(var(--sw-demo-space-4) * 1.75) var(--sw-demo-space-2) var(--sw-demo-space-2)}.sw-engine-controls button{min-height:2.25rem;padding:var(--sw-demo-space-2) var(--sw-demo-space-3);border-radius:var(--sw-demo-radius-1);background:var(--sw-surface-3);color:var(--sw-fg-strong);font:650 var(--sw-type-sm) / 1.2 var(--sw-font-mono);cursor:pointer;transition:background-color var(--sw-demo-transition), color var(--sw-demo-transition);border:0}.sw-engine-controls [data-testid=engine-edit]{background:var(--sw-accent);color:var(--sw-accent-ink)}.sw-engine-controls button:hover:not(:disabled){background:var(--sw-accent-soft);color:var(--sw-fg-strong)}.sw-engine-controls button:focus-visible,.sw-engine-controls input:focus-visible,.sw-engine-controls select:focus-visible,.sw-engine__hero a:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--sw-accent) 48%, transparent);outline:none}.sw-engine-controls button:disabled,.sw-engine-controls select:disabled{cursor:not-allowed;opacity:.48}.sw-engine-status{padding:var(--sw-demo-space-3) calc(var(--sw-demo-space-4) * 1.5);border-top:1px solid var(--sw-border);color:var(--sw-fg-muted);font:600 var(--sw-type-xs) / 1.45 var(--sw-font-mono);margin:0}.sw-engine-log{margin-top:var(--sw-demo-space-4)}.sw-engine-log>header{border-bottom:1px solid var(--sw-border);align-items:start}.sw-engine-log>header>p{max-width:34rem;color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:0;line-height:1.5}.sw-engine-log__empty{padding:calc(var(--sw-demo-space-4) * 1.5);color:var(--sw-fg-muted);margin:0}.sw-engine-log__viewer{height:var(--sw-engine-evidence-height);grid-template-columns:minmax(0,1.55fr) minmax(16rem,.75fr);min-height:0;display:grid}.sw-engine-log ol{scrollbar-gutter:stable;min-width:0;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.sw-engine-log li{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-2) calc(var(--sw-demo-space-4) * 1.5);border-bottom:1px solid var(--sw-border);grid-template-columns:2.25rem minmax(7rem,auto) minmax(0,1fr);align-items:baseline;display:grid}.sw-engine-log li>span,.sw-engine-log li>strong,.sw-engine-log__detail>span{font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);text-transform:uppercase}.sw-engine-log li>span{color:var(--sw-fg-dim)}.sw-engine-log li>strong,.sw-engine-log__detail>span{color:var(--sw-accent-strong)}.sw-engine-log li p{min-width:0;color:var(--sw-fg-muted);font:500 var(--sw-type-xs) / 1.45 var(--sw-font-mono);overflow-wrap:anywhere;margin:0}.sw-engine-log__detail{min-width:0;min-height:0;padding:calc(var(--sw-demo-space-4) * 1.5);border-left:1px solid var(--sw-border);background:var(--sw-surface-2);overflow:auto}.sw-engine-log__detail strong{margin-top:var(--sw-demo-space-3);color:var(--sw-fg-strong);font:650 1rem / 1.3 var(--sw-font-display);text-transform:capitalize;display:block}.sw-engine-log__detail p{margin:var(--sw-demo-space-2) 0 0;color:var(--sw-fg-muted);font:500 var(--sw-type-sm) / 1.55 var(--sw-font-mono);overflow-wrap:anywhere}.sw-engine-loading{min-height:50vh;color:var(--sw-fg-muted);font:600 var(--sw-type-sm) / 1.4 var(--sw-font-mono);place-items:center;display:grid}@media (width<=64rem){.sw-engine__hero{gap:calc(var(--sw-demo-space-4) * 2);grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr)}.sw-engine-stage__workspace{grid-template-columns:1fr}.sw-engine-grid-panel{border-right:0}.sw-engine-cutaway{border-top:1px solid var(--sw-border);height:18rem}.sw-engine-lanes{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-engine-lanes>li{border-right:1px solid var(--sw-border);border-bottom:0}.sw-engine-lanes>li:last-child{border-right:0}.sw-engine-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-engine-controls fieldset:last-child{grid-column:1/-1;justify-self:start}}@media (width<=48rem){.sw-engine-frame{--sw-engine-content-gutter:var(--sw-demo-space-2);--sw-engine-grid-height:25rem;--sw-engine-evidence-height:26rem}.sw-engine{padding-top:var(--sw-demo-space-4)}.sw-engine__hero{gap:var(--sw-demo-space-3);min-height:0;padding:var(--sw-demo-space-3) var(--sw-demo-space-2) calc(var(--sw-demo-space-4) * 1.5);grid-template-columns:1fr}.sw-engine__hero h1{max-width:none;font-size:clamp(2rem,11vw,2.75rem)}.sw-engine__hero-copy{gap:var(--sw-demo-space-2);padding-bottom:0}.sw-engine__hero-copy p{font-size:var(--sw-type-sm)}.sw-engine-stage__head,.sw-engine-log>header{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-3);display:grid}.sw-engine-facts{justify-content:stretch;gap:var(--sw-demo-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sw-engine-facts div{min-width:0}.sw-engine-grid-panel__status{justify-content:start}.sw-engine-grid-panel__status span:not(:first-child){margin-left:auto}.sw-engine-cutaway{height:23rem}.sw-engine-lanes{display:block}.sw-engine-lanes>li{padding:var(--sw-demo-space-3);border-right:0;border-bottom:1px solid var(--sw-border)}.sw-engine-cutaway__head,.sw-engine-cutaway__resource{padding-right:var(--sw-demo-space-3);padding-left:var(--sw-demo-space-3)}.sw-engine-controls{gap:var(--sw-demo-space-3);padding:var(--sw-demo-space-3);grid-template-columns:1fr}.sw-engine-controls fieldset:last-child{grid-column:auto}.sw-engine-controls__jump,.sw-engine-controls fieldset:nth-child(2) .sw-engine-controls__actions{flex-wrap:nowrap}.sw-engine-controls fieldset:last-child .sw-engine-controls__actions{flex-wrap:wrap}.sw-engine-controls__actions select{min-width:0;max-width:8.5rem}.sw-engine-status{padding:var(--sw-demo-space-3)}.sw-engine-log__viewer{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.sw-engine-log li{gap:var(--sw-demo-space-1) var(--sw-demo-space-2);padding:var(--sw-demo-space-2) var(--sw-demo-space-3);grid-template-columns:2.25rem minmax(0,1fr)}.sw-engine-log li p{grid-column:2}.sw-engine-log__detail{max-height:9rem;padding:var(--sw-demo-space-3);border-top:1px solid var(--sw-border);border-left:0}}@media (prefers-reduced-motion:reduce){.sw-engine-controls button{transition:none}}