:root{--bg:#0f1319;--fg:#e9f0fb;--muted:#9db0c9}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 10% 10%, #1c2430 0%, var(--bg) 45%);width:100%;height:100%;color:var(--fg);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#hud{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1219cc;border:1px solid #2a3444;border-radius:10px;max-width:min(520px,100vw - 32px);margin:16px;padding:12px 14px;position:fixed;inset:0 auto auto 0}#hud-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}#hud-brand{align-items:center;gap:8px;min-width:0;display:flex}#hud-header-actions{align-items:center;gap:8px;display:flex}#hud h1{margin:0;font-size:16px;font-weight:700}#hud p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}#supported-devices{margin-bottom:10px}#btn-toggle-menu{color:#e9f0fb;cursor:pointer;background:#1a2638e6;border:1px solid #36507a;border-radius:8px;padding:6px 10px;font-size:12px}#hud.collapsed{max-width:min(340px,100vw - 32px)}#hud.collapsed #hud-extended{display:none}#hud.xr-hidden{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;max-width:none;padding:0;inset:0 0 auto}#hud.xr-hidden #hud-header{margin:0}#hud.xr-hidden h1,#hud.xr-hidden #hud-extended,#hud.xr-hidden #controls,#hud.xr-hidden #step-row,#hud.xr-hidden #placement-hint{display:none}#loader-controls{margin-top:10px;display:block}.loader-section{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.loader-section[hidden]{display:none}#load-source-choice{grid-template-columns:repeat(2,minmax(0,1fr))}#file-load-controls,#github-load-controls{margin-top:8px}.loader-section select,.loader-section input,.loader-section button{color:#e9f0fb;background:#1a2638e6;border:1px solid #36507a;border-radius:8px;width:100%;min-width:0;padding:8px 10px;font-size:12px}.loader-section input{background:#131b28e6}.loader-section button{cursor:pointer}#load-status{color:#c8d7eb;margin-top:8px;font-size:12px}#load-status[data-state=error]{color:#ff9e9e}#controls{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}body:not(.assembly-loaded) #controls,body:not(.assembly-loaded) #step-row,body:not(.xr-session-active) #controls,body:not(.xr-session-active) #step-row,body:not(.xr-session-active) #placement-hint{display:none}#controls button{color:#e9f0fb;cursor:pointer;background:#1a2638e6;border:1px solid #36507a;border-radius:8px;padding:7px 10px;font-size:12px}#controls button:disabled{opacity:.45;cursor:default}#timeline-controls{flex:1 0 100%;grid-template-columns:auto minmax(0,1fr) 156px;align-items:center;gap:10px;min-width:0;display:grid}#step-slider{accent-color:#63a4ff;width:100%}#step-time-control{min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}#step-time-control span{text-align:right;flex:auto;min-width:48px;line-height:1.15}#step-duration-control{color:#e9f0fb;background:#1a2638e6;border:1px solid #36507a;border-radius:8px;flex:none;grid-template-columns:28px 40px 28px;align-items:center;display:grid;overflow:hidden}#controls #step-duration-control button{background:0 0;border:0;border-radius:0;min-width:0;padding:5px 4px;font-size:16px;line-height:1}#step-duration{text-align:center;font-variant-numeric:tabular-nums;min-width:0}#hud .danger-action{color:#fff;background:#701c26e6;border-color:#a94c55}@media (width<=480px){#timeline-controls{grid-template-columns:auto minmax(100px,1fr)}#step-time-control{grid-column:1/-1;justify-content:flex-end}}@media (height<=420px){#hud{max-height:calc(100dvh - 16px);margin:8px;overflow-y:auto}}#step-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}#step-label{color:#c8d7eb;font-size:12px}#placement-hint{color:#d5e3f7;background:#142033bf;border:1px solid #5a7fb859;border-radius:8px;margin-top:6px;padding:6px 8px;font-size:11px;line-height:1.3}#anchor-status{letter-spacing:.02em;border:1px solid #0000;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}#anchor-status:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}#anchor-status[data-state=pending]{color:#ffc83c;background:#ffc83c1f;border-color:#ffc83c59}#anchor-status[data-state=pending]:before{background:#ffc83c;animation:1.2s ease-in-out infinite pulse}#anchor-status[data-state=anchored]{color:#3cd28c;background:#3cd28c1f;border-color:#3cd28c59}#anchor-status[data-state=anchored]:before{background:#3cd28c}#anchor-status[data-state=static]{color:#9db0c9;background:#9bb0c81a;border-color:#9bb0c840}#anchor-status[data-state=static]:before{background:#9db0c9}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#hud-logo{object-fit:contain;opacity:.85;flex-shrink:0;width:40px;height:40px}@media (width>=640px){#file-load-controls{grid-template-columns:150px 140px minmax(0,1fr) auto;align-items:center}#github-load-controls{grid-template-columns:150px minmax(0,1fr) auto;align-items:center}}canvas{display:block}html.xr-ios-active,body.xr-ios-active,body.xr-ios-active canvas{background:0 0!important}
