*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background:#1a1a2e;font-family:sans-serif;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}#toolbar{background:#16213e;border-bottom:1px solid #0f3460;flex-direction:column;flex-shrink:0;gap:2px;padding:4px 12px;display:flex;overflow-x:clip}.tb-row{flex-flow:wrap;align-items:center;gap:4px 6px;display:flex}.tb-group{flex-shrink:0;align-items:center;gap:3px;display:flex}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#eee;white-space:nowrap;pointer-events:none;opacity:0;z-index:100;background:#0f1428f2;border:1px solid #0f3460;border-radius:4px;padding:3px 8px;font-size:.72rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.tb-row:first-child [data-tooltip]:after{top:calc(100% + 6px);bottom:auto}.title{color:#e94560;margin-right:4px;font-size:1.05rem;font-weight:700}button{color:#eee;cursor:pointer;white-space:nowrap;background:#0f3460;border:1px solid #e94560;border-radius:4px;flex-shrink:0;padding:3px 9px;font-size:.8rem;transition:background .15s}button:hover{color:#fff;background:#e94560}.toolbar-sep{background:#0f3460;align-self:stretch;width:1px;margin:2px 4px}#connect-options{align-items:center;gap:3px;display:flex}.toolbar-sep-v{background:#0f3460;align-self:stretch;width:1px;margin:2px}.tb-popover-wrap{flex-shrink:0;position:relative}.tb-popover{z-index:200;background:#16213e;border:1px solid #0f3460;border-radius:6px;min-width:280px;padding:10px 12px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #00000080}.tb-popover.open{flex-direction:column;gap:8px;display:flex}.pop-row{align-items:center;gap:8px;font-size:.78rem;display:flex}.pop-label{color:#aaa;flex:0 0 50px;font-size:.75rem}.pop-row input[type=range]{accent-color:#e94560;flex:1}.pop-val{text-align:right;color:#e2b96f;flex:0 0 34px;font-family:monospace;font-size:.78rem}.toggle-btn.active,#btn-pause.active{color:#fff;background:#e94560}#btn-snapshot.active{color:#fff;background:#22c55e}.type-btn{color:#aaa;background:#0a1a30;border-color:#555;padding:3px 8px;font-size:.78rem}.type-btn.active{color:#e2b96f;background:#e2b96f33;border-color:#e2b96f}.hint-row{padding:0 4px 2px}.hint-row:has(#connect-hint:empty){display:none}#connect-hint{color:#e2b96f;font-size:.75rem}#scene{flex:1;position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block}#info-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121a32f2;border:1px solid #e94560;border-radius:6px;flex-direction:column;width:310px;max-height:calc(100% - 24px);font-size:.78rem;display:flex;position:absolute;top:12px;left:auto;right:12px}#info-panel.panel-left{left:12px;right:auto}.hidden{display:none!important}#info-panel.hidden{display:none}.panel-header{background:#e945601f;border-bottom:1px solid #0f3460;border-radius:6px 6px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}#panel-title{color:#e94560;font-size:.82rem;font-weight:700}.panel-header-actions{align-items:center;gap:6px;display:flex}.btn-danger{color:#faa;background:#b4283c4d;border-color:#c0304a;padding:3px 8px;font-size:.75rem}.btn-danger:hover{color:#fff;background:#c0304a}#panel-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.82rem;line-height:1}#panel-close:hover{color:#fff;background:0 0}.panel-body{padding:6px 10px 10px;overflow-y:auto}.section-label{text-transform:uppercase;letter-spacing:.08em;color:#e94560;border-bottom:1px solid #0f3460;margin:8px 0 3px;padding-bottom:2px;font-size:.68rem}.section-label:first-child{margin-top:2px}.param-row{justify-content:space-between;padding:2px 0;display:flex}.param-key{color:#888}.param-val{color:#fff;font-family:monospace;font-size:.8rem}#speed-graph{border-radius:3px;width:100%;margin-top:4px;display:block}.slider-row{cursor:default;align-items:center;gap:6px;width:100%;padding:3px 0;display:flex}.slider-row .param-key{flex:0 0 100px;font-size:.75rem}.slider-row input[type=range]{accent-color:#e94560;flex:1;height:4px}.slider-val{text-align:right;color:#e2b96f;flex:0 0 30px;font-family:monospace;font-size:.78rem}.slider-num-row{align-items:center;gap:5px;padding:3px 0;display:flex}.slider-num-row .param-key{color:#888;flex:0 0 36px;font-size:.75rem}.slider-num-row input[type=range]{accent-color:#e94560;flex:1}.num-input{color:#eee;text-align:right;background:#0a1a30;border:1px solid #555;border-radius:3px;width:44px;padding:2px 4px;font-size:.78rem}#zoom-display{color:#eee;pointer-events:none;z-index:10;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:.78rem;position:absolute;bottom:12px;right:12px}#spawn-wrap{gap:4px;display:inline-flex}#spawn-panel{left:0;right:auto}.spawn-label{flex:0 0 58px}.spawn-panel-title{color:#e2b96f;border-bottom:1px solid #0f3460;margin-bottom:2px;padding-bottom:4px;font-size:.78rem;font-weight:700}