:root{color:#e8f3ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050913;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 42% 10%,#0d527047,#0000 34rem),#050913;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{grid-template-rows:auto 1fr;gap:14px;min-height:100vh;padding:18px;display:grid}.topbar{background:linear-gradient(120deg,#0a1728f0,#060d19f0);border:1px solid #63c4ff2e;border-radius:14px;justify-content:space-between;align-items:center;min-height:66px;padding:0 20px;display:flex;box-shadow:0 18px 60px #00000047}.topbar h1{letter-spacing:-.03em;margin:2px 0 0;font-size:24px}.product-kicker,.eyebrow{color:#67d8ff;letter-spacing:.18em;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.status-chip{color:#9db1c6;letter-spacing:.12em;align-items:center;gap:8px;font:700 11px/1 SFMono-Regular,Consolas,monospace;display:flex}.status-chip span{background:#64748b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px}.status-ready span,.status-playing span{background:#4cf2b3}.status-error span{background:#f57}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:14px;min-height:0;display:grid}.scene-column{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;display:grid;position:relative}.scene-viewport,.inspector-shell{background:#050d19e0;border:1px solid #63c4ff29;border-radius:16px;position:relative;overflow:hidden}.scene-viewport{min-height:620px}.scene-viewport canvas{min-height:620px;display:block;width:100%!important;height:100%!important}.camera-toolbar,.scene-stats{z-index:4;gap:5px;display:flex;position:absolute}.camera-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a14c2;border:1px solid #5ca6d42e;border-radius:9px;padding:4px;top:14px;right:14px}.camera-toolbar button{color:#6f8499;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.camera-toolbar button.is-active{color:#dff8ff;background:#0d526e}.scene-stats{pointer-events:none;flex-wrap:wrap;justify-content:flex-end;max-width:72%;bottom:12px;right:14px}.scene-stats span{color:#688096;letter-spacing:.08em;background:#030a14c7;border:1px solid #56a1cf24;border-radius:5px;padding:5px 7px;font:9px/1 SFMono-Regular,Consolas,monospace}.scene-label,.district-label{color:#d8ecf7;letter-spacing:.03em;text-align:center;text-shadow:0 1px 4px #000,0 0 8px #000;white-space:nowrap;-webkit-user-select:none;user-select:none;font:700 8px/1.1 SFMono-Regular,Consolas,monospace;display:block}.district-label{letter-spacing:.08em;background:#03080ed1;border:1px solid;border-radius:3px;padding:3px 5px;font-size:7px}.trace-loader{z-index:5;width:min(560px,100% - 40px);position:absolute;top:28px;left:50%;transform:translate(-50%)}.trace-loader-compact{width:auto;top:14px;left:14px;transform:none}.trace-loader-compact input{opacity:0;width:1px;height:1px;position:absolute}.trace-compact-button{color:#b9eaff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030d19d6;border:1px solid #67d8ff47;border-radius:8px;padding:8px 11px;box-shadow:0 8px 24px #0000004d}.trace-compact-button:hover{color:#fff;border-color:#67d8ff}.trace-dropzone{background:#071322f0;border:1px solid #67d8ff4d;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px;transition:border-color .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000007a}.trace-dropzone.is-dragging{border-color:#67d8ff;transform:translateY(-2px)}.trace-dropzone input{opacity:0;width:1px;height:1px;position:absolute}.trace-dropzone strong,.trace-dropzone span{display:block}.trace-dropzone span{color:#8097ad;margin-top:4px;font-size:12px}.dropzone-icon{color:#67d8ff;background:#219ad31a;border:1px solid #67d8ff47;border-radius:10px;place-content:center;width:38px;height:38px;display:grid}.primary-button,.secondary-button{color:#eaf8ff;cursor:pointer;background:#0d658b;border:1px solid #248db8;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}.secondary-button{background:0 0;border-color:#7d9fbb4d}.inline-error{color:#ff9aad;background:#46091aeb;border:1px solid #ff55774d;border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:12px}.loader-scan{background:linear-gradient(90deg,#0000,#67d8ff,#0000);height:2px;animation:1.2s linear infinite scan;position:absolute;bottom:0;left:0;right:0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.diagnostics-panel{z-index:6;background:#1a0a13f5;border:1px solid #ff557752;border-radius:14px;width:min(560px,100% - 40px);padding:22px;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:0 24px 80px #00000085}.diagnostic-code{color:#ff7f9b;letter-spacing:.14em;text-transform:uppercase;font:700 10px/1 SFMono-Regular,Consolas,monospace}.diagnostics-panel h2{margin:10px 0 6px}.diagnostics-panel p{color:#c7aab2}.diagnostics-panel dl{gap:6px;margin:18px 0;display:grid}.diagnostics-panel dl div{grid-template-columns:72px 1fr;gap:8px;display:grid}.diagnostics-panel dt{color:#826b75}.diagnostics-panel dd{overflow-wrap:anywhere;color:#e6d7dc;margin:0;font-family:SFMono-Regular,Consolas,monospace}.diagnostic-actions{gap:8px;display:flex}.scene-grid{opacity:.2;transform-origin:50% 90%;background-image:linear-gradient(#46b8ff38 1px,#0000 1px),linear-gradient(90deg,#46b8ff38 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;transform:perspective(600px)rotateX(55deg)scale(1.7);-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.scene-placeholder{text-align:center;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.scene-placeholder strong{letter-spacing:-.06em;font-size:clamp(36px,6vw,82px)}.scene-placeholder small,.inspector-shell p{color:#8ca1b7}.inspector-shell{padding:24px}.inspector-shell h2{margin:12px 0;font-size:22px}.inspector-shell p{line-height:1.65}.mode-toggle{background:#020811b3;border:1px solid #7d9fbb29;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.mode-toggle button{color:#71869b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px}.mode-toggle button.is-active{color:#dff7ff;background:#0d526e}.state-badge{color:#67d8ff;text-transform:uppercase;border:1px solid #67d8ff40;border-radius:6px;margin:0 0 18px;padding:5px 9px;font:700 10px/1 SFMono-Regular,Consolas,monospace;display:inline-flex}.state-conflict,.state-stalled,.state-miss{color:#ff7f9b;border-color:#ff55775c}.state-summary,.expert-fields{gap:10px;margin:0;display:grid}.state-summary div,.expert-fields div{border-bottom:1px solid #7d9fbb1a;gap:4px;padding-bottom:10px;display:grid}.state-summary dt,.expert-fields dt{color:#667b90;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.state-summary dd,.expert-fields dd{color:#cfe1ef;overflow-wrap:anywhere;margin:0}.expert-inspector{border-top:1px solid #67d8ff21;margin-top:24px;padding-top:18px}.entity-id{color:#f2bd5d;overflow-wrap:anywhere;margin-bottom:16px;font:11px/1.45 SFMono-Regular,Consolas,monospace;display:block}.profile-unavailable{background:#4c320729;border:1px solid #f2bd5d2e;border-radius:8px;padding:10px;font-size:11px;color:#c39c57!important}.expert-inspector details{color:#7c92a7;margin-top:16px}.expert-inspector pre{color:#9fd7e9;white-space:pre-wrap;background:#030913;border-radius:8px;max-height:240px;padding:12px;font-size:10px;overflow:auto}.timeline-shell{background:#050d19eb;border:1px solid #63c4ff29;border-radius:14px;padding:12px 16px 14px}.timeline-track-wrap{height:16px;position:relative}.timeline-track-wrap:before,.timeline-progress{content:"";background:#142a3b;height:2px;position:absolute;top:7px;left:0;right:0}.timeline-progress{z-index:1;background:linear-gradient(90deg,#1689b8,#67d8ff);right:auto;box-shadow:0 0 12px #67d8ff59}.timeline-track-wrap input{z-index:2;opacity:0;cursor:ew-resize;width:100%;margin:0;position:absolute;inset:0}.timeline-toolbar,.playback-controls,.cycle-input{align-items:center;display:flex}.timeline-toolbar{justify-content:space-between;gap:18px;margin-top:8px}.playback-controls{gap:5px}.playback-controls button{color:#9ab1c5;cursor:pointer;background:#091625;border:1px solid #73a2c12e;border-radius:7px;width:32px;height:30px}.playback-controls .play-button{color:#dff8ff;background:#0d526e;border-color:#146f94;width:38px}.playback-controls button:disabled,.timeline-shell input:disabled,.timeline-shell select:disabled{cursor:not-allowed;opacity:.42}.rate-control span,.cycle-input span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rate-control select,.cycle-input input{color:#a8bfd3;background:#091625;border:1px solid #73a2c12e;border-radius:7px;height:30px}.rate-control select{margin-left:6px;padding:0 7px}.cycle-input{color:#61788d;gap:8px;font:11px/1 SFMono-Regular,Consolas,monospace}.cycle-input input{color:#d6eaf7;width:100px;padding:0 9px;font-family:inherit}code{color:#f2bd5d}@media (max-width:900px){.workspace{grid-template-columns:1fr}.inspector-shell{min-height:180px}}html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell{width:100vw;height:100vh;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.scene-viewport{background:#030811;border:0;border-radius:0;min-height:0;position:absolute;inset:0;overflow:hidden}.scene-viewport canvas{min-height:0;width:100vw!important;height:100vh!important}.status-overlay,.pe-selector,.commit-hud,.control-hint,.timeline-shell{z-index:5;font-family:SFMono-Regular,Consolas,monospace;position:absolute}.status-overlay{color:#91abc0;letter-spacing:.1em;pointer-events:none;text-shadow:0 1px 5px #000;font-size:10px;top:14px;left:16px}.status-ready,.status-playing{color:#75f0c2}.status-error{color:#ff7892}.pe-selector{gap:4px;display:flex;top:12px;left:50%;transform:translate(-50%)}.pe-selector button,.camera-toolbar button{color:#6f8499;cursor:pointer;text-shadow:0 1px 4px #000;background:0 0;border:0}.pe-selector button{padding:5px 8px;font:700 10px/1 SFMono-Regular,Consolas,monospace}.pe-selector button.is-active{color:#e9fbff;box-shadow:inset 0 -2px #42d8ff}.camera-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;top:39px;left:50%;right:auto;transform:translate(-50%)}.camera-toolbar button.is-active{color:#dff8ff;background:0 0;box-shadow:inset 0 -1px #2dbde9}.scene-stats{justify-content:flex-start;max-width:calc(100% - 360px);bottom:83px;left:16px;right:auto}.scene-stats span{color:#607f95;text-shadow:0 1px 5px #000;background:0 0;border:0;border-radius:0;padding:0 8px 0 0}.commit-hud{color:#a8bfd3;scrollbar-width:thin;text-shadow:0 1px 5px #000;width:min(320px,30vw);max-height:calc(100vh - 112px);font-size:10px;line-height:1.45;top:14px;right:18px;overflow:auto}.instruction-trace{border-left:2px solid var(--thread-color,#48d8ff);margin:0 0 14px;padding:0 0 0 9px}.instruction-trace strong{color:var(--thread-color,#a6eaff);letter-spacing:.14em;margin-bottom:4px;display:block}.trace-path{color:#6f90a8;overflow-wrap:anywhere;margin-top:4px}.commit-hud ol{gap:3px;margin:0;padding:0;list-style:none;display:grid}.commit-hud li{color:var(--thread-color,#7895aa);border-left:1px solid;padding-left:9px}[data-thread="0"]{--thread-color:#42d8ff}[data-thread="1"]{--thread-color:#ffd34f}[data-thread="2"]{--thread-color:#f062ff}[data-thread="3"]{--thread-color:#54ee8b}.control-hint{color:#546d81;letter-spacing:.03em;pointer-events:none;text-shadow:0 1px 4px #000;font-size:9px;bottom:82px;right:18px}.timeline-shell{background:0 0;border:0;border-radius:0;padding:8px 0 0;bottom:10px;left:16px;right:16px}.playback-controls button,.rate-control select,.cycle-input input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02091194;border:0}.playback-controls .play-button{background:#0d526eb8;border:0}.trace-loader{z-index:7}.trace-loader-compact{top:38px;left:16px}.trace-compact-button,.trace-dropzone,.diagnostics-panel{box-shadow:none;border:0;border-radius:0}.trace-compact-button{color:#75b9d6;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:5px 0}.trace-dropzone{background:linear-gradient(90deg,#030b15db,#0000)}.diagnostics-panel{background:#16060edb}@media (max-width:760px){.commit-hud{width:42vw}.control-hint,.scene-stats{display:none}}