:root{color-scheme:dark;--bg:#06131b;--muted:#6f8996;--accent:#59ecd9;--line:#1c3742;--orange:#ecc18d;--white:#e7f4ef;--panel:#0b1c26;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #70ffe1;outline-offset:3px}#app{width:100vw;height:100dvh;min-height:630px;display:flex;flex-direction:column}.nav{height:67px;flex:0 0 67px;border-bottom:1px solid #20353e;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#081923;z-index:5}.identity{display:flex;align-items:center;gap:12px;white-space:nowrap}.mark{height:36px;width:36px;border:1px solid #65978d;color:#c0fff0;display:grid;place-items:center;font-size:21px;font-weight:800;letter-spacing:-3px}.mark span{color:#e8b882}.identity-name{font-size:13px;letter-spacing:2.25px;font-weight:800}.mini-slash{color:#72868e;font-weight:300}.identity-caption{font-size:8px;letter-spacing:1.9px;margin-top:5px;color:#728d98}.nav-center,.version{font-size:9px;letter-spacing:1.4px;color:#88a3ae;font-weight:700}.nav-center{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#d1c2a1;border-radius:50%;display:inline-block;box-shadow:0 0 8px #f6e0a655}.dot.teal,.live-dot{background:#58ecd4;box-shadow:0 0 12px #58ecd488}.nav-sep{color:#49636d;margin:0 6px}.nav-right{display:flex;align-items:center;gap:20px}.icon-btn{width:29px;height:29px;background:transparent;border:1px solid #3b5660;color:#91b7b8;border-radius:50%}.workspace{display:flex;flex:1;min-height:0}.viewport{position:relative;flex:1;overflow:hidden;background:radial-gradient(ellipse 43% 54% at 61% 39%,#35505b9a,transparent 100%),linear-gradient(180deg,#091d2a 0%,#24404f 43%,#66847f 71%,#293f43 100%)}.sky-aura{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 20%,#e8c29b44,transparent 27%),linear-gradient(90deg,#06182198,transparent 60%);z-index:0}.viewport canvas{position:absolute;width:100%;height:100%;inset:0;display:block;touch-action:none;z-index:1;cursor:grab}.viewport canvas:active{cursor:grabbing}.markers{position:absolute;inset:0;z-index:3;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;gap:10px;align-items:center;background:transparent;border:0;color:#d3f5ee;white-space:nowrap;text-align:left;text-shadow:0 1px 8px #061722;transition:opacity .2s}.marker .dotmark{position:relative;width:15px;height:15px;border:1px solid #90ffdf;border-radius:50%;box-shadow:0 0 15px #4af0d77f}.marker .dotmark:after{content:'';position:absolute;inset:4px;background:#9dffe6;border-radius:50%}.marker .marker-text{display:block;font-size:8px;letter-spacing:1.4px;font-weight:800;background:#061822d9;border:1px solid #5fe1cc56;padding:8px 10px}.marker .marker-text small{font-weight:400;display:block;font-size:7px;margin-top:4px;color:#8caeae;letter-spacing:1px}.marker.active .marker-text{background:#1c5b60df;border-color:#a3fff0}.marker:hover .marker-text{border-color:#b4ffdb}.scene-header{position:absolute;top:38px;left:38px;pointer-events:none;z-index:2}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#bbdddc;display:flex;gap:10px;align-items:center}.muted{color:#6d939b}.scene-header h1{margin:22px 0 13px;font-size:clamp(38px,4.4vw,76px);letter-spacing:-3px;line-height:.95;font-weight:750;color:#edf2e9}.scene-header h1 i{font-style:normal;color:#f1c18b}.scene-header p{font-size:11px;line-height:1.8;color:#a9c1c0;letter-spacing:.35px}.vertical-scale{position:absolute;right:29px;top:26%;height:37%;z-index:2;display:flex;align-items:center;flex-direction:column;gap:8px;color:#b4ccc7;font-size:8px;letter-spacing:1px}.scale-line{flex:1;width:1px;background:linear-gradient(#bfe7de,#748f9b44);display:flex;justify-content:space-between;flex-direction:column}.scale-line i{width:12px;height:1px;display:block;background:#8cb9b1}.scene-tabs{display:flex;gap:8px;position:absolute;left:32px;bottom:95px;z-index:3;flex-wrap:wrap}.pill{padding:10px 11px;background:#0a2633b9;color:#b2ccc9;border:1px solid #55737c6b;letter-spacing:1.1px;font-size:8px;font-weight:800}.pill.selected,.pill:hover{background:#2b5e62;color:#eaffef;border-color:#71c8b8}.scene-bottom{position:absolute;bottom:28px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.compass{display:flex;align-items:center;gap:12px;color:#c8dcd6;font-size:8px;letter-spacing:1px;line-height:1.6}.compass-needle{border:1px solid #a6ccc4;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#def9ea;font-size:13px;font-weight:700}.scene-status{font-size:8px;letter-spacing:1.1px;font-weight:700;color:#b2ccca;display:flex;gap:8px;align-items:center}.separator{color:#51717a}.hint{position:absolute;left:50%;bottom:160px;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:9px;letter-spacing:1.4px;color:#c5ebe3b8;animation:hint-fade 6s forwards;pointer-events:none}@keyframes hint-fade{0%,65%{opacity:1}100%{opacity:0}}.sidebar{width:360px;flex:0 0 360px;background:#071922;border-left:1px solid #23404a;overflow:auto;scrollbar-color:#32535b transparent;position:relative}.side-top{padding:25px 26px 14px}.section-kicker,.section-heading{font-weight:800;letter-spacing:1.9px;font-size:9px;color:#e7c397;display:flex;justify-content:space-between}.section-kicker span,.section-heading span{color:#5d8f91}.side-title{font-size:26px;letter-spacing:-.8px;font-weight:700;margin:14px 0 4px;display:flex;justify-content:space-between;align-items:center}.gear{color:#62c6b8;font-size:23px}.side-sub{font-size:10px;color:#819da7;margin:0;line-height:1.7}.status-strip{background:#0b3038;border-top:1px solid #25535b;border-bottom:1px solid #25535b;height:42px;padding:0 26px;display:flex;justify-content:space-between;align-items:center;color:#8fd3c3;font-size:9px;letter-spacing:1.1px}.status-strip>div{display:flex;align-items:center;gap:8px}.status-icon{color:#75f2d6}.status-strip span:last-child{font-size:8px;color:#7cabb0}.sidebar-section{padding:20px 26px 18px;border-bottom:1px solid #18323b}.metrics{padding-bottom:15px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.metric{background:#0b2530;border:1px solid #20424b;padding:11px 12px;min-width:0}.metric label{font-size:8px;letter-spacing:1px;color:#94b3b7}.metric>div{margin:9px 0 5px;white-space:nowrap}.metric b{font-size:25px;font-weight:600;letter-spacing:-.8px}.metric small{font-size:10px;color:#9bbaac;margin-left:4px}.delta{font-size:7px;letter-spacing:.7px;color:#58cbb7}.control-item{margin-top:21px}.control-top,.ends{display:flex;justify-content:space-between;align-items:center}.control-top label{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#bbd1cd}.control-top span{font-size:10px;color:#69dcca;font-variant-numeric:tabular-nums;font-weight:700}input[type=range]{width:100%;appearance:none;height:3px;background:linear-gradient(90deg,#37adac,#274450);margin:16px 0 12px;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#a9ffdf;border:3px solid #29646a;box-shadow:0 0 10px #83e7d87d}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#a9ffdf}.ends{color:#527b86;font-size:8px;letter-spacing:1px}.display{padding-bottom:14px}.toggle-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #1e3941}.toggle-item:last-child{border:0}.toggle-item label{font-size:9px;letter-spacing:1.2px;color:#b4cdc9;cursor:pointer;font-weight:700}.toggle-item input{position:absolute;opacity:0;right:0;width:33px;height:22px;z-index:2;cursor:pointer}.switch{width:31px;height:16px;border-radius:12px;background:#284450;position:relative;transition:background .2s}.switch:after{content:'';position:absolute;width:10px;height:10px;top:3px;left:3px;background:#72939b;border-radius:50%;transition:transform .2s}.toggle-item input:checked+.switch{background:#1c7a79}.toggle-item input:checked+.switch:after{transform:translateX(15px);background:#a9ffe0}.actions{padding-bottom:14px}.button-row{display:flex;gap:8px;margin-top:13px}.button-row button{flex:1;min-width:0}.action-primary,.action-secondary{padding:12px 9px;border:1px solid #3f7c7a;background:#1b6667;color:#e6fff1;font-size:9px;font-weight:800;letter-spacing:1px}.action-secondary{border-color:#30515a;background:#112c38;color:#b4d5d0}.action-primary:hover{background:#238782}.action-secondary:hover{background:#1d4450}.side-footer{padding:22px 26px 25px;color:#50727b;font-size:7px;letter-spacing:1px;display:flex;flex-direction:column;gap:13px}.bottom-tray{height:91px;flex:0 0 91px;background:#091c25;border-top:1px solid #2c5158;display:flex;align-items:center;gap:23px;padding:0 29px}.tray-prefix{display:flex;align-items:center;gap:12px;width:180px;flex-shrink:0;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#b4e6d8}.tray-prefix small{display:block;color:#678d97;font-size:8px;margin-top:6px}.tray-main{flex:1;min-width:0}.tray-main b{font-size:13px;letter-spacing:.7px}.tray-main p{margin:7px 0 0;font-size:10px;color:#8ea7ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tray-stat{text-align:right;min-width:130px}.tray-stat span{font-size:22px;font-weight:600;color:#d5e8df}.tray-stat small{display:block;color:#638b93;letter-spacing:1.2px;font-size:7px;margin-top:6px}.tray-close{margin-left:9px;border:1px solid #35515a;background:none;color:#83a4a8;width:30px;height:30px;font-size:19px}.fatal{position:absolute;inset:35% 15%;z-index:9;background:#111f2ade;border:1px solid #ac7d74;padding:30px;color:#e4d2bf}dialog{border:1px solid #49766e;background:#0d222d;color:#d5eae4;max-width:520px;width:90%;box-shadow:0 0 0 9000px #02090db0}.dialog-inner{position:relative;padding:28px}.dialog-inner h2{font-size:28px}.dialog-inner p{font-size:13px;line-height:1.8;color:#9eb9b8}.dialog-inner code{color:#8de6d3}.dialog-x{position:absolute;top:14px;right:16px;background:none;border:0;color:#abc;font-size:24px}@media(max-width:1050px){.sidebar{width:310px;flex-basis:310px}.scene-header h1{font-size:49px}.nav-center{display:none}.metric b{font-size:21px}.side-top,.sidebar-section{padding-left:19px;padding-right:19px}}@media(max-width:760px){body{overflow:auto}#app{height:auto;min-height:100dvh}.workspace{flex-direction:column}.viewport{height:66vh;min-height:520px;flex:none}.sidebar{width:100%;flex:auto;overflow:visible;border-left:0}.nav{padding:0 14px}.identity-name{font-size:11px}.identity-caption{font-size:7px}.version{display:none}.scene-header{top:25px;left:20px}.scene-header h1{font-size:47px}.scene-header p{font-size:10px}.scene-tabs{left:16px;bottom:85px;gap:4px}.pill{padding:8px 5px;letter-spacing:.2px}.vertical-scale{right:13px}.bottom-tray{height:auto;min-height:112px;gap:12px;padding:15px;flex-wrap:wrap}.tray-prefix{width:auto;flex-basis:100%;}.tray-main{flex:1}.tray-stat{min-width:90px}.tray-stat span{font-size:18px}.tray-close{display:none}.markers .marker-text{display:none}.scene-bottom{left:19px;right:16px}.hint{display:none}}