:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--panel:#081017d1;--panel-strong:#0b1720f0;--line:#5ddaff33;--line-strong:#5ddaff6b;--text:#f1f8fb;--muted:#a7bbc4;--muted-2:#718993;--cyan:#4edfff;--green:#8af57a;--amber:#ffc65f;--red:#ff6d54;--violet:#a574ff;--cream:#fff4d4;--shadow:0 26px 90px #00000075;font-synthesis:none;text-rendering:geometricprecision;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;height:100vh;color:var(--text);background:linear-gradient(135deg,#05070dfa,#07131cfa 46%,#0a0713fa),#05070d;margin:0;overflow:hidden}html,#root{height:100%}button,input{font:inherit}.app-shell{grid-template-rows:auto 1fr;gap:10px;height:100vh;padding:12px;display:grid;overflow:hidden}.topbar{border:1px solid var(--line);background:linear-gradient(90deg, #0c1b25eb, #0c121ec2), var(--panel);min-height:64px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:8px 12px;display:flex}.brand-lockup{align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{width:44px;height:44px;color:var(--cream);background:linear-gradient(135deg,#ffc65f38,#4edfff29),#ffffff0d;border:1px solid #4edfff7a;border-radius:8px;flex:none;place-items:center;display:grid;box-shadow:0 0 32px #4edfff38}.eyebrow{color:var(--amber);margin:0 0 2px;font-size:.82rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:1.13rem;font-weight:820;line-height:1.17}h2{font-size:.96rem;font-weight:780}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.status-pill{background:#ffffff0e;border:1px solid #ffffff21;border-radius:6px;min-width:102px;padding:7px 9px;box-shadow:inset 0 1px #ffffff12}.status-pill span{color:var(--muted);font-size:.72rem;display:block}.status-pill strong{margin-top:2px;font-size:.9rem;line-height:1.05;display:block}.status-pill.good strong{color:var(--green)}.status-pill.warn strong{color:var(--amber)}.status-pill.alert strong{color:var(--red)}.workspace{grid-template-columns:minmax(240px,270px) minmax(620px,1fr) minmax(300px,330px);gap:10px;min-height:0;display:grid}.side-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--panel);min-height:0;box-shadow:var(--shadow), inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;overflow:hidden}.panel-heading{min-height:42px;color:var(--cream);border-bottom:1px solid var(--line);background:#4edfff0e;align-items:center;gap:8px;padding:0 14px;display:flex}.panel-heading svg{color:var(--cyan)}.control-list{height:calc(100% - 42px);padding:8px 12px 10px;overflow:auto}.control-row{border-bottom:1px solid #ffffff14;padding:9px 0 10px;display:block}.control-row:last-child{border-bottom:0}.control-topline{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.control-name{min-width:0;color:var(--text);align-items:center;gap:7px;font-size:.9rem;font-weight:740;display:inline-flex}.control-name svg{color:var(--cyan);flex:none}.control-topline strong{white-space:nowrap;color:var(--cream);font-size:.82rem}.control-hint{color:var(--muted-2);margin-top:5px;font-size:.74rem;line-height:1.28;display:block}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber) var(--fill), #4edfff2e var(--fill)), #4edfff2e;border-radius:8px;height:7px;box-shadow:0 0 14px #4edfff2e}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff9e8;border:2px solid #061016;border-radius:50%;width:19px;height:19px;margin-top:-6px;box-shadow:0 0 0 3px #ffc65f40,0 0 20px #ffc65f52}input[type=range]::-moz-range-track{background:#4edfff2e;border-radius:8px;height:7px}input[type=range]::-moz-range-progress{background:var(--amber);border-radius:8px;height:7px}input[type=range]::-moz-range-thumb{background:#fff9e8;border:2px solid #061016;border-radius:50%;width:19px;height:19px;box-shadow:0 0 0 3px #ffc65f40,0 0 20px #ffc65f52}.scene-zone{border:1px solid var(--line-strong);min-height:0;box-shadow:var(--shadow), 0 0 52px #4edfff1a;background:#05070d;border-radius:8px;position:relative;overflow:hidden}.three-stage{position:absolute;inset:0}.three-stage canvas{width:100%;height:100%;display:block}.scene-overlay{z-index:2;pointer-events:none;position:absolute}.top-left,.top-right{color:var(--cream);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050d14b8;border:1px solid #4edfff42;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;font-weight:760;display:inline-flex;top:12px;box-shadow:0 0 26px #4edfff1f}.top-left{left:12px}.top-right{color:var(--cyan);right:12px}.live-indicator{background:var(--green);border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #8af57ae6}.bottom-band{pointer-events:auto;grid-template-columns:repeat(4,minmax(132px,1fr));gap:6px;display:grid;bottom:10px;left:10px;right:10px}.stage-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050d14bd;border:1px solid #4edfff2e;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:7px;display:flex;box-shadow:inset 0 1px #ffffff0f}.stage-index{color:#061016;background:var(--green);border-radius:5px;flex:none;place-items:center;width:26px;height:26px;font-size:.68rem;font-weight:860;display:grid}.stage-chip.warn .stage-index{background:var(--amber)}.stage-chip.alert .stage-index{background:var(--red)}.stage-copy{flex:1;min-width:0}.stage-copy strong,.stage-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stage-copy strong{font-size:.76rem;line-height:1.05}.stage-copy span{gap:8px;min-width:0;display:flex}.stage-copy small{color:var(--muted);margin-top:4px;font-size:.68rem}.stage-camera-button,.camera-close-button{color:var(--cream);cursor:pointer;background:#ffc65f1f;border:1px solid #ffc65f6b;border-radius:6px;place-items:center;transition:border-color .16s,background .16s,transform .16s;display:grid}.stage-camera-button{flex:none;width:28px;height:28px}.stage-camera-button:hover,.camera-close-button:hover{background:#ffc65f38;border-color:#ffc65fe6;transform:translateY(-1px)}.metrics-panel{grid-template-rows:auto 1fr auto;display:grid}.metrics-scroll{min-height:0;overflow:hidden}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;display:grid}.kpi-card{background:linear-gradient(#ffffff0f,#ffffff06),#ffffff09;border:1px solid #4edfff24;border-radius:7px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:58px;padding:7px;display:grid}.kpi-card.good{border-color:#8af57a42}.kpi-card.warn{border-color:#ffc65f52}.kpi-card.alert{border-color:#ff6d545c}.kpi-icon{width:28px;height:28px;color:var(--cream);background:#4edfff1a;border-radius:6px;place-items:center;display:grid}.kpi-card p{color:var(--muted);font-size:.66rem;font-weight:760}.kpi-card strong{color:var(--text);margin-top:2px;font-size:.98rem;line-height:1.04;display:block}.kpi-card small{color:var(--muted-2);margin-top:4px;font-size:.62rem;line-height:1.18;display:block}.time-panel{background:#050d1485;border:1px solid #4edfff2e;border-radius:8px;margin:0 10px 10px;padding:9px}.time-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.time-heading svg{color:var(--amber)}.time-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.time-stat{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;min-width:0;padding:6px}.time-stat svg{color:var(--cyan)}.time-stat span{color:var(--muted);margin-top:3px;font-size:.68rem;font-weight:760;display:block}.time-stat strong{color:var(--text);margin-top:2px;font-size:.78rem;display:block}.timeline-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;display:grid}.timeline-row{gap:3px;min-width:0;display:grid}.timeline-label,.timeline-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-label span{color:#061016;background:var(--green);border-radius:5px;flex:none;place-items:center;width:20px;height:18px;font-size:.61rem;font-weight:860;display:grid}.timeline-row.warn .timeline-label span{background:var(--amber)}.timeline-row.alert .timeline-label span{background:var(--red)}.timeline-label strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.68rem;overflow:hidden}.timeline-label small,.timeline-meta span{color:var(--muted);font-size:.57rem}.timeline-meta span:first-child{display:none}.timeline-track{background:#4edfff1c;border-radius:8px;height:6px;position:relative;overflow:hidden}.timeline-duration,.timeline-queue{border-radius:inherit;position:absolute;top:0;bottom:0;left:0}.timeline-duration{background:linear-gradient(90deg, var(--cyan), #8af57aeb)}.timeline-queue{background:var(--amber);opacity:.8}.process-note{border-top:1px solid var(--line);background:#ffc65f14;padding:9px 12px 10px}.note-label{color:var(--amber);margin-bottom:4px;font-size:.73rem;font-weight:840}.process-note p:last-child{color:var(--text);font-size:.76rem;line-height:1.28}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.camera-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02060aad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.camera-modal{background:linear-gradient(180deg, #0b1720f5, #050d14f5), var(--panel-strong);border:1px solid #4edfff61;border-radius:10px;width:min(980px,100vw - 48px);overflow:hidden;box-shadow:0 30px 120px #0000009e,0 0 48px #4edfff24}.camera-modal-header,.camera-modal-footer{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.camera-modal-header{border-bottom:1px solid var(--line)}.camera-modal-title{align-items:center;gap:10px;min-width:0;display:flex}.camera-modal-icon{width:36px;height:36px;color:var(--cyan);background:#4edfff1f;border-radius:7px;flex:none;place-items:center;display:grid}.camera-close-button{flex:none;width:36px;height:36px}.camera-feed-shell{aspect-ratio:16/9;background:#02060a;position:relative;overflow:hidden}.camera-feed-image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.camera-feed-image:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#4edfff14 1px,#0000 1px) 0 0/100% 5px,radial-gradient(circle at 0 0,#4edfff29,#0000 36%),linear-gradient(#0000,#00000042);position:absolute;inset:0}.camera-feed-overlay{color:var(--cream);text-shadow:0 1px 12px #000000d9;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:flex;position:absolute;top:10px;left:10px;right:10px}.camera-feed-overlay span{background:#050d1494;border:1px solid #4edfff4d;border-radius:5px;padding:5px 8px}.camera-modal-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media (width<=1280px){.workspace{grid-template-columns:minmax(282px,.82fr) minmax(500px,1.18fr);grid-template-areas:"controls scene""metrics metrics"}.control-panel{grid-area:controls}.scene-zone{grid-area:scene;min-height:610px}.metrics-panel{grid-area:metrics}.metrics-scroll{grid-template-columns:1.15fr .85fr;align-items:start;display:grid}.time-panel{margin-top:12px}}@media (width<=920px){.app-shell{padding:10px}.topbar{flex-direction:column;align-items:stretch}.status-strip{justify-content:stretch}.status-pill{flex:120px}.workspace{display:block}.side-panel,.scene-zone{margin-bottom:10px}.control-list{max-height:none}.scene-zone{height:640px;min-height:640px}.metrics-scroll{display:block}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.brand-mark{width:42px;height:42px}h1{font-size:1.02rem}.scene-zone{height:620px;min-height:620px}.top-right{top:56px;left:12px;right:auto}.bottom-band{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid,.time-summary{grid-template-columns:1fr}.control-topline{flex-direction:column;align-items:flex-start;gap:4px}}