:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf6f8;font-synthesis:none;--panel:#0a2732;--border:#8fcdda4d;--muted:#9cbcc5;--accent:#58d3e8;--orange:#ff7a32;--line:#f0d06f;--ok:#82e2b0;--warning:#ffb359;background:#061820;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:1080px;min-height:820px;margin:0}body{background:radial-gradient(circle at 50% 0,#14556561,#0000 42%),#061820}button,select,input{font:inherit}button,select{border:1px solid var(--border);color:#eef9fb;background:#103845;border-radius:8px;min-height:34px}button{cursor:pointer;padding:6px 12px}button:hover{background:#164a5a}button:disabled{cursor:not-allowed;opacity:.5}select{padding:4px 8px}input[type=range]{width:120px;accent-color:var(--accent)}.debug-shell{gap:12px;width:100%;min-height:100vh;padding:16px;display:grid}.debug-header,.control-bar,.preset-bar,.recording-strip,.panel,.debug-footer{border:1px solid var(--border);background:#07202ae0;border-radius:12px}.debug-header{justify-content:space-between;gap:24px;padding:14px 18px;display:flex}.debug-header h1,.debug-header p,.panel h2,.panel p{margin:0}.debug-header h1{margin-bottom:4px;font-size:1.45rem}.debug-header>div>p:last-child,.panel header p{color:var(--muted);font-size:.82rem}.eyebrow{color:#6fd9eb;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:750}.header-links{align-items:start;gap:14px;display:flex}.header-links a{color:#9ce8f4;white-space:nowrap}.control-bar,.preset-bar{align-items:center;gap:10px;min-height:54px;padding:9px 12px;display:flex}.control-bar label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.primary-control{background:#6a2d0f;border-color:#ff7a32b3}.primary-control:hover{background:#883d17}.preset-bar{min-height:44px;color:var(--muted);font-size:.78rem}.preset-bar button{min-height:30px;padding:4px 10px}.recording-strip{color:#c4dce2;gap:18px;padding:8px 12px;font:700 .78rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.recording-strip strong{color:var(--ok)}.visual-grid{grid-template-columns:minmax(640px,1.55fr) minmax(360px,.8fr);gap:12px;min-height:520px;display:grid}.panel{min-width:0;overflow:hidden}.panel>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:9px 12px;display:flex}.panel h2{font-size:.98rem}.stage-badge{color:#ffd2ba;background:#6a2d0f73;border:1px solid #ff7a328c;border-radius:999px;padding:5px 9px;font:700 .72rem ui-monospace,monospace}.canvas-frame{background:#08232e;width:100%;height:calc(100% - 55px);min-height:465px;position:relative}canvas{width:100%;height:100%;display:block}.preview-status{border:1px solid var(--border);color:#bbd5db;pointer-events:none;background:#03151dc7;border-radius:8px;padding:6px 9px;font:.72rem ui-monospace,monospace;position:absolute;bottom:10px;left:10px}.depth-scale{color:#c2dbe0;pointer-events:none;border-right:1px solid #c3e8ef73;flex-direction:column;justify-content:space-between;padding-right:8px;font:.7rem ui-monospace,monospace;display:flex;position:absolute;top:14px;bottom:14px;right:12px}.timeline-panel{flex-direction:column;display:flex}.sequence{gap:8px;padding:12px;display:grid}.sequence>div{opacity:.48;border:1px solid #8fcdda33;border-radius:9px;grid-template-columns:30px 1fr;column-gap:8px;padding:8px;display:grid}.sequence>div strong{background:#103845;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;display:grid}.sequence>div span{font-weight:700}.sequence>div small{color:var(--muted)}.sequence>div.active{opacity:1;background:#6a2d0f47;border-color:#ff7a32ad}.sequence>div.complete{opacity:.85}.sequence>div.complete strong{color:#b9f3d8;background:#15513d}.metric-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;display:grid}.metric{background:#082631b3;border:1px solid #8fcdda33;border-radius:8px;padding:9px}.metric span{color:var(--muted);font-size:.72rem;display:block}.metric strong{margin-top:3px;font:700 .91rem ui-monospace,monospace;display:block}.progress-track{background:#061820;border-radius:999px;height:9px;margin:0 12px 10px;overflow:hidden}.progress-track span{background:var(--orange);width:0;height:100%;transition:width .1s linear;display:block}.guidance{border-left:3px solid var(--orange);color:#ffe0cf;background:#6a2d0f40;padding:10px;font-size:.82rem;margin:0 12px 12px!important}.data-grid{grid-template-columns:1.05fr .82fr 1.25fr;gap:12px;min-height:285px;display:grid}pre{color:#d5e8ec;white-space:pre-wrap;word-break:break-word;margin:0;font:.75rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.telemetry-panel pre,.json-panel pre{padding:12px}.json-panel pre{color:#b8d6dd;max-height:270px;overflow:auto}.event-panel ol{margin:0;padding:10px 12px 12px 32px;font:.74rem/1.5 ui-monospace,monospace}.event-panel li{color:#c5dce2;margin-bottom:5px}.event-panel li.transition{color:#ffd2ba}.event-panel li.surface{color:#a8f0ca}.event-panel li.rejected{color:#ff9da1}.debug-footer{color:var(--muted);justify-content:space-between;gap:20px;padding:10px 14px;font-size:.78rem;display:flex}@media (width<=1200px){html,body{min-width:960px}.visual-grid{grid-template-columns:minmax(560px,1.35fr) minmax(340px,.8fr)}}