.projection-body{margin:0;background:#05070e;color:var(--fg, #e8eefc);overflow:hidden;font-family:ui-monospace,SF Mono,Menlo,monospace}.projection-stage{position:fixed;top:0;right:0;bottom:0;left:0}#projection-canvas{display:block;width:100%;height:100%;touch-action:none}.projection-title{position:fixed;top:14px;left:18px;z-index:5;pointer-events:none;font-size:13px;letter-spacing:.02em;color:var(--fg-dim, #9fb0c8)}.projection-title b{color:var(--fg, #e8eefc);font-weight:600}#projection-controls{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:5;width:max-content;max-width:calc(100vw - 24px)}.proj-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:9px 13px;background:#0a0e18d1;border:1px solid var(--border, #243049);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.proj-btn{width:34px;height:34px;font-size:16px;line-height:1;color:var(--fg, #e8eefc);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #243049);border-radius:8px;cursor:pointer}.proj-btn:hover{border-color:var(--accent, #6aa6ff)}.proj-toggle{height:34px;padding:0 12px;font-size:12px;white-space:nowrap;color:var(--fg, #e8eefc);background:var(--bg-elev-2, #131b2c);border:1px solid var(--border, #243049);border-radius:8px;cursor:pointer}.proj-toggle:hover{border-color:var(--accent, #6aa6ff)}.proj-scrub{flex:1 1 200px;min-width:140px;accent-color:var(--accent, #6aa6ff)}.proj-phase{min-width:210px;font-size:12px;color:var(--accent, #8fb6ff)}.proj-check,.proj-lat{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--fg-dim, #9fb0c8);cursor:pointer;-webkit-user-select:none;user-select:none}.proj-check input{accent-color:var(--accent, #6aa6ff)}.proj-lat input{width:96px;accent-color:var(--accent, #6aa6ff)}.proj-lat span{white-space:nowrap}@media (max-width: 640px){#projection-controls{left:8px;right:8px;transform:none;width:auto;max-width:none}.proj-scrub{flex-basis:100%}.proj-phase{min-width:0;flex-basis:100%;text-align:center}}