.twin-screen[data-v-d492e879]{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#041220b8,#040b14f0),radial-gradient(circle at 50% 38%,rgba(45,120,190,.24),transparent 34%),#06111e;color:#e9f4ff}.topbar[data-v-d492e879]{position:relative;z-index:5;flex:0 0 64px;display:flex;align-items:center;gap:22px;height:64px;padding:0 26px;border-bottom:1px solid rgba(92,151,213,.2);background:#05121fdb;box-shadow:0 12px 34px #0000003d}.topbar__brand[data-v-d492e879]{color:#fff;font-size:21px;font-weight:800}.topbar__status[data-v-d492e879]{display:flex;align-items:center;gap:8px;color:#e2effcd1;font-size:14px}.topbar__status strong[data-v-d492e879]{color:#fff;font-weight:600}.topbar__mqtt[data-v-d492e879]{color:#d4e6f6b8;font-size:12px}.topbar__spacer[data-v-d492e879]{flex:1}.status-dot[data-v-d492e879]{width:8px;height:8px;border-radius:50%;background:#f8c84c;box-shadow:0 0 12px currentColor}.status-dot--connected[data-v-d492e879]{color:#27e29a;background:#27e29a}.status-dot--error[data-v-d492e879]{color:#ffbf4d;background:#ffbf4d}.status-dot--disconnected[data-v-d492e879]{color:#8998aa;background:#8998aa}.select-field[data-v-d492e879]{display:flex;align-items:center;gap:8px;color:#e0eefadb;font-size:13px}.select-field select[data-v-d492e879],.replay-form select[data-v-d492e879],.replay-form input[data-v-d492e879]{height:36px;min-width:128px;border:1px solid rgba(83,153,224,.26);border-radius:6px;background:#031220e6;color:#dfefff;outline:none}.icon-button[data-v-d492e879],.map-controls button[data-v-d492e879],.tool-dock button[data-v-d492e879],.player-controls button[data-v-d492e879]{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(105,167,232,.26);background:#081a2dc7;color:#eef8ff;cursor:pointer}.icon-button[data-v-d492e879]{width:36px;height:36px;border-radius:6px}.workspace[data-v-d492e879]{position:relative;flex:1 1 auto;display:grid;grid-template-columns:300px minmax(0,1fr) 292px;gap:18px;min-height:0;overflow:hidden;padding:14px 20px}.beian-footer[data-v-d492e879]{position:relative;z-index:20;flex:0 0 30px;display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid rgba(92,151,213,.16);background:#05121fc7;font-size:12px;line-height:1.4}.beian-footer__icon[data-v-d492e879]{width:16px;height:16px;object-fit:contain}.beian-footer a[data-v-d492e879]{color:#e2effce0;text-decoration:none}.beian-footer a[data-v-d492e879]:hover{color:#fff}.left-rail[data-v-d492e879],.right-rail[data-v-d492e879]{position:relative;z-index:3;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.glass-panel[data-v-d492e879]{overflow:hidden;border:1px solid rgba(80,145,205,.28);border-radius:8px;background:linear-gradient(180deg,#081c31eb,#051221db);box-shadow:inset 0 1px #ffffff0a,0 18px 42px #00000038}.glass-panel h2[data-v-d492e879]{margin:0;padding:14px 16px;border-bottom:1px solid rgba(85,145,206,.18);color:#fff;font-size:15px}.metric-grid[data-v-d492e879]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 14px 18px}.metric-grid div[data-v-d492e879]{min-height:78px;padding:12px 14px;border:1px solid rgba(82,149,218,.24);border-radius:6px;background:#041121b8}.metric-grid strong[data-v-d492e879]{display:block;color:#22d886;font-size:32px;line-height:1}.metric-grid__blue[data-v-d492e879]{color:#2f86ff!important}.metric-grid span[data-v-d492e879]{display:block;margin-top:8px;color:#dae8f4bd;font-size:13px}.area-card[data-v-d492e879]{flex:1;min-height:0}.donut-wrap[data-v-d492e879]{display:flex;justify-content:center;padding:24px 0 12px}.area-chart[data-v-d492e879]{width:156px;height:156px}.area-list[data-v-d492e879]{display:grid;gap:9px;padding:0 18px 18px}.area-row[data-v-d492e879]{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;color:#dfecf8c7;font-size:13px}.area-row i[data-v-d492e879]{width:8px;height:8px;border-radius:50%}.area-row strong[data-v-d492e879]{color:#ebf5ffdb;font-weight:500}.panel-title-row[data-v-d492e879]{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(85,145,206,.18)}.panel-title-row h2[data-v-d492e879]{border:0}.panel-title-row button[data-v-d492e879]{margin-right:14px;border:0;background:transparent;color:#2f86ff;cursor:pointer}.event-list[data-v-d492e879]{display:grid;gap:12px;overflow:auto;padding:12px 16px 16px}.event-item[data-v-d492e879]{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}.event-item__icon[data-v-d492e879]{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2e86ff;color:#fff;font-size:11px;font-weight:800}.event-item__icon--danger[data-v-d492e879]{background:#ff5353}.event-item__icon--purple[data-v-d492e879]{background:#8a62ff}.event-item__icon--warn[data-v-d492e879]{background:#ff7548}.event-item__icon--alarm[data-v-d492e879]{background:#ffc23d}.event-item strong[data-v-d492e879],.timeline-item strong[data-v-d492e879]{display:block;color:#f3f9ff;font-size:13px}.event-item small[data-v-d492e879],.event-item time[data-v-d492e879],.timeline-item span[data-v-d492e879]{color:#dceaf7a8;font-size:12px}.scene-shell[data-v-d492e879]{position:relative;min-width:0;min-height:0;overflow:hidden}.scene-canvas[data-v-d492e879]{width:100%;height:100%}.pick-chip[data-v-d492e879]{position:absolute;top:16px;left:50%;display:flex;gap:10px;transform:translate(-50%);padding:8px 12px;border:1px solid rgba(104,169,232,.3);border-radius:6px;background:#051322d1;color:#dceaf6c2;font-size:12px}.pick-chip strong[data-v-d492e879]{color:#8bdcff}.map-controls[data-v-d492e879]{position:absolute;right:16px;bottom:100px;display:grid;gap:8px}.map-controls button[data-v-d492e879]{width:44px;height:44px;border-radius:50%;font-weight:800}.zoom-box[data-v-d492e879]{display:grid;overflow:hidden;border:1px solid rgba(105,167,232,.26);border-radius:6px}.zoom-box button[data-v-d492e879]{border:0;border-radius:0}.tool-dock[data-v-d492e879]{position:absolute;left:50%;bottom:8px;display:grid;grid-template-columns:repeat(6,92px);transform:translate(-50%);border:1px solid rgba(80,145,205,.34);border-radius:6px;background:#051221cc}.tool-dock button[data-v-d492e879]{flex-direction:column;gap:7px;height:76px;border:0;border-right:1px solid rgba(80,145,205,.16);background:transparent;color:#e1eefad1;font-size:12px}.tool-dock button[data-v-d492e879]:last-child{border-right:0}.tool-dock button.active[data-v-d492e879],.tool-dock button[data-v-d492e879]:hover{color:#4ea3ff;background:#2f86ff1a}.floating-popover[data-v-d492e879]{position:absolute;left:50%;bottom:92px;display:grid;gap:8px;width:180px;padding:12px;transform:translate(-300px);border:1px solid rgba(80,145,205,.34);border-radius:6px;background:#051221f0}.floating-popover label[data-v-d492e879]{display:flex;align-items:center;gap:8px;color:#e2effacc;font-size:13px}.replay-form[data-v-d492e879]{padding-bottom:14px}.replay-form label[data-v-d492e879]{display:grid;gap:8px;padding:10px 14px 0;color:#e2effad1;font-size:13px}.replay-form select[data-v-d492e879],.replay-form input[data-v-d492e879]{width:100%}.replay-actions[data-v-d492e879]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 14px 0}.primary-button[data-v-d492e879],.ghost-button[data-v-d492e879]{height:36px;border:0;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.primary-button[data-v-d492e879]{background:#247cff}.ghost-button[data-v-d492e879]{background:#7c8b9c73}.player-card[data-v-d492e879]{flex:1;min-height:0;overflow:auto;padding:14px}.player-card p[data-v-d492e879]{margin:0 0 16px;color:#e5f1fcdb;font-size:13px}.player-controls[data-v-d492e879]{display:flex;align-items:center;justify-content:center;gap:18px}.player-controls button[data-v-d492e879]{width:34px;height:34px;border:0;background:transparent;font-size:18px}.player-controls .play-button[data-v-d492e879]{width:46px;height:46px;border:1px solid rgba(171,210,248,.5);border-radius:50%;font-size:28px}.progress-row[data-v-d492e879]{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;margin:12px 0 24px;color:#fff;font-size:12px}.progress-row input[data-v-d492e879]{accent-color:#247cff}.timeline[data-v-d492e879]{display:grid;gap:18px}.timeline-item[data-v-d492e879]{position:relative;display:grid;grid-template-columns:12px 62px 1fr;gap:10px}.timeline-item[data-v-d492e879]:before{content:"";position:absolute;left:5px;top:14px;bottom:-22px;width:1px;background:#4684c980}.timeline-item[data-v-d492e879]:last-child:before{display:none}.timeline-item i[data-v-d492e879]{position:relative;z-index:1;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#2d7cff}.timeline-item i.green[data-v-d492e879]{background:#27d57d}.timeline-item time[data-v-d492e879]{color:#ebf5ffd6;font-size:12px}@media(max-width:1280px){.workspace[data-v-d492e879]{grid-template-columns:280px minmax(0,1fr)}.right-rail[data-v-d492e879]{position:absolute;top:14px;right:20px;bottom:28px;width:292px}}@media(max-width:980px){.workspace[data-v-d492e879]{grid-template-columns:1fr;padding:10px}.left-rail[data-v-d492e879],.right-rail[data-v-d492e879]{display:none}.topbar[data-v-d492e879]{gap:12px;padding:0 12px}.select-field[data-v-d492e879]{display:none}.tool-dock[data-v-d492e879]{grid-template-columns:repeat(3,86px)}}:root{color-scheme:dark;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(46,125,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(27,94,32,.18),transparent 24%),linear-gradient(135deg,#07111f,#050a14 48%,#091a27);color:#e9f4ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}