:root{color-scheme:dark;--bg:#06131e;--panel:#091b28;--panel2:#0b2231;--border:#1a394c;--text:#dfeaf2;--muted:#809baa;--cyan:#51c7ed;--cyanbright:#6fe0ff;--orange:#eca576;--green:#5bd2a8;--font:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 var(--font);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.55;cursor:default}button,input,select{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan)}button{transition:background .16s,border-color .16s,color .16s}button:hover{color:#fff}button svg,span svg,h3 svg{flex-shrink:0}a{color:var(--cyan)}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h2{font-size:16px;font-weight:600}h3{font-size:13px;font-weight:600}small{font-size:11px}#app{display:flex;flex-direction:column}.app-header{height:76px;min-height:76px;border-bottom:1px solid #264351;background:linear-gradient(110deg,#0a2030,#06131e 58%);display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 20px;gap:22px;z-index:15}.brand{display:flex;align-items:center;gap:13px;min-width:390px}.brand-mark{color:#58c9ef;display:flex}.brand h1{font-size:20px;letter-spacing:.8px;font-weight:650;white-space:nowrap}.brand p{color:#6793ac;font-size:10px;letter-spacing:4px;margin-top:4px}.brand p span{color:#426b82;margin:0 9px}.top-nav{display:flex;height:100%;align-items:stretch;gap:8px}.top-nav button{display:flex;align-items:center;gap:8px;padding:0 17px;white-space:nowrap;position:relative;font-size:13px;color:#9eb7c6}.top-nav button.active{background:linear-gradient(0deg,#17405a,transparent 90%);color:#dcf6ff}.top-nav button.active:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:#60d4ff;box-shadow:0 0 10px #44bded}.top-nav button:hover{background:#102b3b}.header-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.version{font:11px var(--font);color:#a4bac6;letter-spacing:.6px}.version em{font-style:normal;color:#e3b389;border:1px solid #68492f;background:#2b241e;border-radius:3px;padding:3px 6px;margin-left:6px}.avatar{border:1px solid #355061;background:#163348;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;color:#9ac9df}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;color:#91adbd}.icon-btn:hover{background:#1a384a}.app-body{display:flex;flex:1;min-height:0}.rail{width:68px;min-width:68px;background:#071722;border-right:1px solid #183344;display:flex;flex-direction:column;align-items:center;padding:17px 0;gap:14px}.rail-btn{width:52px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;color:#7f9aab;border-radius:5px;position:relative}.rail-btn small{font-size:10px}.rail-btn:hover{background:#102c3f}.rail-btn.active{color:#65d6ff;background:#153a50}.rail-btn.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:2px;background:#58ccee}.rail-spacer{flex:1}.rail-bottom{font-size:9px;letter-spacing:2px;text-align:center;color:#426679}.scenario-panel{width:240px;min-width:240px;background:#071823;border-right:1px solid var(--border);overflow:auto;scrollbar-width:thin;scrollbar-color:#204459 transparent;padding:20px 14px 14px;display:flex;flex-direction:column;gap:18px}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.tiny-count{color:#7dabbd;font:11px monospace;border:1px solid #2c4a5a;padding:2px 6px;border-radius:3px}.scenario-cards{display:flex;flex-direction:column;gap:12px}.scenario-card{width:100%;text-align:left;border:1px solid #254152;background:#0d2230;border-radius:5px;overflow:hidden}.scenario-card.active{border-color:#42bce8;box-shadow:0 0 0 1px #4fc7e814}.scenario-art{height:83px;display:flex;align-items:center;padding:12px 16px;position:relative;gap:15px;overflow:hidden}.mud-art{background:linear-gradient(130deg,#33453b,#625945 56%,#27392e);color:#d5c6a7}.quake-art{background:linear-gradient(120deg,#324755,#26303c 65%,#6a5042);color:#b7cee0}.scenario-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent,transparent 10px,#ffffff07 11px,transparent 12px)}.scenario-art span{font-size:10px;letter-spacing:2px;width:70px;line-height:1.8;color:#d3e2e6a8}.scenario-art i{position:absolute;right:9px;top:7px;font:10px monospace;border:1px solid #b3ccd035;padding:1px 4px;font-style:normal;color:#b8cbd1}.scenario-card-body{padding:11px 11px 10px;position:relative}.scenario-card-body b{font-size:13px;font-weight:600}.scenario-badge{float:right;font-size:9px;color:#7aa6b9;border-radius:2px;padding:2px 4px;line-height:1.3;background:#14354a}.scenario-card.active .scenario-badge{color:#70dcbd;background:#173b36}.scenario-card-body p{font-size:10px;color:#8fa7b6;margin:6px 0 9px;white-space:nowrap}.scenario-card-body small{display:flex;align-items:center;gap:4px;color:#7896a8;font-size:10px}.scenario-card-body small span{margin-left:auto;font-size:9px}.sidebar-section h3{display:flex;align-items:center;gap:7px;color:#b4ccdb;font-size:12px;margin-bottom:12px}.sidebar-section h3>span{font-size:9px;color:#66879a;margin-left:auto;font-weight:400}.stage-row{display:flex;gap:10px;align-items:center;width:100%;text-align:left;padding:10px 3px;border-bottom:1px solid #18313e}.stage-num{width:23px;height:23px;display:grid;place-items:center;border:1px solid #254454;background:#102837;font:10px monospace;color:#7196a8;border-radius:3px}.stage-row>span:nth-child(2){flex:1}.stage-row b{display:block;font-size:11px;font-weight:500;color:#9fb9c8}.stage-row small{font-size:9px;color:#5f8195;display:block;margin-top:2px}.stage-row em{font:9px monospace;color:#597d91}.stage-row.current .stage-num{border-color:#59c2e7;color:#72d5f7;background:#173e54}.stage-row.current b{color:#78d6f5}.stage-row.current{background:#122f4144}.stage-row.done .stage-num{color:#73bbae}.layer-row{display:flex;align-items:center;position:relative;gap:8px;font-size:11px;color:#9cb6c6;padding:7px 1px;min-height:30px;cursor:pointer}.layer-row>span{flex:1}.layer-row>svg{color:#6b95ac}.layer-row input{position:absolute;right:0;width:26px;height:17px;opacity:0;z-index:1;cursor:pointer}.toggle{width:25px;height:14px;border-radius:9px;background:#203c4b;position:relative;border:1px solid #355363;flex-shrink:0}.toggle:after{content:"";width:8px;height:8px;position:absolute;border-radius:50%;left:2px;top:2px;background:#68889a;transition:transform .16s}.layer-row input:checked+.toggle{background:#237493;border-color:#4bb3d7}.layer-row input:checked+.toggle:after{transform:translateX(10px);background:#c2f0ff}.layer-row input:focus-visible+.toggle{outline:2px solid var(--cyan)}.local-note{margin-top:auto;display:flex;align-items:center;gap:9px;color:#8db0c2;padding:13px 8px;border-top:1px solid #173344;font-size:10px}.local-note small{display:block;font-size:9px;color:#577a8e;margin-top:3px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding:17px 16px 12px;gap:13px;overflow:hidden}.workspace-head{display:flex;align-items:center;justify-content:space-between;min-height:47px;gap:12px}.breadcrumb{font-size:9px;color:#6c8da3;letter-spacing:.5px;display:block;margin-bottom:4px}.breadcrumb i{font-style:normal;padding:0 8px;color:#335b70}.workspace-head h2{font-size:18px;letter-spacing:.5px;white-space:nowrap}.workspace-tools{display:flex;gap:6px;align-items:center}.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #29495d;color:#9ebbcf;background:#0c2636;border-radius:4px;padding:6px 9px;font-size:11px;white-space:nowrap}.small-btn:hover{background:#153a50;border-color:#4583a0}.viewport-frame{position:relative;flex:1;min-height:270px;border:1px solid #34576a;border-radius:5px;overflow:hidden;background:#0d242f}.viewport{position:absolute;inset:0;overflow:hidden}.viewport>canvas{width:100%;height:100%;display:block;outline:none}.viewport-top{position:absolute;top:13px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:3;pointer-events:none}.view-state{display:flex;align-items:center;gap:7px;background:#061b28d9;backdrop-filter:blur(6px);border:1px solid #80b2c733;padding:6px 9px;border-radius:4px;color:#bad8e9;pointer-events:auto;font-size:10px}.view-state b{font-size:10px;font-weight:500}.view-state>span:last-child{font:9px var(--font);color:#779eb1;border-left:1px solid #355261;padding-left:8px;margin-left:3px}.state-dot{width:6px;height:6px;border-radius:50%;background:#91afbd}.view-state.playing .state-dot{background:#64d8b0;box-shadow:0 0 7px #52e3b277}.viewport-toolbar{display:flex;align-items:center;background:#061b28dc;backdrop-filter:blur(6px);border:1px solid #80b2c733;border-radius:4px;pointer-events:auto}.view-tool{padding:7px 9px;color:#c2dde8;display:flex;border-right:1px solid #b0c0ca16}.view-tool:last-child{border:0}.view-tool:hover,.view-tool.active{background:#27556a}.simulation-tag{position:absolute;top:59px;left:14px;font-size:9px;color:#f0d2aa;background:#242822c9;border:1px solid #c5b39952;padding:4px 7px;border-radius:3px;pointer-events:none;z-index:3;letter-spacing:.3px}.camera-controls{position:absolute;left:15px;bottom:45px;display:flex;border:1px solid #89b3c03b;border-radius:4px;overflow:hidden;background:#051c2cdb;backdrop-filter:blur(4px);z-index:4}.camera-controls button{padding:8px 12px;display:flex;align-items:center;gap:5px;font-size:10px;color:#a7c3d5;border-right:1px solid #577b9333}.camera-controls button.active{color:#96e8ff;background:#175375d9}.camera-controls button:hover{background:#1c3b4b}.scene-readout{position:absolute;left:15px;top:99px;display:flex;flex-direction:column;align-items:flex-start;background:#041824cf;backdrop-filter:blur(4px);border:1px solid #8ca6b633;border-radius:4px;min-width:138px;padding:10px 13px;z-index:3;pointer-events:none}.scene-readout>span{display:flex;align-items:center;gap:5px;color:#a9cbdc;font-size:10px;margin-bottom:7px}.scene-readout b{font:500 25px/1.5 var(--font);color:#e0f5ff;letter-spacing:.3px;margin-bottom:7px}.scene-readout b small{font:10px var(--font);margin-left:5px;color:#89b4cc}.scene-readout b i{display:block;font:9px var(--font);color:#8aaabc;margin-top:-2px}.scene-readout>em{font-style:normal;font-size:8px;color:#e6b58b;margin-top:3px}.navigation-hint{position:absolute;left:15px;bottom:17px;display:flex;align-items:center;gap:5px;z-index:3;font-size:9px;color:#cae1e9;text-shadow:0 1px 3px #000;background:#052031aa;padding:3px 6px;border-radius:3px;pointer-events:none}.navigation-hint span{color:#78bcd6;margin-left:8px}.mini-map{position:absolute;right:14px;bottom:45px;width:175px;border:1px solid #547f945c;background:#061b29ed;border-radius:4px;padding:8px;z-index:3;pointer-events:none;box-shadow:0 4px 16px #00101833}.mini-map>div{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.mini-map>div span{display:flex;align-items:center;gap:5px;font-size:9px;color:#b3d4e4}.mini-map>div b{font:9px monospace;color:#829caa}.mini-map canvas{width:100%;height:auto;display:block}.mini-map p{font-size:8px;text-align:center;color:#5b849a;margin-top:4px}.gpu-status{position:absolute;bottom:16px;right:14px;display:flex;gap:10px;z-index:3;font:9px var(--font);padding:3px 6px;background:#031d29bc;border-radius:3px;color:#c0d7e2;pointer-events:none}.gpu-status span:last-child{color:#83d4b6}.world-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.world-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:8px;background:#0b253cd9;border:1px solid #91c6e473;padding:6px 9px;border-radius:4px;text-align:left;pointer-events:auto;box-shadow:0 3px 8px #0003;white-space:nowrap}.world-label i{width:6px;height:6px;border-radius:50%;background:#7ecdea;box-shadow:0 0 0 4px #79caeb22}.world-label b{font-size:11px;color:#d4e8f4;display:block;line-height:1.4}.world-label small{font-size:8px;color:#a0bccd;display:block;margin-top:2px}.world-label.danger{border-color:#e28d6e7a;background:#482921dc}.world-label.danger i{background:#ed9276}.world-label.warning{border-color:#d7ab7082;background:#3d3225de}.world-label.warning i{background:#e9b16a}.world-label.safe{border-color:#7bd6ac82;background:#153e36dd}.world-label.safe i{background:#64d1a5}.engine-notice{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);max-width:440px;width:90%;z-index:7;border:1px solid #3b7087;border-radius:7px;background:#061b29f2;box-shadow:0 18px 80px #0007;padding:24px;text-align:center;color:#bcd7e8}.engine-notice>b{display:block;font-size:16px;margin:12px 0 8px}.engine-notice p{color:#82a4b7;font-size:12px;line-height:1.8}.engine-notice>div:last-child:not(.spinner){display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.engine-notice.error>svg{color:#daa570}.engine-notice.collapsed{max-width:360px;left:50%;top:78px;transform:translateX(-50%);padding:7px 12px;border-color:#a1825c88;background:#302a20ec;pointer-events:none}.engine-notice.collapsed>b{font-size:10px;margin:0;color:#efc494}.engine-notice.collapsed>b:after{content:" · 当前为二维降级示意"}.engine-notice.collapsed>svg,.engine-notice.collapsed>p,.engine-notice.collapsed>div{display:none!important}.spinner{width:28px;height:28px;border:2px solid #25495c;border-top-color:#5dccf3;border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selected-card{position:absolute;left:50%;bottom:90px;width:235px;transform:translateX(-50%);padding:12px 15px;background:#082433ed;border:1px solid #487b92;border-radius:5px;z-index:6}.selected-card>.icon-btn{float:right;margin:-4px -7px}.selected-card small{font-size:9px;color:#71bfd9;display:block}.selected-card>b{font-size:14px;display:block;margin:6px 0}.selected-card p{font-size:10px;color:#90b2c2;line-height:1.7;margin-bottom:10px}.timeline-panel{height:157px;min-height:157px;padding:13px 16px 9px;border:1px solid #244356;background:#081d2b;border-radius:5px;overflow:hidden}.timeline-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.timeline-top h3{display:flex;align-items:center;gap:7px;font-size:12px;color:#b6d0df}.timeline-top h3>span{color:#597e95;font-size:9px;font-weight:400;margin-left:6px}.playback{display:flex;align-items:center;gap:9px}.round-btn{width:29px;height:29px;display:grid;place-items:center;border:1px solid #365c72;border-radius:50%;color:#a0cee1}.round-btn.primary{border-color:#67c9eb;background:#216281;color:#ddf6ff}.round-btn:hover{background:#205471}.speed-label select{background:#0c283c;border:1px solid #2f5269;color:#a9c9dc;border-radius:3px;padding:3px 6px;font-size:10px}.time-code{font:11px monospace;color:#c0d9e6;white-space:nowrap}.time-code i{font-style:normal;color:#4e798f;margin:0 7px}.time-code span:last-child{color:#668c9f}.timeline-slider{width:100%;height:3px;appearance:none;display:block;background:linear-gradient(to right,#4ebde7 var(--progress,0%),#254655 var(--progress,0%));outline:none;cursor:pointer;border-radius:3px;margin:13px 0 8px}.timeline-slider::-webkit-slider-thumb{appearance:none;border:2px solid #b9e6f8;width:13px;height:13px;background:#37a4d4;border-radius:50%;box-shadow:0 0 0 3px #49bbed22}.timeline-slider::-moz-range-thumb{border:2px solid #b9e6f8;width:10px;height:10px;background:#37a4d4;border-radius:50%}.timeline-events{height:58px;display:flex;justify-content:space-between;position:relative}.timeline-events button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;color:#63869b;padding:0 2px;font-size:9px}.timeline-events button:first-child{align-items:flex-start}.timeline-events button:last-child{align-items:flex-end}.timeline-events i{height:5px;width:5px;display:block;border-radius:1px;background:#365b70;margin-bottom:4px;transform:rotate(45deg)}.timeline-events span{white-space:nowrap}.timeline-events small{font:9px monospace;color:#486d82}.timeline-events .passed i{background:#eaa16d}.timeline-events .passed span{color:#aabfcd}.inspector{width:306px;min-width:306px;background:#091b28;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.inspector-tabs{display:flex;height:52px;flex-shrink:0;padding:0 13px;border-bottom:1px solid #254252;gap:8px}.inspector-tabs>button:not(.icon-btn){flex:1;font-size:12px;color:#83a2b5;position:relative;white-space:nowrap}.inspector-tabs>button.active{color:#96e2fa}.inspector-tabs>button.active:after{content:"";height:2px;position:absolute;bottom:0;left:10%;right:10%;background:#58c9ec}.inspector-content{overflow:auto;flex:1;padding:0 15px 18px;scrollbar-width:thin;scrollbar-color:#254a60 transparent}.inspector-section{padding:18px 0 8px;border-bottom:1px solid #1a3545}.inspector-section h3{display:flex;align-items:center;gap:7px;font-size:12px;color:#c0d5e2;margin-bottom:12px}.live-tag{font-size:9px;font-weight:400;color:#6bccb0;background:#15382f;border:1px solid #2a5a4e;margin-left:auto;padding:1px 5px;border-radius:3px}.amber-tag{font-size:9px;font-weight:400;color:#ddaa78;margin-left:auto;border:1px solid #614b35;background:#28271e;padding:1px 4px;border-radius:3px}.section-desc{font-size:10px;color:#668b9f;line-height:1.8;margin:-2px 0 16px}.parameter{margin-bottom:21px}.parameter>label{font-size:11px;display:flex;justify-content:space-between;color:#98b3c5;align-items:center;margin-bottom:11px}.parameter output{font:12px monospace;color:#c6e5f2;background:#061725;border:1px solid #24465c;border-radius:3px;padding:3px 6px;min-width:66px;text-align:center}.parameter output small{font:9px var(--font);color:#6b92a6}.parameter input[type=range]{display:block;width:100%;height:4px;appearance:none;background:#244656;border-radius:4px;cursor:pointer}.parameter input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:2px solid #a6e5f8;border-radius:50%;background:#52b9df}.parameter input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #a6e5f8;border-radius:50%;background:#52b9df}.param-scale{display:flex;justify-content:space-between;font:9px var(--font);color:#496d84;margin-top:8px}.parameter p,.micro-note{font-size:10px;line-height:1.8;color:#647f90;margin-top:10px}.visual-section{background:#d9944110;margin:0 -7px;padding:15px 7px 12px;border:1px solid #8168493d;border-radius:4px}.visual-section h3{color:#c2b196}.select-row{display:flex;align-items:center;justify-content:space-between;color:#9eb8c8;font-size:11px;margin:12px 0 15px;gap:8px}.select-row select{font-size:10px;padding:6px 7px;border:1px solid #305367;background:#0c283b;border-radius:3px;color:#a3c1d3;max-width:170px}.inspector-button-row{display:flex;gap:8px;padding:18px 0 0}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:4px;padding:8px 12px;font-size:11px;border:1px solid #426982;white-space:nowrap}.primary-btn{background:#176786;border-color:#4ab4d7;color:#d7f4ff}.primary-btn:hover{background:#237fa1}.secondary-btn{background:#0d293b;color:#98b8cd;border-color:#294c63}.secondary-btn:hover{background:#15384d}.inspector-button-row .primary-btn{flex:1}.wide{width:100%;margin-top:17px}.model-notice{display:flex;align-items:flex-start;gap:7px;padding:11px 10px;background:#c78e4210;border:1px solid #826a4145;border-radius:4px;margin-top:17px;color:#cfac7b}.model-notice>svg{flex-shrink:0;margin-top:2px}.model-notice p{font-size:10px;line-height:1.8;color:#b2a58e}.inspector-footer{border-top:1px solid #214052;min-height:36px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:9px;color:#567d91}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:11px 10px;border:1px solid #25485d;background:#0c293b;border-radius:4px;overflow:hidden}.metric-card>span{font-size:9px;color:#759db5}.metric-card b{display:block;font-size:21px;font-weight:500;margin-top:6px;color:#79d6f6;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-card b small{font-size:8px;color:#668da2;margin-left:4px}.metric-card.warn b{color:#e4a977}.data-chart{width:100%;height:120px;display:block;margin-top:19px;border:1px solid #1e4053;border-radius:4px}.chart-label{font-size:9px;color:#7197ad;margin:8px 0 17px}.data-detail{font-size:11px;color:#90b0c4}.data-detail>div{display:flex;justify-content:space-between;border-bottom:1px solid #203b4b;padding:9px 0;gap:10px}.data-detail b{font-weight:400;color:#c0d8e6;font:10px monospace}.data-detail small{font-size:9px;line-height:1.7;display:block;color:#688b9e;margin-top:12px;margin-bottom:10px}.data-detail p{padding:6px 0}.task-card{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #203c4d}.task-card:last-child{border:0}.task-icon{width:35px;height:36px;display:grid;place-items:center;background:#143447;color:#64beda;border:1px solid #284d64;border-radius:4px;flex-shrink:0}.task-card h4{font-size:12px;font-weight:500;color:#b7d2e2}.task-card p{font-size:9px;color:#65899f;line-height:1.7;margin:5px 0 9px}.task-button{border:1px solid #39799a;color:#79c9eb;background:#10364b;font-size:10px;padding:4px 9px;border-radius:3px}.task-button:disabled{color:#74c6ab;border-color:#326757;background:#16362f;opacity:1}.task-progress{display:flex;gap:12px;align-items:baseline;padding:10px 0 18px}.task-progress b{font-size:30px;font-weight:400;color:#77dbbd}.task-progress span{font-size:11px;color:#7da698}.action-log>div{font-size:10px;display:flex;gap:12px;border-bottom:1px solid #183747;padding:10px 0}.action-log>div span{font:10px monospace;color:#5caabd}.action-log>div b{font-weight:400;color:#9cbccc}.empty-note{font-size:10px;color:#6e94a7;padding:10px 0}.status-bar{height:28px;min-height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#061620;border-top:1px solid #1c3443;color:#66889c;font-size:9px;gap:16px}.status-bar>span{display:flex;align-items:center;gap:8px;white-space:nowrap}.status-bar i:not(.divider){width:5px;height:5px;border-radius:50%;background:#54c4a0;display:inline-block}.status-bar b{font:8px monospace;color:#385d73;letter-spacing:1px}.status-bar .divider{height:9px;width:1px;background:#2e4859;margin:0 4px}.toast{position:fixed;left:50%;bottom:48px;transform:translateX(-50%);background:#11334b;border:1px solid #477e9d;color:#cee8f4;padding:11px 22px;border-radius:5px;box-shadow:0 5px 35px #0005;z-index:80;font-size:12px;max-width:90vw;white-space:normal}.drawer-backdrop{position:fixed;inset:76px 0 28px;background:#0008;z-index:30}.mobile-close,.mobile-control{display:none!important}dialog{background:#0a2030;border:1px solid #3b6780;border-radius:8px;padding:0;width:min(740px,92vw);max-height:88vh;color:#bdd4e3;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #29495c;position:sticky;top:0;background:#0a2030;z-index:1}.dialog-top h2{font-size:17px}#dialogBody{padding:24px;overflow:auto}#dialogBody h3{font-size:14px;color:#a8d9ef;margin:21px 0 9px}#dialogBody p{font-size:12px;line-height:1.9;color:#8eadbf}code{font:11px monospace;background:#102f43;color:#85d3f0;padding:2px 5px;border:1px solid #315169;border-radius:3px}.help-intro{display:flex;gap:15px;align-items:center;border-bottom:1px solid #264455;padding-bottom:20px;color:#62bee1}.help-intro h3{margin:0 0 7px!important;font:16px var(--font)!important}.help-intro p{font-size:11px!important}.warning-box{border:1px solid #765d3b;background:#392e214f;color:#c9b18d;padding:12px 14px;font-size:12px;line-height:1.8;margin-top:20px;border-radius:4px}.record-summary{display:flex;gap:15px;flex-wrap:wrap}.record-summary>span{flex:1;background:#102e40;border:1px solid #2d4b5e;border-radius:4px;padding:12px;font-size:10px;color:#7d9eb4;white-space:nowrap}.record-summary b{display:block;margin-top:6px;color:#a7dcef;font-size:14px}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.viewport-frame:fullscreen{border:0;border-radius:0;background:#071724}.viewport-frame:fullscreen .scene-readout{left:25px;top:105px}.viewport-frame:fullscreen .mini-map{width:230px}.viewport-frame:fullscreen .camera-controls{bottom:46px}
@media(min-width:1750px){.scenario-panel{width:260px;min-width:260px;padding:22px 18px}.inspector{width:335px;min-width:335px}.inspector-content{padding:0 19px 18px}.workspace{padding:20px 20px 14px}.scenario-art{height:100px}.scenario-card-body{padding:14px}.stage-row{padding:12px 4px}.inspector-section{padding-top:23px}.parameter{margin-bottom:26px}.timeline-panel{height:164px;min-height:164px}}
@media(max-width:1450px){.brand{min-width:350px}.brand h1{font-size:18px}.brand p{letter-spacing:3px}.top-nav button{padding:0 11px}.top-nav{gap:0}.scenario-panel{width:217px;min-width:217px;padding:17px 12px}.inspector{width:277px;min-width:277px}.workspace{padding:15px 12px 11px;gap:11px}.workspace-head h2{font-size:16px}.workspace-tools .small-btn{padding:5px 7px}.timeline-top h3>span{display:none}.scene-readout{min-width:119px;padding:9px 10px}.scene-readout b{font-size:23px}.mini-map{width:150px}.navigation-hint span{display:none}.scenario-card-body p{font-size:9px}.rail{width:58px;min-width:58px}.rail-btn{width:45px}.version em{display:none}.top-nav button svg{display:none}.camera-controls button{padding:7px 9px}}
@media(max-width:1279px){.scenario-panel{position:fixed;top:76px;left:58px;bottom:28px;transform:translateX(calc(-100% - 70px));width:260px;min-width:260px;z-index:40;transition:transform .2s;box-shadow:12px 0 50px #0005}.scenario-panel.open{transform:translateX(0)}.scenario-panel .mobile-close{display:inline-flex!important}.mobile-control{display:inline-flex!important}.inspector{width:285px;min-width:285px}.brand{min-width:330px}.brand h1{font-size:17px}.header-actions{gap:8px}.top-nav button{font-size:12px;padding:0 10px}.version{display:none}.workspace-head h2{font-size:16px}.status-bar>span:nth-child(2){max-width:50%;overflow:hidden;text-overflow:ellipsis;display:block}.workspace-tools .small-btn span{display:none}}
@media(max-width:1000px){.app-header{padding:0 14px;height:68px;min-height:68px;gap:12px}.brand{min-width:0}.brand h1{font-size:16px;letter-spacing:0}.brand-mark svg{width:31px;height:31px}.brand{gap:8px}.brand p{font-size:9px;letter-spacing:2px}.top-nav{margin-left:auto}.top-nav button{font-size:11px;padding:0 9px}.top-nav button:nth-child(2){display:none}.header-actions{gap:6px}.avatar{display:none}.inspector{position:fixed;top:68px;right:0;bottom:28px;transform:translateX(100%);width:320px;min-width:320px;z-index:40;transition:transform .2s;box-shadow:-12px 0 50px #0005}.inspector.open{transform:translateX(0)}.inspector .mobile-close{display:inline-flex!important}.scenario-panel{top:68px}.drawer-backdrop{top:68px}.workspace{padding:13px 14px 10px}.mini-map{width:173px}.timeline-panel{height:154px;min-height:154px}.timeline-top h3>span{display:inline}.gpu-status{font-size:9px}}
@media(max-width:650px){.app-header{height:62px;min-height:62px;padding:0 11px}.brand h1{font-size:13px;letter-spacing:0}.brand p{font-size:8px;letter-spacing:1px}.brand p span{margin:0 5px}.brand-mark svg{width:27px;height:27px}.brand{gap:7px}.top-nav{display:none}.header-actions>.icon-btn{padding:3px}.rail{display:none}.workspace{padding:10px 9px 8px;gap:9px}.workspace-head{align-items:center;min-height:44px;gap:7px}.workspace-head h2{font-size:13px;letter-spacing:0}.breadcrumb{font-size:8px;margin-bottom:3px}.workspace-tools{gap:4px}.workspace-tools .small-btn{padding:5px 6px;font-size:0;gap:0}.workspace-tools .small-btn svg{width:15px;height:15px}.workspace-tools .small-btn[data-action="save"],.workspace-tools .small-btn[data-action="import"]{display:none}.viewport-frame{min-height:230px}.viewport-top{top:10px;left:9px;right:9px}.view-state{gap:5px;padding:5px 6px}.view-state>span:last-child{display:none}.viewport-toolbar .view-tool{padding:6px}.view-tool svg{width:15px;height:15px}.simulation-tag{left:9px;top:47px;font-size:8px;padding:3px 5px}.scene-readout{top:80px;left:9px;min-width:95px;padding:8px 9px}.scene-readout>span{font-size:9px}.scene-readout b{font-size:20px;margin-bottom:8px}.scene-readout b small,.scene-readout b i{font-size:8px}.scene-readout>em{font-size:7px;max-width:90px}.mini-map{display:none}.camera-controls{left:9px;bottom:42px}.camera-controls button{padding:6px 8px;font-size:9px;gap:4px}.camera-controls svg{display:none}.navigation-hint{left:9px;bottom:14px;font-size:7px;padding:3px}.navigation-hint>svg{width:11px;height:11px}.gpu-status{right:9px;bottom:72px;font-size:7px;padding:3px;gap:5px}.gpu-status #renderMode{display:none}.timeline-panel{padding:10px 10px 6px;height:143px;min-height:143px}.timeline-top{gap:8px;flex-wrap:wrap;margin-bottom:7px}.timeline-top h3{font-size:10px;gap:5px}.timeline-top h3>span{display:none}.playback{gap:6px}.round-btn{width:26px;height:26px}.time-code{font-size:10px}.time-code i{margin:0 4px}.speed-label select{font-size:9px;padding:3px}.timeline-events button{min-width:0;font-size:8px;padding:0}.timeline-events small{font-size:8px}.timeline-slider{margin:14px 0 9px}.status-bar{height:25px;min-height:25px;padding:0 9px;font-size:8px;gap:10px}.status-bar>span:nth-child(2){display:none}.status-bar b{font-size:7px}.scenario-panel{left:0;top:62px;bottom:25px;width:270px}.inspector{top:62px;bottom:25px;width:min(325px,94vw);min-width:0}.drawer-backdrop{top:62px;bottom:25px}.world-label{padding:4px 6px;gap:5px}.world-label b{font-size:9px}.world-label small{display:none}.engine-notice{padding:17px 14px;top:50%}.engine-notice b{font-size:14px}.engine-notice p{font-size:10px}.engine-notice .primary-btn,.engine-notice .secondary-btn{font-size:10px;padding:6px 9px}.engine-notice.collapsed{top:54px;width:75%;padding:5px 8px}.engine-notice.collapsed>b{font-size:8px}.toast{bottom:35px;font-size:11px;padding:10px 15px;width:max-content;max-width:90vw}#dialogBody{padding:17px}.dialog-top{padding:14px 17px}.dialog-top h2{font-size:15px}.help-intro h3{font-size:12px!important}.help-intro>svg{width:30px;height:30px;flex-shrink:0}}
@media(max-height:760px) and (min-width:1001px){.scenario-art{height:60px}.scenario-panel{gap:13px}.stage-row{padding:6px 2px}.scenario-card-body p{margin:4px 0 6px}.scenario-card-body{padding:8px 10px}.timeline-panel{height:137px;min-height:137px;padding-top:10px}.workspace{padding-top:12px}.parameter{margin-bottom:16px}.inspector-section{padding-top:14px}.scene-readout{top:89px}.scene-readout b{font-size:21px;margin-bottom:5px}.scene-readout>span{margin-bottom:4px}.mini-map{width:133px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation:none}}
/* V2 science workbench: preserve V1 shell, typography and viewport hierarchy. */
.inspector-tabs>button{font-size:12px;padding:15px 6px;white-space:nowrap}.field-controls{position:absolute;top:66px;left:16px;display:flex;gap:6px;align-items:center;pointer-events:auto;z-index:3}.field-controls>label{display:flex;align-items:center;gap:7px;background:#0a2231ec;border:1px solid #204251;border-radius:4px;padding:5px 8px;color:#a9c5d2;font-size:11px}.field-controls select{background:#0a2231;color:#c6e1eb;border:0;font:inherit;max-width:145px}.field-controls .small-btn{font-size:11px;min-height:30px;padding:4px 8px}.science-details{border-top:1px solid #24414d;margin-top:15px;padding-top:12px}.science-details summary{cursor:pointer;color:#74d9ef;font-size:12px;padding-bottom:12px}.source-status{background:#0b2230;border-left:3px solid #39cbe3;padding:12px;margin-bottom:12px}.source-status b{font-size:13px;line-height:1.6;display:block}.source-status p{font-size:11px;line-height:1.6;word-break:break-word;margin:5px 0}.source-status span{font-size:11px;color:#efb878}.science-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.science-shortcuts button{font-size:11px}.catalog-list article{border-top:1px solid #203c49;padding:12px 0}.catalog-list header{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.catalog-list header span{color:#e6b274;font-size:10px}.catalog-list p{color:#8dabba;font-size:11px;line-height:1.7;margin:6px 0}.catalog-list a{color:#5fcde6;font-size:11px}.hazard-canvas{width:100%;height:auto;border:1px solid #233e49}.science-details .parameter input:disabled,input:disabled{opacity:.4;cursor:not-allowed}.file-row{display:flex;flex-direction:column;gap:9px;padding:10px 0;color:#b9d2de;font-size:13px}.file-row input{background:#0a2130;border:1px solid #315666;padding:9px;font-size:12px;max-width:100%;color:#adc8d5}.confirm-check{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:13px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.import-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px}.import-grid input{width:100%;background:#0b2230;border:1px solid #315565;border-radius:4px;padding:9px;color:#deedf3;font-size:12px}.import-error{color:#ffb8a5;min-height:20px}.compare-table{border-collapse:collapse;width:100%;font-size:13px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid #31505c;padding:12px 7px}.params-diff{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b2230;padding:14px;font-size:12px}.inspector .wide+.wide{margin-top:8px}[data-format-group][hidden]{display:none!important}.data-detail h4{font-size:12px;color:#c7dde5;margin:14px 0 6px}.data-detail p{font-size:12px;line-height:1.6}.model-notice p,.inspector-footer span{line-height:1.6}
@media(max-width:1000px){.field-controls{top:64px}.source-status b{font-size:14px}.inspector-tabs>button{padding:15px 9px;font-size:12px}}
@media(max-width:620px){.field-controls{top:58px;left:10px;gap:4px;flex-wrap:wrap;max-width:calc(100% - 20px)}.field-controls>label{font-size:10px;padding:5px}.field-controls select{max-width:114px}.field-controls .small-btn{font-size:10px;padding:3px 5px}.import-grid{grid-template-columns:1fr}.science-shortcuts .small-btn{min-height:32px}.compare-table{font-size:11px}.compare-table td{padding:10px 3px}.simulation-tag{top:104px!important}.camera-controls{top:136px!important}}

.simulation-tag{top:58px;right:16px;left:auto;max-width:48%;text-align:right}.field-controls{top:92px}.scene-readout{top:138px}.camera-controls{top:auto;bottom:46px}.engine-notice.collapsed{top:63px!important}.inspector-tabs{min-height:50px}
@media(max-width:620px){.simulation-tag{top:51px!important;right:10px;max-width:65%;font-size:9px}.field-controls{top:84px}.scene-readout{top:124px}.camera-controls{top:auto!important;bottom:45px!important}.engine-notice.collapsed{top:118px!important;left:auto!important;right:10px!important;max-width:205px;font-size:9px}.navigation-hint{display:none}.gpu-status{bottom:10px}}

/* Four tabs and the close button remain wholly inside the narrow inspector. */
@media(max-width:1000px){.inspector-tabs{padding:0 7px;gap:2px}.inspector-tabs>button:not(.icon-btn){min-width:0;flex:1;padding:14px 3px;font-size:11px}.inspector-tabs>.mobile-close{flex:0 0 28px;width:28px;padding:6px;display:inline-flex;align-items:center;justify-content:center}}

.field-controls>label[hidden]{display:none!important}

.hydrograph-input{width:100%;box-sizing:border-box;background:#071923;color:#cfe5ea;border:1px solid #244a58;border-radius:7px;padding:8px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.job-list{display:grid;gap:7px;margin-top:8px}.job-list article{padding:8px;border:1px solid #1e4552;border-radius:7px;background:#071923}.job-list header{display:flex;justify-content:space-between;gap:8px}.job-list p{margin:5px 0;color:#9fbdc7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-status.succeeded{color:#5ee6aa}.job-status.failed,.job-status.timeout{color:#ff806f}.job-status.running{color:#65c9ff}

.mode-selector{background:rgba(55,180,170,.07)} .scenario-estimate{padding:12px;border:1px solid #318879;border-radius:8px;line-height:1.6}.scenario-estimate small{display:block;font-size:11px;opacity:.75}.advanced-select small{display:block;line-height:1.5}.select-row select{max-width:100%}

.fly-pad{position:absolute;right:18px;bottom:130px;display:grid;grid-template-columns:repeat(3,36px);gap:4px;z-index:6}.fly-pad button{background:#102f42dd;border:1px solid #527d8c;border-radius:5px;padding:8px;touch-action:none;user-select:none}.fly-pad button:active{background:#2c7c7e}.navigation-hint{max-width:calc(100% - 25px);white-space:normal}#viewport canvas{touch-action:none}@media(max-width:700px){.camera-controls{max-width:calc(100% - 16px);flex-wrap:wrap}.fly-pad{right:10px;bottom:110px}.navigation-hint{font-size:8px;max-width:95%}}

.select-row.advanced-select{display:flex;flex-direction:column;align-items:stretch;gap:7px}.select-row.advanced-select select{width:100%;max-width:100%}.select-row.advanced-select small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.field-controls{max-width:calc(100% - 32px);flex-wrap:wrap}.field-controls .select-row{margin:0}.field-controls>button{flex-shrink:0}@media(max-width:700px){.field-controls>label{padding:3px 5px;font-size:10px}.field-controls select{max-width:115px}.scene-readout{top:160px}}

/* Viewport stays clear: camera actions and help occupy their own layout row. */
.scene-controls{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 12px;background:#0b202d;border:1px solid var(--border);border-radius:6px}.scene-controls .camera-controls{position:static;display:flex;flex-wrap:wrap;max-width:none;margin:0;transform:none;gap:4px}.scene-controls .navigation-hint{position:static;max-width:none;margin:0;padding:0;border:0;background:none;font-size:10px;flex:1 1 230px;transform:none}.scene-controls #sourceTag{font-size:10px;color:var(--muted);margin-left:auto}.viewport-frame .gpu-status{bottom:10px;right:12px}.gpu-status #renderMode{display:none}.viewport-top{top:12px;left:12px;right:12px}.viewport-frame .fly-pad{bottom:45px;right:12px}.viewport-frame .selected-card{bottom:45px;max-width:calc(100% - 24px)}
@media(max-width:700px){.scene-controls{padding:7px;gap:6px}.scene-controls .camera-controls{width:100%;gap:3px}.scene-controls .camera-controls button{padding:6px 8px;font-size:10px}.scene-controls #sourceTag{display:none}.scene-controls .navigation-hint{font-size:9px}.viewport-top .view-state #sceneCode{display:none}.viewport-top{gap:8px}.timeline-top h3{font-size:11px}}


.panel-purpose{font-size:11px;line-height:1.7;color:#a7c2cf;padding:10px;background:#102a39;border-radius:5px}.scenario-panel[data-panel-view="scenes"] .layers-section{display:none}.scenario-panel[data-panel-view="layers"] .scenario-cards,.scenario-panel[data-panel-view="layers"] .sidebar-section:not(.layers-section),.scenario-panel[data-panel-view="layers"] .tiny-count{display:none}.scenario-panel[data-panel-view="layers"] .layers-section{display:block;margin:0}.navigation-focus{animation:navigation-focus 1.2s ease-out}@keyframes navigation-focus{0%,35%{box-shadow:inset 0 0 0 2px #5ed6f2}100%{box-shadow:inset 0 0 0 2px transparent}}@media(prefers-reduced-motion:reduce){.navigation-focus{animation:none;outline:1px solid #5ed6f2;outline-offset:-1px}}


.panel-view-switch{display:none}@media(max-width:700px){.panel-view-switch{display:flex;gap:8px}}
@media(max-width:700px){.workspace-tools .mobile-control{font-size:10px}.workspace-tools .mobile-control svg{display:none}}

/* Interactive overview map for direct camera navigation. */
.mini-map{position:absolute;right:12px;bottom:38px;width:190px;border:1px solid #6696aa88;background:#061b29ee;border-radius:6px;padding:8px;z-index:5;box-shadow:0 7px 24px #00101877;backdrop-filter:blur(7px);pointer-events:auto}
.mini-map>.mini-map-body{display:block;margin:0}
.mini-map header{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#bee2ef;font-size:10px}.mini-map header span{display:flex;align-items:center;gap:5px;flex:1}.mini-map header b{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7fa8b9}.mini-map header button{display:grid;place-items:center;width:20px;height:20px;padding:0;border-radius:3px;color:#8fb7c7}.mini-map header button:hover{background:#173d50;color:#d8f6ff}.mini-map header button svg{transition:transform .18s}.mini-map canvas{display:block;width:100%;height:auto;border:1px solid #315d6e;background:#19333c;cursor:crosshair;touch-action:none}.mini-map canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mini-map p{margin-top:5px;text-align:center;font-size:8px;color:#6e97aa}.mini-map.collapsed{width:132px}.mini-map.collapsed header{margin:0}.mini-map.collapsed .mini-map-body{display:none}.mini-map.collapsed header b{display:none}.mini-map.collapsed header button svg{transform:rotate(180deg)}
@media(max-width:700px){.mini-map{display:block;right:8px;bottom:34px;width:138px;padding:6px}.mini-map header{margin-bottom:5px}.mini-map p{display:none}.mini-map.collapsed{width:126px}.viewport-frame .gpu-status{left:8px;right:auto;bottom:8px}}