:root{color-scheme:dark;--bg:#08131b;--panel:#0e1d27;--line:#233541;--line2:#1b303d;--text:#dce8ec;--muted:#6f8a99;--orange:#ec985a;--cyan:#65dad5;--red:#ff655e;--green:#83eac5}*{box-sizing:border-box}body{margin:0;background:#061018;color:var(--text);font:12px/1.45 'Segoe UI',Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #68d7cd;outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column;max-width:2050px;margin:auto;border-left:1px solid #172b36;border-right:1px solid #172b36}.top{height:86px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:linear-gradient(125deg,#0b1c26,#0a1620)}.brand{display:flex;align-items:center;gap:15px}.mark{width:48px;height:48px;border:1px solid #6f4536;color:#ec985a;display:grid;place-items:center;background:#231d1c}h1{font-weight:650;font-size:26px;letter-spacing:2px;margin:1px 0 0}.pipe{color:#e89151;font-weight:400}.eyebrow,.version,.edition{font-size:10px;letter-spacing:1.45px;color:#8ca7b5;font-weight:650}.eyebrow span{color:#e9a071}.top-right{display:flex;align-items:center;gap:22px}.edition{color:#bacbd3}.version{color:#78909f}.dot-live{color:#9cfdce;border:1px solid #2d5c4d;background:#12342c;border-radius:3px;padding:7px 10px;font-size:10px;letter-spacing:1.5px}.dot-live:before{content:'●';margin-right:8px;color:#5de6a3}.content{display:grid;grid-template-columns:295px minmax(440px,1fr) 275px;flex:1;min-height:780px}.sidebar{background:#0b1822;min-width:0}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:9px;min-height:55px;padding:0 19px;border-bottom:1px solid var(--line);font-weight:700;letter-spacing:1.8px;font-size:11px}.section-title small,.an-head small{font-size:9px;color:var(--muted);font-weight:500;margin-left:auto;letter-spacing:1px}.section-n{color:var(--orange);font-size:11px}.panel-section{padding:17px 20px;border-bottom:1px solid var(--line2)}.minor-label{color:#abc2cb;letter-spacing:1.45px;font-weight:700;font-size:10px;margin-bottom:14px}.accent{color:#c17752}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.segmented button{background:#142632;border:1px solid #25404d;color:#8499a5;padding:11px 2px;font-size:10px;letter-spacing:.7px}.segmented button.active{border-color:#a76540;background:#443025;color:#ffb37b}.slider-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.2fr) 57px;align-items:center;gap:10px;min-height:34px;color:#c7d2d8;font-size:10px;letter-spacing:.35px}.slider-line>span{font-weight:650;white-space:nowrap}.slider-line small{color:#72909c;font-weight:400;font-size:9px}.slider-line output{text-align:right;color:#f4b183;font-family:'Consolas','Courier New',monospace;font-size:10px;font-weight:600;white-space:nowrap}input[type=range]{width:100%;appearance:none;background:transparent;cursor:pointer;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#38515c;border-radius:5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;background:#f19c5b;border:2px solid #1d2b33;border-radius:50%;box-shadow:0 0 0 1px #f4ac7c}input[type=range]::-moz-range-track{height:3px;background:#38515c}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#f4a264;border:0;border-radius:50%}.pad-header{display:flex;justify-content:space-between;margin:17px 0 7px;font-size:9px;color:#9caeba;letter-spacing:.9px}.pad-header span:last-child{color:#de975f}#pad{display:block;width:100%;height:128px;cursor:crosshair;border:1px solid #31505c;touch-action:none}.legend{display:flex;gap:14px;color:#839ba9;font-size:9px;letter-spacing:1px;margin-top:8px}.sq{width:8px;height:8px;display:inline-block;background:var(--cyan);margin-right:5px}.sq.orange{background:var(--orange)}.sq.cyan{background:var(--cyan)}.presets{display:grid;grid-template-columns:1fr;gap:6px}.presets button{border:1px solid #314451;background:#122431;padding:8px;text-align:left;letter-spacing:1.05px;color:#9dbac8;font-size:10px}.presets button:hover{border-color:#cc9166;color:#fff}.center{display:flex;flex-direction:column;min-width:0;min-height:740px;background:#09141e}.viewport-head{height:48px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;background:#0d1c26;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.2px;color:#a5bfc8}.viewport-head>div{display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#6ee6b9;box-shadow:0 0 14px #5ddda0}.sepr{color:#4e6775}.link-button{border:0;color:#df9964;background:transparent;font-size:10px;letter-spacing:1px}.link-button:hover{color:#ffd6b4}.scene-wrap{position:relative;flex:1;min-height:400px;max-height:730px;overflow:hidden;background:radial-gradient(ellipse at center,#182c3a,#08121d)}#viewer{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewer:active{cursor:grabbing}.labels{pointer-events:none;position:absolute;inset:0}.labels span{position:absolute;transform:translate(-50%,-140%);padding:3px 5px;letter-spacing:.8px;font-size:8px;background:#07131db8;border:1px solid #425563;color:#dfb188;white-space:nowrap}.scene-left-top,.scene-right-top{pointer-events:none;position:absolute;top:19px;color:#668392;font:9px/1.9 Consolas,monospace;letter-spacing:1.15px}.scene-left-top{left:19px}.scene-left-top strong{color:#adbfcb;font-weight:500}.scene-right-top{right:20px;color:#9bacb8}.view-indicator{display:inline-block;width:6px;height:6px;background:#6bdda9;margin-left:5px}.scene-bottom-left{pointer-events:none;position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:1px;color:#9db5c1;background:#0a1821aa;padding:5px 7px}.crosshair{color:var(--orange);font-size:14px;margin-right:8px}.axis-widget{position:absolute;right:22px;bottom:21px;width:50px;height:47px;pointer-events:none}.axis-widget span{position:absolute;display:grid;place-items:center;font:700 10px Consolas,monospace;width:22px;height:22px;border-radius:50%;background:#152938;border:1px solid #3f697c}.axis-y{top:0;left:19px;color:#a4eebf}.axis-x{top:23px;left:0;color:#eb977c}.axis-z{top:23px;right:0;color:#80b6ff}#error{position:absolute;top:45%;left:10%;width:80%;padding:20px;background:#4d171b;color:#fff}.transport{display:flex;align-items:center;gap:9px;min-height:75px;padding:11px 17px;background:#0d1c26;border-top:1px solid #243b48;border-bottom:1px solid var(--line)}.transport button{border-radius:2px;padding:10px 15px;font-weight:700;letter-spacing:.9px;font-size:10px;white-space:nowrap}.primary-btn{border:1px solid #ca854c;background:#b66f3c;color:#fff;width:120px}.secondary-btn{border:1px solid #43606c;background:#17303c;color:#c6dce5}.estop{border:1px solid #804343;background:#3c1b24;color:#ff9a8c}.estop.active{background:#be423c;color:#fff;border-color:#f88e79}.clock{font-size:9px;color:#75909d;letter-spacing:1px;margin-left:auto;text-align:right;white-space:nowrap}.clock strong{font-family:Consolas,monospace;color:#d6e3e7;display:block;font-size:16px;font-weight:500}.analytics{height:215px;flex-shrink:0;background:#0b1923}.an-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 4px;font-size:10px;font-weight:650;letter-spacing:1.3px}.an-head>div:first-child{display:flex;gap:8px;align-items:center}.plot-legend{display:flex;gap:16px;color:#92aaba;font-size:9px;letter-spacing:.5px}#chart{height:163px;width:100%;display:block}.status-box{padding:17px 18px;border-bottom:1px solid var(--line)}.health{font-weight:700;font-size:11px;letter-spacing:1px;padding:11px 10px;background:#13392e;border:1px solid #306550;color:#80ebb6;white-space:normal}.health:before{content:'●';margin-right:8px}.health[data-kind=warn]{color:#ffc188;border-color:#73522e;background:#39291d}.health[data-kind=bad]{color:#ff9285;background:#3d1d26;border-color:#823b43}.status-box p{color:#678695;margin:11px 0 0;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line)}.metric{padding:16px 13px 13px;border-right:1px solid #213643;border-bottom:1px solid #213643;min-height:99px}.metric:nth-child(even){border-right:0}.metric div,.metric small{display:block;color:#829baa;font-size:9px;letter-spacing:.7px}.metric strong{display:block;color:#edf4f5;font:500 23px Consolas,monospace;margin:9px 0 4px;letter-spacing:-1px}.metric small{font-size:8px;color:#587684}.cable-head{display:flex;justify-content:space-between;padding:19px 16px 14px;color:#aac0cc;font-size:9px;letter-spacing:1px;font-weight:700}.cable-head small{font-size:8px;color:#60808d}.cable-row{margin:0 16px 18px}.cable-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#becbd1}.cable-label small{display:block;font-size:8px;color:#648190}.cable-label b{font:500 12px Consolas,monospace;color:#eca56d}.track{margin-top:8px;background:#1e3340;height:5px;overflow:hidden}.fill{width:0;background:linear-gradient(90deg,#bd6939,#f6ad67);height:100%;transition:width .1s}.fill[data-alert=yes]{background:#ff5d53}.position-read{border-top:1px solid #233843;border-bottom:1px solid #233843;padding:19px 17px}.position-read strong{display:block;font:500 16px Consolas,monospace;margin-bottom:5px;color:#deedf1;white-space:nowrap}.position-read small{font-size:9px;color:#7494a3;letter-spacing:1px}.downloads{padding:17px;border-bottom:1px solid #233843}.downloads button{display:block;width:100%;text-align:left;background:#152a36;border:1px solid #334c59;color:#b8d0db;font-size:10px;padding:10px;margin:7px 0;letter-spacing:.8px}.downloads button:hover{border-color:#bb855d}.notice{padding:17px;color:#7693a0;font-size:10px;line-height:1.6}.notice b{font-size:10px;color:#d29b71;letter-spacing:1.5px}.notice p{margin:5px 0}footer{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #243844;padding:0 20px;color:#647e8d;font-size:9px;letter-spacing:1.5px;background:#0b1720}footer strong{color:#e8a16d}@media(max-width:1320px){.content{grid-template-columns:260px minmax(390px,1fr) 250px}.top-right{gap:12px}.edition{display:none}.panel-section{padding-left:14px;padding-right:14px}.slider-line{gap:7px;grid-template-columns:minmax(0,1fr) minmax(75px,1fr) 48px}.slider-line>span{font-size:9px}.slider-line output{font-size:9px}.metric strong{font-size:19px}.plot-legend{gap:8px}}@media(max-width:1000px){.content{grid-template-columns:240px minmax(420px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.right>.section-title{grid-column:1/-1}.right .notice{grid-column:1/-1}.top{padding:0 15px}.top-right .version{display:none}.sidebar .position-read{border-top:0}}@media(max-width:720px){.content{display:flex;flex-direction:column}.center{order:0;min-height:660px}.left{order:1}.right{order:2;display:block}.scene-wrap{min-height:355px}.analytics{height:180px}#chart{height:128px}.top{height:72px}.top h1{font-size:20px}.eyebrow{font-size:9px}.top-right{display:none}.scene-bottom-left{max-width:75%;font-size:8px}.panel-section{padding:15px}.slider-line{grid-template-columns:minmax(0,1fr) minmax(140px,1.4fr) 70px}.left .panel-section{max-width:none}.pad-header{max-width:400px}#pad{max-width:400px}.transport{flex-wrap:wrap}.clock{margin-left:0}.plot-legend{display:none}footer{font-size:8px;gap:10px;flex-wrap:wrap;height:auto;padding:12px}}