:root{font-family:'Segoe UI','Inter',Roboto,Arial,sans-serif;color:#c5d9e2;background:#050b14;--cyan:#56dff1;--bright:#d6f5fd;--muted:#7191a3;--edge:#2d5064;--amber:#f1a368;--panel:rgba(8,18,30,.88);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html{color-scheme:dark}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #79e9ff;outline-offset:2px}[hidden]{display:none!important}
#three-viewport{display:block;width:100%;height:100%;touch-action:none;background:#050b14}
#interface{position:fixed;inset:0;pointer-events:none;user-select:none}#interface button,#interface input,#interface aside,#interface .transport,#interface .manualpanel,#interface #help-modal{pointer-events:auto}
.hud-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 23%,rgba(1,7,14,.17) 65%,rgba(1,5,10,.52) 100%)}
.hud-crosshair{position:absolute;left:50%;top:51%;width:17px;height:17px;margin:-8px;opacity:.28;border:1px solid #70bcd3;border-radius:50%;pointer-events:none}.hud-crosshair:before,.hud-crosshair:after{content:'';position:absolute;background:#70bcd3}.hud-crosshair:before{height:1px;width:25px;left:-5px;top:7px}.hud-crosshair:after{width:1px;height:25px;top:-5px;left:7px}
.glass{background:linear-gradient(135deg,rgba(15,29,43,.94),rgba(5,15,26,.89));border:1px solid rgba(76,135,164,.30);box-shadow:0 12px 36px rgba(0,0,0,.27),inset 0 1px rgba(160,218,230,.05);backdrop-filter:blur(16px)}
.cyan{color:var(--cyan)}.dim{color:#557287}.microtitle{font-weight:700;letter-spacing:.20em;font-size:9px;color:#91bac9;display:flex;align-items:center;gap:7px}.statusdot{width:5px;height:5px;background:#4addf1;border-radius:50%;box-shadow:0 0 9px #4addf1}.live-pulse{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px rgba(45,229,247,.8);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:.65}50%{opacity:1;box-shadow:0 0 18px #26efff}}
.masthead{position:absolute;top:0;left:0;right:0;height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:0;border-left:0;border-right:0;background:linear-gradient(90deg,rgba(6,16,27,.96),rgba(8,24,37,.82),rgba(6,16,27,.96))}
.brandlockup{display:flex;align-items:center;gap:13px}.brandglyph{height:41px;width:41px;border:1px solid #33afcf;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 18px rgba(28,211,239,.19),inset 0 0 18px rgba(28,211,239,.09)}.brandglyph span{font-size:27px;color:#67e9ff;transform:rotate(-45deg)}.brand-name{font-size:21px;font-weight:900;letter-spacing:.13em;color:#eff9ff;line-height:1}.brand-name em{font-style:normal;color:#4ad9ee}.brand-sub{font-size:9px;letter-spacing:.22em;color:#6e95a8;margin-top:8px}.top-center{font-size:10px;font-weight:700;letter-spacing:.17em;color:#96b0c1}.top-sep{margin:0 13px;color:#35586c}.top-actions{display:flex;align-items:center;gap:9px}.capsule{border:1px solid #24647a;color:#75def1;border-radius:2px;padding:9px 12px;font-size:10px;letter-spacing:.12em;white-space:nowrap}.iconbtn{height:32px;min-width:35px;color:#b3d5e2;background:#0b2031;border:1px solid #2a5067;border-radius:2px;font-size:18px;transition:.2s}.iconbtn:hover{background:#133d4b;color:#e7ffff}
.sidepanel{position:absolute;top:96px;bottom:165px;padding:25px 23px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#326078 transparent;width:285px}.sideleft{left:24px}.sideright{right:24px}.sidepanel h1{font-size:39px;line-height:1.05;letter-spacing:.07em;color:#ecf7fb;margin:24px 0 8px;font-weight:900}.sidepanel h1 small{font-size:19px;letter-spacing:.08em;color:var(--cyan)}.subtitle{font-size:15px;font-weight:800;color:#a8c2d3;line-height:1.25;letter-spacing:.12em}.story{font-size:11px;line-height:1.8;color:#7691a2;margin:15px 0 21px}.idgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 4px}.idgrid div{display:flex;flex-direction:column;gap:6px}.idgrid span,.telegrid span{font-size:9px;letter-spacing:.09em;color:#668699}.idgrid b{font-size:11px;font-weight:750;color:#cce3ec;letter-spacing:.04em}.rule{height:1px;background:linear-gradient(90deg,#30607a,transparent);margin:22px 0 20px}.modegroup{display:flex;flex-direction:column;gap:5px;margin-top:15px}.mode{height:39px;display:flex;align-items:center;gap:13px;width:100%;background:#081623;border:1px solid #1a3548;color:#96b3c5;text-align:left;transition:.2s}.mode span{font-family:monospace;font-size:10px;color:#668698;padding-left:10px}.mode strong{font-size:10px;letter-spacing:.12em;font-weight:700;flex:1}.mode small{font-size:14px;color:#567487;margin-right:12px}.mode:hover,.mode.is-active{border-color:#3cb5cf;color:#eafaff;background:linear-gradient(90deg,rgba(30,115,139,.32),rgba(12,38,56,.5))}.mode.is-active:before{content:'';height:100%;width:2px;background:#6defff;box-shadow:0 0 12px #6defff}.mode.is-active span,.mode.is-active small{color:#50d7ee}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0}.views button,.qualitybar button,.speedbox button{background:rgba(10,30,43,.9);border:1px solid #234457;color:#82a4b5;padding:9px 4px;font-size:9px;font-weight:800;letter-spacing:.05em}.views button:hover,.views button.is-selected,.qualitybar button.is-selected,.speedbox button.is-selected{color:#d4faff;border-color:#4ad0e5;background:rgba(40,119,140,.24)}.wide-outline{width:100%;height:35px;background:#071824;color:#85b9c9;border:1px solid #22516a;font-size:9px;font-weight:800;letter-spacing:.09em;display:flex;align-items:center;justify-content:space-around}.wide-outline:hover{color:white;border-color:var(--cyan)}.wide-outline span{color:var(--cyan)}.dossier-foot{margin-top:24px;font-size:8px;letter-spacing:.095em;color:#4f748b;line-height:1.9}
.telemetry-head{margin:25px 0 24px;font-size:21px;letter-spacing:.08em;line-height:1.17;font-weight:400;color:#f1f7fb}.telemetry-head strong{font-size:21px;font-weight:900}.telemetric{margin:0 0 20px}.tele-label{font-size:9px;letter-spacing:.11em;color:#86aab9;display:flex;justify-content:space-between;margin-bottom:10px}.tele-label b{font-size:11px;letter-spacing:.03em;color:#c3f6fe}.meter{background:#152c3d;height:5px;border-left:1px solid #70f8ff}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#127b97,#78effc);box-shadow:0 0 11px rgba(60,206,237,.28);transition:width .08s linear}.telegrid{display:grid;grid-template-columns:1fr 1fr;gap:19px 9px;margin-top:26px}.telegrid div{display:flex;flex-direction:column;gap:8px}.telegrid b{color:#dcf6fc;font-weight:800;font-size:15px;font-family:Consolas,monospace}.optionrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:9px;letter-spacing:.09em;color:#90a7b8}.qualitybar{display:flex;gap:2px}.qualitybar button{padding:6px 7px;font-size:8px}.tiny-toggle{padding:6px 12px;border:1px solid #26546a;color:#7fa4b5;background:#102b3b;font-size:9px;font-weight:800}.tiny-toggle.is-selected{color:#c5f9ff;border-color:#4dcee6;background:#145068}.optionrow input{width:130px}#part-inspector{margin-top:14px}.no-selection{font-size:11px;line-height:1.7;color:#718e9f}.part-title{font-size:13px;font-weight:850;letter-spacing:.04em;color:#cdf9ff}.part-type{margin-top:8px;font-size:9px;color:#5cb9d1;letter-spacing:.08em}#part-inspector p{font-size:10px;line-height:1.6;color:#84a0ae}
.transport{position:absolute;left:330px;right:330px;bottom:26px;height:148px;padding:18px 23px 14px;min-width:420px;border-color:#27495c}.transport-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.13em;color:#aac9d7}.timecode{font-family:Consolas,monospace;display:flex;gap:9px;align-items:center;font-size:11px;color:#e5faff}.timelinebar{margin-top:12px}.timelinebar input{width:100%;appearance:none;-webkit-appearance:none;height:5px;background:linear-gradient(90deg,#52e5f6 0,var(--filled,0%),#1b4054 var(--filled,0%),#1b4054 100%);border-radius:0;cursor:ew-resize;margin:0}.timelinebar input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:#d9faff;border:3px solid #188da8;box-shadow:0 0 10px #28cbeb;transform:rotate(45deg)}.timelinebar input::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:#d9faff;border:3px solid #188da8;transform:rotate(45deg)}.ticks{display:flex;justify-content:space-between;color:#648fa1;letter-spacing:.08em;font-family:Consolas,monospace;font-size:8px;margin-top:9px}.transport-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.playcontrols{display:flex;align-items:center;gap:5px}.square{background:#0b2435;border:1px solid #245169;color:#acc9d6;width:29px;height:30px;font-size:15px}.square:hover,.square.is-selected{border-color:#47dcf3;color:#f5ffff}.main-play{background:linear-gradient(100deg,#147791,#26a4b3);border:1px solid #6bebff;color:#efffff;font-size:10px;letter-spacing:.1em;padding:0 15px;height:32px;font-weight:800;display:flex;align-items:center;gap:9px;white-space:nowrap}.main-play:hover{filter:brightness(1.2)}.main-play.playing{background:linear-gradient(100deg,#a36b42,#ce8a55);border-color:#f1ac7b}.speedbox{display:flex;align-items:center;gap:4px}.speedbox span{font-size:9px;letter-spacing:.12em;color:#829fae;margin-right:6px}.speedbox button{font-size:9px;padding:8px 7px}.transport-state{font-size:9px;letter-spacing:.13em;color:#94d7e5;display:flex;align-items:center;gap:8px}.footer-serial{position:absolute;left:25px;bottom:5px;font-size:8px;color:#426b7f;letter-spacing:.15em}.hint{position:absolute;right:25px;bottom:5px;font-size:8px;color:#64889d;letter-spacing:.08em}.hint span{color:#b8dbe8;margin-left:10px}.hint span:first-child{margin-left:0}
.manualpanel{position:absolute;bottom:189px;left:50%;transform:translateX(-50%);width:min(770px,calc(100vw - 670px));max-height:38vh;overflow-y:auto;padding:16px 22px}.manualhead{display:flex;justify-content:space-between;align-items:center;color:#cbecf6;font-weight:850;font-size:11px;letter-spacing:.13em;padding-bottom:10px;border-bottom:1px solid #25465d}.manualhead small{font-size:9px;color:#75a8b8}.manualgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 15px;padding:13px 0 3px}.joint-control{display:block}.joint-title{font-size:9px;color:#a8becb}.joint-slider-row{display:flex;gap:7px;align-items:center}.joint-slider-row input{width:100%;accent-color:#49d7ec}.joint-slider-row output{width:38px;flex:none;text-align:right;font-size:9px;color:#b5eaf6}
#floating-labels{position:absolute;inset:0;visibility:hidden;pointer-events:none}#floating-labels.is-visible{visibility:visible}.part-label{display:none;position:absolute;transform:translate(10px,-50%);background:rgba(5,18,29,.86);color:#9ed6e7;border:1px solid #2b7184;border-left:2px solid #36c8e4;border-radius:2px;padding:6px 9px;font-size:9px;white-space:nowrap;letter-spacing:.05em;pointer-events:auto;text-align:left;box-shadow:0 3px 14px rgba(0,0,0,.4)}.part-label-pin{position:absolute;left:-9px;top:50%;height:1px;width:9px;background:#40d6f3}.part-label.is-selected,.part-label:hover{border-color:#88f3ff;background:rgba(13,66,83,.96);color:#fff}
#toast{position:absolute;left:50%;top:93px;transform:translate(-50%,-13px);color:#c1faff;background:rgba(4,21,34,.9);border:1px solid #42b5cb;padding:10px 17px;letter-spacing:.12em;font-size:10px;opacity:0;transition:opacity .28s,transform .28s;pointer-events:none;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toast.visible{opacity:1;transform:translate(-50%,0)}
.help-backdrop{position:absolute;inset:0;background:rgba(1,7,12,.77);display:grid;place-items:center;backdrop-filter:blur(8px)}.help-card{position:relative;width:min(560px,calc(100vw - 30px));padding:34px;color:#bcd4df;max-height:90vh;overflow:auto}.help-card h2{font-size:21px;line-height:1.3;color:#e1f8fe}.help-card p{font-size:12px;line-height:1.8}.help-card b{color:#b6effb}.help-close{position:absolute;right:15px;top:15px;color:#a5dbe8;background:none;border:0;font-size:18px}
@media(max-width:1400px){.top-center{font-size:9px}.sidepanel{width:260px;top:88px;bottom:177px;padding:18px}.sideleft{left:14px}.sideright{right:14px}.transport{left:288px;right:288px;min-width:370px}.manualpanel{width:min(670px,calc(100vw - 590px))}.story{font-size:10px}.top-center{max-width:330px;text-align:center;line-height:1.5}}
@media(max-width:1060px){.masthead{height:68px;padding:0 14px}.top-center{display:none}.sidepanel{width:216px;top:80px;bottom:176px;padding:13px}.sideleft{left:9px}.sideright{right:9px}.sidepanel h1{font-size:30px;margin:15px 0 8px}.telemetry-head{margin:14px 0;font-size:17px}.telemetry-head strong{font-size:17px}.telemetric{margin-bottom:12px}.transport{left:238px;right:238px;padding:16px 12px;height:146px}.transport .dim{display:none}.speedbox span{display:none}.transport-state{display:none}.manualpanel{width:calc(100vw - 480px)}.joint-title{font-size:8px}}
@media(max-width:810px){.sidepanel{width:195px;max-height:43vh;bottom:auto;top:79px;background:rgba(6,18,31,.91)}.sideleft{left:9px}.sideright{right:9px}.sideleft .story,.sideleft .idgrid,.sideleft .dossier-foot,.sideleft .views,.sideleft .wide-outline,.sideleft .rule:nth-of-type(n+2),.sideleft .microtitle:nth-of-type(n+3){display:none}.sideleft .rule{margin:12px 0}.sideleft h1{font-size:27px}.sideleft .subtitle{font-size:11px}.sidepanel .mode{height:32px}.sideright .telegrid,.sideright .optionrow,.sideright .rule,.sideright #part-inspector{display:none}.telemetry-head{font-size:14px}.telemetry-head strong{font-size:14px}.telemetric{margin-bottom:9px}.transport{left:10px;right:10px;min-width:0;height:141px;bottom:20px}.manualpanel{width:calc(100vw - 20px);bottom:173px;max-height:28vh}.manualgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-serial,.hint{display:none}.capsule{display:none}.top-actions{gap:5px}}
@media(max-width:520px){.brand-name{font-size:17px}.brand-sub{font-size:7px}.brandglyph{height:31px;width:31px}.brandglyph span{font-size:20px}.masthead{height:58px}.sidepanel{top:69px;width:165px;padding:10px;max-height:34vh}.sideleft{left:5px}.sideright{right:5px}.sideleft h1{font-size:23px;margin:8px 0}.sideleft .subtitle{font-size:10px}.sideleft .microtitle{font-size:7px}.sideleft .mode{height:27px}.mode strong{font-size:8px}.mode span{font-size:8px;padding-left:3px}.sideright .telemetry-head{font-size:12px;margin:7px 0}.sideright .telemetry-head strong{font-size:12px}.tele-label{font-size:7px;margin-bottom:4px}.tele-label b{font-size:9px}.telemetric{margin:9px 0}.transport{height:128px;bottom:9px;padding:10px}.transport-top{font-size:8px;letter-spacing:.04em}.timecode{font-size:9px}.timelinebar{margin-top:10px}.ticks{font-size:7px}.ticks span:nth-child(2),.ticks span:nth-child(4){display:none}.transport-actions{margin-top:10px}.main-play{padding:0 8px;gap:5px;font-size:9px}.square{width:24px;height:27px;font-size:12px}.playcontrols{gap:3px}.speedbox button{padding:6px 4px;font-size:8px}.manualpanel{bottom:145px}.manualgrid{grid-template-columns:1fr 1fr}.joint-title{font-size:8px}.part-label{font-size:7px;padding:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}