:root{--bg: #0b1020;--panel: #121a30e6;--line: #27314f;--txt: #dbe4ff;--mut: #8a97c4;--surface: #0e1730;--surface-hover: #1c2c52;--corridor: #f59e3b;--forbid: #2a3458;--room: #3da9fc;--end: #2ecc71}body.light{--bg: #f0f2f5;--panel: #ffffffdd;--line: #d0d5e0;--txt: #1a1d2e;--mut: #6b7199;--surface: #ffffff;--surface-hover: #e8ecf2;--forbid: #c8cdd8}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#c3d{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#topbar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;align-items:center;gap:14px;padding:0 18px;background:linear-gradient(180deg,var(--surface),#0b10208c);border-bottom:1px solid var(--line);z-index:10}#topbar .logo{width:30px;height:30px;border-radius:7px;background:conic-gradient(from 210deg,#3da9fc,#2ecc71,#f59e3b,#3da9fc);box-shadow:0 0 14px #3da9fc66}#topbar h1{font-size:15px;margin:0;font-weight:600;letter-spacing:.5px}#topbar .sub{font-size:11.5px;color:var(--mut)}#topbar .tag{font-size:11px;color:var(--mut);border:1px solid var(--line);padding:4px 10px;border-radius:20px}.theme-toggle{background:none;border:1px solid transparent;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:50%;line-height:1;transition:.15s}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--line)}.floor-tabs{display:flex;align-items:center;gap:6px;margin:0 auto}.sliderRow{margin-bottom:7px;padding:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.sliderLabel{font-size:11px;color:var(--mut);display:flex;justify-content:space-between;margin-bottom:4px}.sliderLabel span{color:#f5b04a;font-weight:600}.sliderRow input[type=range]{width:100%;accent-color:#3da9fc;margin:0}.floor-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.floor-tab:hover{background:var(--surface-hover);border-color:#3da9fc88;color:#d0d8f0}.floor-tab.active{background:linear-gradient(135deg,#1a3a6b,var(--surface-hover));border-color:#3da9fc;color:#9fd2ff;box-shadow:0 0 12px #3da9fc44}.floor-tab .fdot{width:7px;height:7px;border-radius:50%;background:#5a6699;flex-shrink:0}.floor-tab.active .fdot{background:#3da9fc;box-shadow:0 0 6px #3da9fc}.floor-tab .fname{font-weight:500}.floor-tab .fmeta{font-size:10px;color:var(--mut);opacity:.7}.floor-tab.active .fmeta{opacity:1}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0008;z-index:9}#left{top:68px;left:14px;width:236px;padding:13px 14px;max-height:calc(100vh - 130px);overflow:auto}#right{top:68px;right:14px;width:268px;padding:13px 14px;max-height:calc(100vh - 130px);overflow:auto}.p-title{font-size:11px;letter-spacing:1px;color:var(--mut);text-transform:uppercase;margin:0 0 9px;display:flex;align-items:center;gap:7px}.sec{margin-top:14px}.sec:first-child{margin-top:0}.sec>summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.sec>summary::-webkit-details-marker{display:none}.sec>summary:after{content:"▾";margin-left:auto;color:var(--mut);font-size:10px;letter-spacing:0;transition:transform .2s}.sec:not([open])>summary:after{content:"▸"}.sec:not([open])>summary{margin-bottom:0}.secBody{padding-top:2px}.p-title:before{content:"";width:4px;height:13px;background:#3da9fc;border-radius:2px}.p-title.alt:before{background:#2ecc71}.btn{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--txt);padding:9px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;margin-bottom:7px;transition:.15s;display:flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:var(--surface-hover);border-color:#3da9fc}.btn.primary{background:linear-gradient(180deg,#2f7df6,#1f5fd0);border-color:#2f7df6;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .ic{font-size:14px}.btn.active{background:linear-gradient(180deg,#f59e3b,#d97e06);border-color:#f59e3b;color:#1a1206;font-weight:600}.btn.active:hover{filter:brightness(1.06)}.btnRow2{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px}.btnRow2 .btn{margin-bottom:0}#btnUndo,#btnRedo{font-size:12px}#drawTools{margin-top:6px;padding-top:8px;border-top:1px dashed #2a3458;display:none}#drawTools .row2{display:grid;grid-template-columns:1fr 1fr;gap:7px}#drawTools .row2 .btn{margin-bottom:0}#drawStatus{font-size:11px;color:var(--mut);margin-top:8px;text-align:center;line-height:1.55}#drawStatus b{color:#f5b04a}.modeRow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:4px}.btn.mode{margin-bottom:0;padding:9px 2px;font-size:11.5px}#floorPanel{border:1px solid var(--line);border-radius:8px;padding:5px;background:var(--surface);margin-bottom:7px;max-height:168px;overflow:auto}#systemPanel{margin-bottom:4px}.sys-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:6px;margin-bottom:4px;border:1px solid transparent}.sys-row.active{background:linear-gradient(180deg,var(--surface-hover),var(--surface-hover));border-color:#3da9fc}.sys-radio{accent-color:#3da9fc;margin:0;flex-shrink:0}.sys-color{width:26px;height:22px;border:1px solid var(--line);border-radius:5px;background:none;cursor:pointer;padding:0;flex-shrink:0}.sys-abbr{width:42px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--txt);padding:4px 6px;font-size:12px;text-align:center}.sys-name{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--txt);padding:4px 6px;font-size:12px;min-width:0}#roomSystemPick{margin-bottom:8px}.sysPickHint{font-size:10px;color:var(--mut);margin-bottom:4px}.sysPickRow{display:flex;flex-wrap:wrap;gap:5px}.sysPickBtn{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--txt);font-size:11px;cursor:pointer;transition:.15s}.sysPickBtn:hover{background:var(--surface-hover)}.sysPickBtn.active{background:var(--surface-hover);border-color:var(--sc, #3da9fc);box-shadow:0 0 8px var(--sc, #3da9fc66)}.sysPickBtn .swatch{width:9px;height:9px}.endPanelTools{display:flex;align-items:center;gap:6px;margin-bottom:6px}.endList{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:4px}.endRow{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;font-size:11.5px;margin-bottom:2px;border:1px solid transparent}.endRow.selected{background:var(--surface-hover);border-color:#3da9fc}.endRow .endChk{accent-color:#3da9fc;margin:0;flex-shrink:0}.endRow .swatch{width:9px;height:9px;flex-shrink:0}.endRow .endName{color:var(--txt)}.endRow .endMeta{margin-left:auto;font-size:10px;color:var(--mut)}#renameTools{display:flex;flex-direction:column;gap:6px}.renameRow{display:flex;gap:6px}.renameRow select,.renameRow input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--txt);padding:5px 6px;font-size:11.5px}.renameRow input[type=number]{flex:0 0 56px}.renameHint{font-size:10px;color:var(--mut);line-height:1.5}.floor-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;font-size:12px;border:1px solid transparent;margin-bottom:3px;transition:.12s}.floor-row:hover{background:var(--surface-hover)}.floor-row.active{background:linear-gradient(180deg,var(--surface-hover),var(--surface-hover));border-color:#3da9fc}.floor-row .fdot{width:8px;height:8px;border-radius:50%;background:#5a6699;flex:none}.floor-row.active .fdot{background:#3da9fc;box-shadow:0 0 8px #3da9fc}.floor-row .fname{flex:1}.floor-row .fmeta{font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums}#shaftTools{margin-top:6px;padding-top:8px;border-top:1px dashed #2a3458;display:none}#shaftStatus{font-size:11px;color:var(--mut);margin-top:8px;text-align:center;line-height:1.55}#shaftStatus b{color:#2ecc71}#propSection{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 9px;margin-bottom:10px}.propEmpty{font-size:11px;color:var(--mut);text-align:center;line-height:1.6;padding:6px 2px}.propTitle{font-size:12px;font-weight:600;color:#9fd2ff;margin-bottom:6px;display:flex;align-items:center;gap:6px}.propTitle .swatch{width:11px;height:11px}.propRow{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:3px 0;border-bottom:1px solid #1a2342}.propRow .k{color:var(--mut)}.propRow .v{color:var(--txt);font-variant-numeric:tabular-nums}.propColor{display:flex;align-items:center;gap:6px}.propColor input[type=color]{width:26px;height:18px;border:none;background:none;cursor:pointer;padding:0}#endTools{margin-top:6px;padding-top:8px;border-top:1px dashed #2a3458;display:none}#endStatus{font-size:11px;color:var(--mut);margin-top:8px;text-align:center;line-height:1.55}#endStatus b{color:#2ecc71}#roomTools{margin-top:6px;padding-top:8px;border-top:1px dashed #2a3458;display:none}#roomStatus{font-size:11px;color:var(--mut);margin-top:8px;text-align:center;line-height:1.55}#roomStatus b{color:#3da9fc}#bindWrap{font-size:11px;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px 7px;background:var(--surface)}.bind-room{margin-bottom:7px}.bind-room .rh{color:#9fd2ff;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:6px}.bind-room .rh .swatch{width:9px;height:9px}.bind-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.bind-grid label{display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--txt);font-size:11px}.bind-grid input{accent-color:#3da9fc;margin:0}.bind-hint{font-size:10px;color:var(--mut);margin:4px 0 6px;line-height:1.5}#layersWrap{display:flex;flex-direction:column;gap:1px}.layer-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;padding:3px 2px;border-radius:5px}.layer-row:hover{background:var(--surface-hover)}.leye{display:flex;align-items:center;gap:7px;cursor:pointer}.leye input{accent-color:#3da9fc;margin:0}.llock{display:flex;align-items:center;cursor:pointer;font-size:12px;opacity:.55}.llock input{display:none}.llock:has(input:checked){opacity:1}.llock:has(input:checked):after{content:""}.chk{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;cursor:pointer}.chk input{accent-color:#3da9fc}.swatch{width:13px;height:13px;border-radius:3px;display:inline-block}.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 9px}.metric .v{font-size:19px;font-weight:700;line-height:1.1}.metric .k{font-size:10px;color:var(--mut);margin-top:3px}table{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}th,td{text-align:left;padding:4px;border-bottom:1px solid #1d2742}th{color:var(--mut);font-weight:500}td.num{text-align:right;font-variant-numeric:tabular-nums}#progress{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:7px 16px;font-size:12px;z-index:9;display:flex;align-items:center;gap:10px}#progress .dot{width:8px;height:8px;border-radius:50%;background:#3da9fc;box-shadow:0 0 8px #3da9fc}#legend{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:11px}#info{position:absolute;right:14px;bottom:16px;max-width:320px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0;font-size:11px;color:var(--mut);z-index:9;line-height:1.6;overflow:hidden}#info b{color:var(--txt)}#info .info-head{display:flex;align-items:center;gap:7px;padding:8px 12px;cursor:pointer;color:var(--txt);font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}#info .info-head:hover{background:var(--surface-hover)}#info .info-ic{font-size:13px}#info .info-hint{margin-left:auto;font-size:10px;color:var(--mut);font-weight:400}#info .info-hint:after{content:"点击展开 ▸"}#info .info-body{display:none;padding:9px 12px 10px;border-top:1px solid var(--line);margin-top:0}#info.expanded .info-body{display:block}#info.expanded .info-hint:after{content:"▾ 点击收起"}.hint{position:absolute;top:62px;left:50%;transform:translate(-50%);font-size:11px;color:var(--mut);z-index:8;background:#0b1020a0;padding:3px 12px;border-radius:0 0 8px 8px;border:1px solid var(--line);border-top:none}#planBadge{position:absolute;bottom:16px;left:14px;z-index:9;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12px;color:#9fd2ff;box-shadow:0 6px 18px #0006;display:none}#planBadge .pb-sub{color:var(--mut);font-size:10px;margin-left:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#2a3458;border-radius:3px}