:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9fbff;background:#02030a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit}.app-shell{position:relative;width:100vw;height:100vh;min-width:320px;background:#02030a}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.viewport canvas{display:block;width:100%;height:100%}.toolbar{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(0,229,255,.36);border-radius:8px;background:#02030ab8;box-shadow:0 0 24px #00e5ff29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .18s ease}.toolbar button,.toolbar select,.hud-toggle{min-height:32px;border:1px solid rgba(0,229,255,.42);border-radius:6px;color:#e9fbff;background:#05070de0}.toolbar button,.hud-toggle{min-width:48px;padding:0 12px;cursor:pointer}.hud-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px}.hud-toggle input{accent-color:#00e5ff}.toolbar select{padding:0 28px 0 10px}.toolbar button:hover,.toolbar select:hover,.hud-toggle:hover{border-color:#ff2bd6c2}.capture .toolbar{opacity:.22}.capture .toolbar:hover,.capture .toolbar:focus-within{opacity:1}.capture-hud{position:absolute;right:16px;bottom:16px;width:min(220px,calc(100vw - 32px));padding:10px 12px;border:1px solid rgba(0,229,255,.28);border-radius:8px;background:#02030a9e;color:#e9fbffe0;font-size:12px;letter-spacing:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease}.capture .capture-hud{opacity:.72}.capture-hud span{display:block;margin-bottom:8px}.progress{height:4px;overflow:hidden;border-radius:999px;background:#e9fbff29}.progress span{display:block;height:100%;margin:0;background:linear-gradient(90deg,#00e5ff,#ff2bd6);box-shadow:0 0 16px #00e5ffb8}