:root{--bg-page: #1b1e17;--bg-rail: #20241b;--bg-card: #23271e;--bg-inset: #2c3126;--line-default: #3b4133;--line-strong: #4e5544;--text-primary: #e8ece0;--text-secondary: #9aa38c;--text-disabled: #666e59;--text-on-brand: #12150f;--state-live: #8fb337;--brand-green-700: #2f3d18;--state-pending: #e0b040;--space-25: 2px;--space-50: 4px;--space-100: 8px;--space-150: 12px;--space-200: 16px;--space-300: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--motion-fast: .12s;--motion-base: .18s;--ease: cubic-bezier(.33, 1, .68, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-page);color:var(--text-primary);font:13px/20px Segoe UI Variable Text,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.select{flex:1;min-width:0;padding:var(--space-50) var(--space-100);background:var(--bg-inset);border:1px solid var(--line-default);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:12px;cursor:pointer;transition:border-color var(--motion-fast) var(--ease)}.select:hover{border-color:var(--line-strong)}.select:focus-visible{outline:2px solid var(--state-live);outline-offset:1px}.select option{background:var(--bg-card);color:var(--text-primary)}body.chrome-hidden .panel,body.chrome-hidden .player{display:none}.chrome-toggle{position:fixed;top:var(--space-200);right:var(--space-200);z-index:30;display:inline-flex;align-items:center;gap:var(--space-100);padding:var(--space-100) var(--space-150);background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.chrome-toggle:hover{color:var(--text-primary);border-color:var(--state-live)}.chrome-toggle[aria-pressed=true]{color:var(--text-on-brand);background:var(--state-live);border-color:var(--brand-green-700)}.chrome-toggle__glyph{font-size:12px;line-height:1}body:not(.chrome-hidden) .panel--tr{top:calc(var(--space-200) + 44px)}.panel{position:fixed;z-index:10;background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-default);border-radius:var(--radius-md);padding:var(--space-150) var(--space-200)}.panel--tl{top:var(--space-200);left:var(--space-200);width:264px;padding:0;overflow:hidden}.panel--tr{top:var(--space-200);right:var(--space-200);width:236px;max-height:calc(100vh - var(--space-300) * 2);overflow-y:auto}.panel--bl{bottom:var(--space-200);left:var(--space-200);width:300px;max-height:44vh;overflow-y:auto}.panel--br{bottom:var(--space-200);right:var(--space-200);width:236px;max-height:44vh;overflow-y:auto;border-color:var(--state-pending)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-100);width:100%;height:24px;padding:0;border:0;background:none;color:var(--text-secondary);font:inherit;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--motion-fast) var(--ease)}.panel__head:hover{color:var(--text-primary)}.panel__head:focus-visible{outline:2px solid var(--state-live);outline-offset:2px;border-radius:var(--radius-sm)}.panel__chevron{font-size:12px;line-height:1;transition:transform var(--motion-base) var(--ease)}.panel--collapsed .panel__chevron{transform:rotate(180deg)}.panel__content{margin-top:var(--space-100)}.panel--collapsed .panel__content{display:none}.panel--collapsed{height:48px;padding-top:0;padding-bottom:0;display:flex;align-items:center;overflow:hidden}.brandbar{display:flex;align-items:center;gap:var(--space-100);height:52px;padding:0 var(--space-200);background:var(--brand-green-700);border-bottom:1px solid var(--line-default)}.brandbar__mark{width:26px;height:26px;flex:none;border-radius:var(--radius-sm);background:var(--state-live);display:grid;place-items:center;color:var(--text-on-brand);font-size:14px;font-weight:700}.brandbar__text{min-width:0}h1{margin:0;font-size:15px;font-weight:600;line-height:20px;color:var(--text-primary)}.brandbar__tag{font-size:11.5px;line-height:16px;color:var(--text-secondary);opacity:.85}.panel__body{padding:var(--space-150) var(--space-200)}h2{margin:0 0 var(--space-100);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}h2.mt{margin-top:var(--space-200)}.muted{color:var(--text-secondary);font-size:11.5px;line-height:16px;margin-top:var(--space-100);word-break:break-all}.file-row,.btn-row{display:flex;gap:var(--space-100)}.btn-row{margin-top:var(--space-150)}.btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-150);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--state-live);color:var(--text-on-brand);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.btn:hover{background:color-mix(in srgb,var(--state-live) 88%,white)}.btn:active{background:color-mix(in srgb,var(--state-live) 80%,black)}.btn--ghost{background:var(--bg-inset);border-color:var(--line-default);color:var(--text-primary);font-weight:400}.btn--ghost:hover{background:color-mix(in srgb,var(--bg-inset) 80%,var(--state-live));border-color:var(--line-strong)}.btn:focus-visible{outline:2px solid var(--state-live);outline-offset:2px;border-radius:var(--radius-sm)}.layer-group{margin:var(--space-150) 0 var(--space-50);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.layer-group:first-child{margin-top:0}.check{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-25) 0;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:color var(--motion-fast) var(--ease)}.check:hover{color:var(--state-live)}.check input{accent-color:var(--state-live);width:14px;height:14px;margin:0;cursor:pointer;flex:none}.check span{flex:1;font-size:13px}.check em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--text-secondary);background:var(--bg-inset);border:1px solid var(--line-default);border-radius:var(--radius-pill);padding:0 var(--space-100);line-height:16px}.field{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-100);margin-top:var(--space-50)}.field__label{font-size:13px}.field__value{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--state-live)}.field--sub{margin-top:var(--space-25);font-size:11px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.slider{width:100%;height:18px;margin:var(--space-50) 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--state-live) 0 var(--progress, 0%),var(--bg-inset) var(--progress, 0%) 100%);border:1px solid var(--line-default)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:var(--radius-pill);background:var(--state-live);border:2px solid var(--bg-card)}.slider::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:var(--bg-inset);border:1px solid var(--line-default)}.slider::-moz-range-progress{height:4px;border-radius:var(--radius-pill);background:var(--state-live)}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--state-live);border:2px solid var(--bg-card)}dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-50) var(--space-150);margin:0;font-size:13px}dt{color:var(--text-secondary)}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.notice{margin:var(--space-100) 0 0;padding:var(--space-100) var(--space-150);border-radius:var(--radius-sm);background:var(--bg-inset);border-left:2px solid var(--line-strong);font-size:11.5px;line-height:16px;color:var(--text-secondary)}.notice--warn{border-left-color:var(--state-pending);color:color-mix(in srgb,var(--state-pending) 45%,var(--text-primary));background:color-mix(in srgb,var(--state-pending) 8%,var(--bg-inset))}.sel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-100);margin-bottom:var(--space-100)}.sel__title{font-size:13px;font-weight:600;color:var(--state-pending)}.sel__sub{font-size:11.5px;color:var(--text-secondary);margin-bottom:var(--space-100);word-break:break-word}.btn.is-on{color:var(--text-on-brand);background:var(--state-live);border-color:var(--brand-green-700)}.heat-bar{height:10px;margin-top:var(--space-100);border-radius:var(--radius-sm);border:1px solid var(--line-default)}.heat-scale{display:flex;justify-content:space-between;margin-top:var(--space-25);font-size:10.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.heat-note{margin:var(--space-50) 0 0;font-size:11px;line-height:1.45;color:var(--text-disabled)}.drive-hud{position:fixed;left:50%;bottom:calc(var(--space-200) + 56px);transform:translate(-50%);z-index:25;display:inline-flex;align-items:center;gap:var(--space-200);padding:var(--space-100) var(--space-200);background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-strong);border-radius:var(--radius-md);white-space:nowrap;transition:border-color var(--motion-fast) var(--ease)}.drive-hud.is-hit{border-color:var(--state-pending)}.drive-hud__speed{font-size:15px;font-weight:600;color:var(--state-live);font-variant-numeric:tabular-nums;min-width:64px}.drive-hud__keys{display:inline-flex;align-items:center;gap:var(--space-100);font-size:11.5px;color:var(--text-secondary)}.drive-hud kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-50);background:var(--bg-inset);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;font-size:11px;font-weight:600}body.chrome-hidden .drive-hud{display:inline-flex}body.chrome-hidden .drive-hud[hidden]{display:none}.search-result{margin:var(--space-100) 0 0;padding:var(--space-50) var(--space-100);border-left:2px solid var(--state-pending);background:var(--bg-inset);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:11.5px;color:var(--text-secondary)}.search-result.is-final{border-left-color:var(--state-live);color:var(--state-live)}.sel__actions{margin-top:var(--space-100)}.sel__actions .btn{width:100%;justify-content:center}.sel__note{margin-top:var(--space-100);padding:var(--space-50) var(--space-100);border-left:2px solid var(--line-strong);background:var(--bg-inset);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:11.5px;color:var(--text-secondary)}.sel__note--live{border-left-color:var(--state-live);color:var(--state-live)}.sel__hint{margin-top:var(--space-100);font-size:11.5px;color:var(--text-disabled)}.player{position:fixed;z-index:20;bottom:var(--space-200);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-100);padding:var(--space-100) var(--space-150);background:color-mix(in srgb,var(--bg-card) 94%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line-default);border-radius:var(--radius-md);max-width:min(760px,calc(100vw - var(--space-300) * 2))}.pl-btn{height:30px;min-width:34px;padding:0 var(--space-100);border:1px solid var(--line-default);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-primary);font:inherit;font-size:12px;line-height:1;cursor:pointer;flex:none;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.pl-btn:hover{background:color-mix(in srgb,var(--bg-inset) 78%,var(--state-live));border-color:var(--line-strong)}.pl-btn:focus-visible{outline:2px solid var(--state-live);outline-offset:2px}.pl-btn--wide{min-width:78px;font-size:11.5px}.pl-btn--play.is-playing{background:var(--state-live);border-color:var(--state-live);color:var(--text-on-brand);font-weight:700}.pl-rate,.pl-time,.pl-cars{flex:none;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary);background:var(--bg-inset);border:1px solid var(--line-default);border-radius:var(--radius-pill);padding:2px var(--space-100);white-space:nowrap}.pl-rate{min-width:40px;text-align:center;color:var(--state-live)}.pl-rate.is-reverse{color:var(--state-pending);border-color:color-mix(in srgb,var(--state-pending) 45%,var(--line-default))}.pl-scrub{flex:1;min-width:120px;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.pl-scrub::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--state-live) 0 var(--progress, 0%),var(--bg-inset) var(--progress, 0%) 100%);border:1px solid var(--line-default)}.pl-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:var(--radius-pill);background:var(--state-live);border:2px solid var(--bg-card)}.pl-scrub::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:var(--bg-inset);border:1px solid var(--line-default)}.pl-scrub::-moz-range-progress{height:4px;border-radius:var(--radius-pill);background:var(--state-live)}.pl-scrub::-moz-range-thumb{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--state-live);border:2px solid var(--bg-card)}.pl-fill{position:relative;flex:none;width:112px;height:24px;border:1px solid var(--line-default);border-radius:var(--radius-sm);background:var(--bg-inset);overflow:hidden;cursor:ew-resize}.pl-fill:hover{border-color:var(--line-strong)}.pl-fill__bar{position:absolute;inset:0 auto 0 0;width:var(--progress, 0%);background:color-mix(in srgb,var(--state-live) 55%,transparent);pointer-events:none}.pl-fill__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);pointer-events:none;white-space:nowrap}.pl-fill__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.pl-fill:focus-within{outline:2px solid var(--state-live);outline-offset:2px}@media(max-width:860px){.pl-btn--wide{display:none}}.dropzone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-page) 78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.dropzone--active{display:flex}.dropzone__inner{padding:var(--space-300) 56px;border:2px dashed var(--state-live);border-radius:var(--radius-lg);font-size:17px;font-weight:600;color:var(--text-primary)}.dropzone__inner code{color:var(--state-live)}.toast{position:fixed;bottom:76px;left:50%;transform:translate(-50%);z-index:60;padding:var(--space-100) var(--space-200);border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--line-default);border-left:2px solid var(--state-live);font-size:12px}.toast--error{border-left-color:var(--state-pending);color:color-mix(in srgb,var(--state-pending) 45%,var(--text-primary))}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--line-default);border-radius:var(--radius-pill)}.panel::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.panel::-webkit-scrollbar-track{background:transparent}@media(max-width:860px){.panel--bl{display:none}.panel--tr,.panel--br{width:196px}}