.hud[data-v-36b86ba0]{position:fixed;left:16px;bottom:16px;display:flex;gap:8px;padding:8px 10px;background:#0c121999;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-item[data-v-36b86ba0]{display:flex;align-items:center;gap:8px;color:#e6edf3;font-weight:600}.hud-item input[data-v-36b86ba0]{accent-color:#6be675;width:16px;height:16px}.hud-sep[data-v-36b86ba0]{width:1px;background:#ffffff1a;margin:0 6px}.dot[data-v-36b86ba0]{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 10px #00000080}.dot.ok[data-v-36b86ba0]{background:#6be675}.dot.warn[data-v-36b86ba0]{background:#ff9a5c}.btn.btn-mini[data-v-36b86ba0]{padding:6px 10px;font-size:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#1a2330cc;color:#e6edf3;cursor:pointer}.debug[data-v-36b86ba0]{position:fixed;left:16px;bottom:70px;width:540px;max-width:calc(100vw - 32px);background:#0c1219d9;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059}.debug-row[data-v-36b86ba0]{display:flex;gap:10px;align-items:center;margin-bottom:8px}.debug-col[data-v-36b86ba0]{flex:1;min-width:0}.debug-title[data-v-36b86ba0]{color:#9fb1c1;font-weight:700;font-size:.8rem;margin-bottom:4px}.debug-pre[data-v-36b86ba0]{margin:0;max-height:140px;overflow:auto;background:#0e141b;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.06);color:#cfe2f3;font-size:.78rem}.navbar[data-v-36b86ba0]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.brand[data-v-36b86ba0]{display:flex;align-items:center;gap:10px;color:#e6edf3;font-weight:700;z-index:2}.menu[data-v-36b86ba0]{position:absolute;left:50%;transform:translate(-50%);top:50%;transform-origin:center;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;z-index:1}.nav-right[data-v-36b86ba0]{display:flex;align-items:center;gap:12px;z-index:2}.btn-signin[data-v-36b86ba0]{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#1a2330e6;color:#e6edf3;cursor:pointer}.btn[data-v-36b86ba0]:focus-visible,.btn.btn-mini[data-v-36b86ba0]:focus-visible{outline:2px solid #6be675;outline-offset:2px}.dropdown-menu[data-v-36b86ba0]:focus{outline:none}.device.active[data-v-36b86ba0]{background:#6be6751f;border-radius:8px}.device.active>div>div[data-v-36b86ba0]{color:#e6ffe9}:root{--bg: #0b0f14;--bg-elev: #11161d;--fg: #e6edf3;--muted: #9fb1c1;--accent: #6be675;--accent-2: #44b0ff}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#0a0d12 60%,#080b10);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}.navbar{display:flex;align-items:center;gap:16px;padding:12px 16px;position:sticky;top:0;z-index:10;background:#0c1219b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-weight:800;letter-spacing:.4px;font-size:1.05rem;display:flex;align-items:center;gap:8px}.brand .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-2)}.split{display:inline-flex;overflow:hidden}.split span{display:inline-block;transform:translateY(120%);opacity:0}.split.ready span{animation:rise .65s cubic-bezier(.2,.8,.2,1) both}.split.ready span:nth-child(2){animation-delay:50ms}.split.ready span:nth-child(3){animation-delay:90ms}.split.ready span:nth-child(4){animation-delay:.12s}.menu{margin-left:auto;display:flex;gap:8px}.btn{background:linear-gradient(180deg,#1a2330,#121922);color:var(--fg);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elev);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;min-width:240px;box-shadow:0 12px 24px #0006;display:none}.dropdown.open .dropdown-menu{display:block}.dropdown-menu h4{margin:6px 8px 8px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.4px}.device{padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer}.device:hover{background:#16202c}.device small{color:var(--muted)}.scene{position:absolute;inset:56px 0 0}canvas{display:block;width:100%;height:100%}@keyframes rise{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}