*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;height:100vh;font-family:DM Mono,monospace;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.loading-overlay{z-index:100;background:#0a0a0f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-inner{text-align:center}.loading-spinner{border:2px solid #ffffff1a;border-top-color:#63b3edb3;border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-msg{color:#fff6;letter-spacing:.1em;font-size:12px}.ui-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e8e6e0;z-index:10;background:#0a0a14e0;border:1px solid #ffffff14;border-radius:14px;padding:18px;position:absolute}.left-panel{flex-direction:column;gap:20px;width:290px;max-height:calc(100% - 48px);display:flex;top:24px;left:24px;overflow-y:auto}.panel-section{flex-direction:column;gap:10px;display:flex}.panel-label{letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;font-size:10px}.search-input{color:#e8e6e0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:DM Mono,monospace;font-size:12px;transition:border-color .2s}.search-input:focus{border-color:#63b3ed80}.search-input::placeholder{color:#fff3}.search-results{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.result-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;transition:all .15s;display:flex}.result-item:hover{background:#63b3ed1a;border-color:#63b3ed4d}.floor-badge{color:#ffffff4d;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:10px}.mode-row{gap:6px;display:flex}.mode-btn{color:#ffffff4d;cursor:pointer;letter-spacing:.04em;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:7px;font-family:DM Mono,monospace;font-size:10px;transition:all .2s}.mode-btn.active{color:#63b3ede6;background:#63b3ed1f;border-color:#63b3ed66}.route-legend{color:#ffffff73;flex-direction:column;gap:5px;font-size:10px;display:flex}.route-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.selected{background:#fff}.legend-dot.distance{background:gold}.legend-dot.time{background:#68d391}.waypoint-list{flex-direction:column;gap:5px;min-height:24px;display:flex}.empty-msg{color:#fff3;text-align:center;padding:6px 0;font-size:11px}.waypoint-item{background:#ffffff0a;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.waypoint-item.dragging{opacity:.45;border-color:#ffd70073}.wp-num{color:#63b3ed99;min-width:14px;font-size:10px}.wp-name{flex:1}.wp-drag-handle{cursor:grab;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;justify-content:center;gap:3px;width:22px;height:22px;padding:0 5px;display:flex}.wp-drag-handle span{background:#ffffff73;height:1px;display:block}.wp-drag-handle:disabled{opacity:.2;cursor:not-allowed}.wp-drag-handle:not(:disabled):hover{border-color:#63b3ed59}.wp-drag-handle:not(:disabled):hover span{background:#90cdf4}.wp-remove{cursor:pointer;color:#fff3;font-size:16px;line-height:1;transition:color .15s}.wp-remove:hover{color:#ff6464b3}.btn-row{gap:8px;display:flex}.btn{cursor:pointer;letter-spacing:.04em;border:none;border-radius:8px;flex:1;padding:9px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{color:#63b3ede6;background:#63b3ed26;border:1px solid #63b3ed4d}.btn-primary:not(:disabled):hover{background:#63b3ed40}.btn-secondary{color:#fff6;background:#ffffff0d;border:1px solid #ffffff14}.btn-secondary:hover{color:#fff9;background:#ffffff14}.btn-secondary.active{color:gold;background:#ffd70026;border-color:#ffd70066}.floor-row{gap:6px;display:flex}.floor-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:8px 4px;font-family:DM Mono,monospace;font-size:11px;transition:all .2s}.floor-btn.active{color:#fffc;background:#ffffff14;border-color:#fff3}.elevator-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e8e6e0;z-index:10;background:#0a0a14e0;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;min-width:150px;padding:16px 20px;display:flex;position:absolute;top:24px;right:24px}.elev-row{align-items:center;gap:8px;font-size:12px;display:flex}.elev-dot{border-radius:50%;width:8px;height:8px;transition:background .4s}.elev-dot.open{background:#68d391;box-shadow:0 0 6px #68d391}.elev-dot.closed{background:#fc8181;box-shadow:0 0 6px #fc8181}.elev-timer{color:#ffffff40;font-size:10px}.elev-hint{color:#ffffff26;margin-top:2px;font-size:9px}.status-bar{color:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap;z-index:10;background:#0a0a14e6;border:1px solid #ffffff14;border-radius:8px;padding:10px 20px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}