#scene-root{position:fixed;inset:0;overflow:hidden}#scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#topbar{position:absolute;top:var(--sp-3);left:var(--sp-3);right:var(--sp-3);height:52px;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);border-radius:var(--r-md);z-index:10}#topbar .brand-name{font-size:15px}.camera-presets{margin-left:auto;display:flex;gap:var(--sp-2);flex-wrap:wrap}.topbar-sep{width:1px;height:22px;background:var(--c-stroke-strong);flex:none}.camera-presets button{appearance:none;border:1px solid var(--c-stroke);background:var(--c-bg-2);color:var(--c-text-dim);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease}.camera-presets button:hover{color:var(--c-text);border-color:var(--c-stroke-strong)}.camera-presets button.active{color:#fff;background:var(--c-sky);border-color:var(--c-sky)}#selection-panel{position:absolute;top:80px;right:var(--sp-3);width:260px;padding:var(--sp-4);border-radius:var(--r-md);z-index:10}.sel-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.sel-head .icon{font-size:22px}.sel-title{font-weight:700;font-size:15px}.sel-type{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-mute)}.sel-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:5px 0;font-size:13px;border-top:1px solid var(--c-stroke)}.sel-row .k{color:var(--c-text-mute)}.sel-row .v{color:var(--c-text);font-family:var(--font-mono)}.sel-close{position:absolute;top:10px;right:12px;cursor:pointer;color:var(--c-text-mute);font-size:16px;line-height:1}.sel-close:hover{color:var(--c-text)}#editor-panel{position:absolute;top:80px;right:var(--sp-3);width:300px;max-height:calc(100vh - 100px);overflow-y:auto;padding:var(--sp-4);border-radius:var(--r-md);z-index:12}body.editing-scene #selection-panel{display:none}.ed-head{display:flex;align-items:flex-start;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-stroke)}.ed-title{font-size:14px;font-weight:700;letter-spacing:-.1px}.ed-sub{font-size:10.5px;color:var(--c-text-mute)}.ed-close{margin-left:auto}.ed-group{margin-top:var(--sp-3)}.ed-group-name{font-size:9.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c-text-mute)}.ed-group-sub{font-size:10px;font-weight:600;color:var(--c-text-mute)}.ed-section{margin-top:var(--sp-4)}.ed-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.ed-filters{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.ed-chip{padding:4px 9px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--c-text-mute);font:600 10px/1.2 var(--font-sans);cursor:pointer}.ed-chip:hover{background:var(--c-bg-2);color:var(--c-text-dim)}.ed-chip.on{background:var(--c-bg-2);color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-stroke-strong)}.ed-list{max-height:168px;overflow-y:auto;border:1px solid var(--c-stroke);border-radius:var(--r-sm);background:var(--c-bg-1)}.ed-row{display:flex;align-items:center;gap:7px;width:100%;padding:5px 8px;border:0;border-bottom:1px solid var(--c-stroke);background:transparent;color:var(--c-text-dim);font:500 11.5px/1.3 var(--font-sans);text-align:left;cursor:pointer}.ed-row:last-child{border-bottom:0}.ed-row:hover,.ed-row.hot{background:var(--c-bg-2);color:var(--c-text)}.ed-row.on{background:#007aff1f;color:var(--c-text);font-weight:600}.ed-dot{width:6px;height:6px;border-radius:50%;flex:none}.ed-row-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-row-pos{color:var(--c-text-mute);font-size:10px;font-variant-numeric:tabular-nums}.ed-item{padding:5px 10px;border:1px solid var(--c-stroke-strong);border-radius:999px;background:var(--c-bg-1);color:var(--c-text-dim);font:600 11px/1.2 var(--font-sans);cursor:pointer;transition:background .12s ease,color .12s ease}.ed-item:hover{background:var(--c-bg-2);color:var(--c-text)}.ed-item.on{background:var(--c-sky);border-color:var(--c-sky);color:#fff}.ed-selected{margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);background:var(--c-bg-2)}.ed-empty{font-size:11px;line-height:1.45;color:var(--c-text-mute)}.ed-sel-head{display:flex;align-items:baseline;gap:8px;font-size:13px}.ed-sel-head span{font-size:10px;color:var(--c-text-mute);text-transform:uppercase;letter-spacing:.4px}.ed-sel-row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--c-text-dim);margin-top:4px}.ed-sel-row b{color:var(--c-text);font-variant-numeric:tabular-nums}.ed-sel-actions,.ed-foot{display:flex;gap:6px;margin-top:var(--sp-3)}.ed-btn{flex:1;padding:6px 10px;border:1px solid var(--c-stroke-strong);border-radius:var(--r-sm);background:var(--c-bg-1);color:var(--c-text);font:600 11.5px/1.2 var(--font-sans);cursor:pointer}.ed-btn:hover{background:var(--c-bg-2)}.ed-primary{background:var(--c-sky);border-color:var(--c-sky);color:#fff}.ed-primary:hover{background:#0a6fe0}.ed-danger{color:var(--c-bad);border-color:#ff3b304d}.ed-status{margin:var(--sp-2) 0 0;min-height:15px;font-size:10.5px;line-height:1.4;color:var(--c-text-mute)}body.editing-scene #scene-canvas{cursor:default}#hud-minimap{position:absolute;left:var(--sp-3);bottom:var(--sp-3);width:min(430px,34vw);min-width:300px;padding:12px;border-radius:var(--r-md);border:1px solid var(--c-stroke-strong);z-index:10}.hud-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--c-text);margin-bottom:8px}.hud-title .pill{margin-left:auto;font-weight:600;text-transform:none;letter-spacing:0}#hud-toggle svg{transition:transform .18s ease}#hud-minimap.collapsed{width:auto;min-width:0}#hud-minimap.collapsed .hud-title{margin-bottom:0}#hud-minimap.collapsed .hud-body{display:none}#hud-minimap.collapsed #hud-toggle svg{transform:rotate(180deg)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--c-ok);animation:pulse 2s infinite}#hud-minimap-canvas{width:100%;display:block;border-radius:var(--r-sm);border:1px solid var(--c-stroke);background:#e9ebe4}.hud-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 10px;margin-top:10px;font-size:11px;color:var(--c-text-dim)}.hud-legend .item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.hud-legend .dot{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #0006}.hud-legend .diamond{width:7px;height:7px;transform:rotate(45deg);flex:none;box-shadow:0 0 4px currentColor}.hud-legend .sep{grid-column:1 / -1;height:1px;background:var(--c-stroke);margin:2px 0}.scene-hint{position:absolute;bottom:var(--sp-3);left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;font-size:12px;color:var(--c-text-dim);z-index:10;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:var(--c-bg-0);color:var(--c-text-dim);z-index:20;transition:opacity .5s ease}.loading-overlay.gone{opacity:0;pointer-events:none}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--c-stroke);border-top-color:var(--c-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){#selection-panel{width:calc(100vw - 24px)}.scene-hint{font-size:11px}#topbar .brand-name em{display:none}}