:root{--w-bg-0:#0d0f12;--w-bg-1:#14171c;--w-bg-2:#1c2027;--w-border:#2a2f38;--w-text-0:#e6e9ef;--w-text-1:#98a1b0;--w-accent:#4c8dff;--w-danger:#ff5c5c;--w-warn:#ffb020;--w-ok:#3ecf8e;--w-radius:4px;--w-space:4px;--w-font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--w-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", monospace}.shell,.login,.boot{--editor-splitter:5px;--editor-row:26px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--w-bg-0);color:var(--w-text-0);font-family:var(--w-font);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4;overflow:hidden}button,input{font:inherit;color:inherit}.mono{font-family:var(--w-mono);font-size:12px}.muted{color:var(--w-text-1)}.brand{color:var(--w-accent)}:focus-visible{outline:1px solid var(--w-accent);outline-offset:1px}.btn{align-items:center;gap:var(--w-space);height:var(--editor-row);padding:0 calc(var(--w-space) * 2.5);border:1px solid var(--w-border);border-radius:var(--w-radius);background:var(--w-bg-2);color:var(--w-text-0);cursor:pointer;white-space:nowrap;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--w-accent)}.btn:disabled{color:var(--w-text-1);background:var(--w-bg-1);cursor:not-allowed;opacity:.65}.btn--primary{background:var(--w-accent);border-color:var(--w-accent);color:var(--w-bg-0);justify-content:center;font-weight:600}.btn--link{color:var(--w-text-1);background:0 0;border-color:#0000;justify-content:center}.btn--link:hover{color:var(--w-text-0)}.shell{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.shell__body{min-height:0;display:grid}.shell__centre{min-width:0;min-height:0;display:grid}.toolbar{align-items:center;gap:calc(var(--w-space) * 3);height:38px;padding:0 calc(var(--w-space) * 2);border-bottom:1px solid var(--w-border);background:var(--w-bg-1);display:flex}.shell[data-mode=play] .toolbar,.shell[data-mode=paused] .toolbar{background:color-mix(in srgb, var(--w-accent) 18%, var(--w-bg-1))}.toolbar__group{align-items:center;gap:var(--w-space);display:flex}.toolbar__group--transport{margin-inline:auto}.toolbar__group--end{gap:calc(var(--w-space) * 2);margin-left:auto}.toolbar__project{letter-spacing:.01em;font-weight:600}.mode-pill{margin-left:var(--w-space);padding:2px calc(var(--w-space) * 2);border:1px solid var(--w-border);color:var(--w-text-1);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;font-size:11px}.mode-pill[data-mode=play]{color:var(--w-ok);border-color:var(--w-ok)}.mode-pill[data-mode=paused]{color:var(--w-warn);border-color:var(--w-warn)}.splitter{background:var(--w-bg-0);border:0;margin:0;padding:0}.splitter:hover,.splitter:focus-visible{background:var(--w-accent)}.splitter--vertical{cursor:col-resize}.splitter--horizontal{cursor:row-resize}.panel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.panel--bottom{background:var(--w-bg-1);border-top:1px solid var(--w-border)}.panel__head{align-items:center;gap:var(--w-space);height:var(--editor-row);padding:0 calc(var(--w-space) * 2);border-bottom:1px solid var(--w-border);background:var(--w-bg-2);flex:none;display:flex}.panel__head--tabs{gap:0;padding:0}.panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--w-text-1);margin:0;font-size:11px;font-weight:600}.panel__actions{margin-left:auto}.panel__body{min-height:0;padding:var(--w-space);flex:auto;overflow:auto}.dock{background:var(--w-bg-1);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.dock--left>.panel:first-child{flex:2 1 0}.dock--left>.panel:last-child{border-top:1px solid var(--w-border);flex:1 1 0}.tab{height:var(--editor-row);padding:0 calc(var(--w-space) * 3);border:0;border-right:1px solid var(--w-border);color:var(--w-text-1);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;font-size:11px}.tab[aria-selected=true]{background:var(--w-bg-1);color:var(--w-text-0);box-shadow:inset 0 -2px 0 var(--w-accent)}.empty{margin:var(--w-space);color:var(--w-text-1);font-size:12px}.tree{margin:0;padding:0;list-style:none}.tree__row{align-items:center;gap:calc(var(--w-space) * 2);width:100%;height:22px;padding:0 var(--w-space);border-radius:var(--w-radius);text-align:left;cursor:default;background:0 0;border:0;display:flex}.tree__row:hover{background:var(--w-bg-2)}.tree__row[aria-pressed=true]{background:color-mix(in srgb, var(--w-accent) 26%, transparent)}.tree__glyph{color:var(--w-text-1)}.inspector{gap:calc(var(--w-space) * 2);flex-direction:column;display:flex}.field{gap:var(--w-space);border:0;flex-direction:column;margin:0;padding:0;display:flex}.field>label,.field>legend{color:var(--w-text-1);padding:0;font-size:11px}.field input{height:var(--editor-row);min-width:0;padding:0 var(--w-space);border:1px solid var(--w-border);border-radius:var(--w-radius);background:var(--w-bg-0);font-family:var(--w-mono);font-size:12px}.field input:focus{border-color:var(--w-accent);outline:none}.field--vector{gap:var(--w-space);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field--vector>legend{grid-column:1/-1}.console{margin:0;padding:0;list-style:none}.console>li{padding:1px var(--w-space);border-bottom:1px solid color-mix(in srgb, var(--w-border) 45%, transparent)}.viewport{background:var(--w-bg-0);min-width:0;min-height:0;position:relative;overflow:hidden}.viewport__canvas{width:100%;height:100%;display:block}.viewport__overlay{inset:var(--w-space) auto auto var(--w-space);gap:var(--w-space);pointer-events:none;display:flex;position:absolute}.viewport__badge{padding:2px calc(var(--w-space) * 2);border:1px solid var(--w-border);border-radius:var(--w-radius);background:color-mix(in srgb, var(--w-bg-1) 80%, transparent);color:var(--w-text-1);font-size:11px}.viewport__badge--stats{font-family:var(--w-mono)}.statusbar{justify-content:space-between;align-items:center;gap:calc(var(--w-space) * 2);height:22px;padding:0 calc(var(--w-space) * 2);border-top:1px solid var(--w-border);background:var(--w-bg-1);font-size:11px;display:flex}.login,.boot{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--w-accent) 10%, var(--w-bg-0)), var(--w-bg-0) 60%);place-items:center;height:100%;display:grid}.login__card{gap:calc(var(--w-space) * 3);width:min(360px,100vw - 32px);padding:calc(var(--w-space) * 6);border:1px solid var(--w-border);border-radius:calc(var(--w-radius) * 2);background:var(--w-bg-1);flex-direction:column;display:flex}.login__title{align-items:center;gap:calc(var(--w-space) * 2);letter-spacing:.02em;margin:0;font-size:20px;display:flex}.login__error{padding:var(--w-space) calc(var(--w-space) * 2);border:1px solid var(--w-danger);border-radius:var(--w-radius);color:var(--w-danger);background:color-mix(in srgb, var(--w-danger) 12%, transparent);margin:0}.login__note{text-align:center;margin:0;font-size:11px}.verify__ok{align-items:center;gap:var(--w-space);padding:var(--w-space) calc(var(--w-space) * 2);border:1px solid var(--w-ok);border-radius:var(--w-radius);color:var(--w-ok);background:color-mix(in srgb, var(--w-ok) 12%, transparent);margin:0;display:flex}.app{flex-direction:column;height:100%;display:flex}.app>.shell{flex:auto;min-height:0}.verify-banner{align-items:center;gap:calc(var(--w-space) * 2);padding:var(--w-space) calc(var(--w-space) * 3);border-bottom:1px solid color-mix(in srgb, var(--w-warn) 40%, var(--w-border));background:color-mix(in srgb, var(--w-warn) 14%, var(--w-bg-1));flex:none;font-size:12px;display:flex}.verify-banner__text{flex:auto;min-width:0}.verify-banner__note{color:var(--w-text-1)}.verify-banner__close{padding:0 var(--w-space);color:var(--w-text-1);font:inherit;cursor:pointer;background:0 0;border:0;flex:none}.verify-banner__close:hover{color:var(--w-text-0)}