:root{--hcl-blue: #00b9e4;--hcl-blue-dark: #009ac7;--hcl-black: #0a0a0a;--panel-bg: rgba(10, 10, 10, .82);--panel-border: rgba(0, 185, 228, .35);--text-dim: #9aa4ac}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050607;font-family:Arial,Helvetica,sans-serif;color:#f3f3f3}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#ui{position:fixed;top:20px;left:20px;width:320px;max-height:calc(100vh - 40px);overflow-y:auto;padding:18px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}#ui-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}#ui-dot{width:8px;height:8px;border-radius:50%;background:var(--hcl-blue);box-shadow:0 0 8px var(--hcl-blue);flex-shrink:0}#ui h1{flex:1;font-size:15px;font-weight:700;margin:0;letter-spacing:.2px}#ui-toggle-btn{flex-shrink:0;width:24px;height:24px;padding:0;background:none;border:none;color:var(--text-dim);font-size:16px;line-height:1;cursor:pointer}#ui-toggle-btn:hover{color:#f3f3f3}#ui-body.collapsed{display:none}.ui-hint{font-size:12px;line-height:1.5;color:var(--text-dim);margin:0 0 14px}#screen-slots{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.screen-slot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:12px}.screen-slot .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-slot button{background:none;border:none;color:#e35757;cursor:pointer;font-size:13px;padding:2px 6px}#ui-actions{display:flex;gap:8px}.btn{flex:1;padding:10px 12px;font-size:13px;font-weight:700;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:transform .1s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--hcl-blue);color:#05161a}.btn-primary:hover{background:var(--hcl-blue-dark)}.btn-primary:disabled{background:#33393c;color:#777;cursor:not-allowed}.btn-ghost{background:transparent;border-color:#fff3;color:#f3f3f3;flex:0 0 auto}.btn-ghost:hover{border-color:#fff6}.ui-status{min-height:14px;font-size:11px;color:var(--text-dim);margin:10px 0 0}#ui.hidden{display:none}#vr-button-slot{position:fixed;bottom:0;left:0;width:100%;z-index:10;display:flex;justify-content:center}@media (max-width: 640px){#ui{width:calc(100vw - 40px)}}