:root{color-scheme:dark;--bg:#08121b;--panel:#0e202c;--edge:#254658;--muted:#8ba6b4;--teal:#52e6d8}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,'Segoe UI',Arial,sans-serif;background:var(--bg);color:#eaf6f8}body{display:flex;flex-direction:column;overflow:hidden}header.top{height:93px;flex:0 0 auto;background:linear-gradient(115deg,#102b37,#0b1c28 60%,#0b2835);padding:13px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge)}header small{color:#84a9b6;letter-spacing:2px;font-size:10px}h1{font-size:28px;letter-spacing:3px;margin:3px 0 1px;font-weight:750}h1 span{color:var(--teal);font-weight:450}header p{font-size:10px;letter-spacing:2px;color:#a5bbc4;margin:0}#status{text-align:right;font-size:11px;line-height:1.75;color:#70d6c8}#status span{display:block;color:#a3b9c3}.workspace{display:grid;grid-template-columns:268px minmax(0,1fr) 284px;flex:1;min-height:0}.sidebar,.inspector{background:#0e202c;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b6574 transparent}.sidebar{border-right:1px solid var(--edge)}.inspector{border-left:1px solid var(--edge)}.side-title{padding:17px 18px 11px;font-size:11px;font-weight:700;letter-spacing:1.7px;color:#b9d7dd;border-bottom:1px solid #233e4b}.side-title em{float:right;color:var(--teal);font-style:normal}.search{padding:12px 12px 6px}.search input{width:100%;padding:10px;background:#152d39;border:1px solid #315365;border-radius:7px;color:white;outline:none}.station{width:100%;display:flex;gap:10px;text-align:left;background:none;border:0;border-bottom:1px solid #193746;color:#d5e9ed;padding:11px 13px;cursor:pointer}.station:hover,.station.selected{background:#173644}.station.selected{border-left:3px solid var(--teal);padding-left:10px}.station code{color:#5cddd3;font-size:11px;margin-top:3px}.station strong{display:block;font-weight:560;font-size:12px;line-height:1.5}.station small{display:block;font-size:10px;color:#86a7b3;margin-top:3px}.stage{position:relative;min-width:0;background:#0a1420;overflow:hidden}canvas#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas#scene:active{cursor:grabbing}.hud{position:absolute;background:#0c2029c9;border:1px solid #34515e;border-radius:8px;pointer-events:none;backdrop-filter:blur(7px)}.top-left{top:18px;left:18px;padding:11px 13px;display:flex;gap:15px;font-size:10px;color:#b0d3db;letter-spacing:1.1px}.bottom-left{left:18px;bottom:20px;right:18px;max-width:620px;padding:12px 16px;display:flex;flex-direction:column;gap:5px}.bottom-left strong{font-size:15px}.bottom-left span{color:#a6c3cd;font-size:11px;line-height:1.5}.camera-buttons{position:absolute;right:18px;top:19px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:370px}.camera-buttons button{background:#12303bda;color:#d8eef1;border:1px solid #3a6975;border-radius:6px;padding:9px 12px;cursor:pointer;font-size:11px}.camera-buttons button:hover{background:#205364}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#223b44}.progress span{display:block;background:#55ebd5;width:0;height:100%;transition:width .25s}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px}.metric-grid article{background:#152e3b;padding:13px 10px;border:1px solid #244a56;border-radius:9px;min-width:0}.metric-grid small{font-size:9px;letter-spacing:.7px;color:#9bc0ca;display:block}.metric-grid b{font-size:24px;color:#eef7fb;display:block;padding:7px 0 2px;font-variant-numeric:tabular-nums}.metric-grid span{font-size:10px;color:#89aebc}.detail{font-size:12px;padding:16px 17px;line-height:1.8;color:#b3d0d9;min-height:145px}.detail b{color:#e6f9fc}.detail .joint{padding-top:5px;border-top:1px solid #23424f;margin-top:5px}.facts{padding:7px 17px}.facts div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #21414e;font-size:12px}.facts span{color:#9bb5be}.facts b{color:#d8eeee}.foot{padding:15px;display:flex;gap:8px;flex-wrap:wrap}.foot a{color:#79e6d5;border:1px solid #345765;border-radius:4px;padding:7px 9px;text-decoration:none;font-size:10px}@media(max-width:1080px){.workspace{grid-template-columns:220px 1fr}.inspector{display:none}}@media(max-width:700px){header.top{height:77px;padding:12px}h1{font-size:18px}header p{font-size:8px}#status{font-size:8px}.workspace{display:block;position:relative}.sidebar{position:absolute;bottom:0;height:155px;width:100%;z-index:8;border-top:1px solid #345f70;overflow:hidden}.side-title{padding:9px 12px}.search{display:none}#stationList{display:flex;overflow:auto;height:115px}.station{min-width:155px;padding:8px 10px}.stage{height:calc(100% - 155px)}.top-left{top:10px;left:10px;gap:8px;padding:7px}.camera-buttons{top:42px;right:10px;max-width:230px}.camera-buttons button{padding:7px 8px;font-size:9px}.bottom-left{left:9px;bottom:9px;right:9px;padding:7px 10px}.bottom-left strong{font-size:12px}.bottom-left span{font-size:9px}}