:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--vrp-bg:#0b0d10;--vrp-panel:#14181d;--vrp-border:#2a323b;--vrp-text:#e8edf2;--vrp-muted:#9aa7b2;--vrp-accent:#74d4b3}*{box-sizing:border-box}body{background:var(--vrp-bg);color:var(--vrp-text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh}.vrp-shell{flex-direction:column;gap:16px;max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:flex}.vrp-header h1{margin:0;font-size:1.35rem;font-weight:650}.vrp-stage{border:1px solid var(--vrp-border);background:#000;border-radius:12px;overflow:hidden}.vrp-video{aspect-ratio:2;object-fit:contain;background:#000;width:100%;display:block}.vrp-magic-canvas{aspect-ratio:2;cursor:grab;background:#000;width:100%;display:block}.vrp-magic-canvas:active{cursor:grabbing}.vrp-stage:fullscreen{background:#000;align-items:center;display:flex}.vrp-stage:fullscreen .vrp-magic-canvas{aspect-ratio:auto;height:100%}.vrp-2d-bar{background:var(--vrp-panel);border:1px solid var(--vrp-border);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.vrp-2d-bar button{appearance:none;color:var(--vrp-text);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.15rem;line-height:1}.vrp-2d-seek{accent-color:var(--vrp-accent);flex:1}.vrp-2d-time{color:var(--vrp-muted);white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.vrp-bar{align-items:center;gap:14px;display:flex}.vrp-vr-button{appearance:none;color:#08110d;background:var(--vrp-accent);cursor:pointer;border:none;border-radius:10px;padding:10px 26px;font-size:1rem;font-weight:650}.vrp-vr-button:disabled{opacity:.55;cursor:default}.vrp-file-button{appearance:none;border:1px solid var(--vrp-border);color:var(--vrp-text);cursor:pointer;background:0 0;border-radius:10px;padding:9px 18px;font-size:.95rem}.vrp-file-button:hover{border-color:var(--vrp-accent)}.vrp-stage--drop{outline:2px dashed var(--vrp-accent);outline-offset:-2px}.vrp-projection{color:var(--vrp-muted);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.vrp-projection__select{appearance:none;border:1px solid var(--vrp-border);background:var(--vrp-panel);color:var(--vrp-text);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:.9rem}.vrp-status{color:var(--vrp-muted);margin:0;font-size:.9rem}.vrp-remote{color:var(--vrp-accent);font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.vrp-enter-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0dd1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.vrp-enter-overlay__button{appearance:none;color:#08110d;background:var(--vrp-accent);cursor:pointer;border:none;border-radius:20px;padding:26px 72px;font-size:1.7rem;font-weight:700;box-shadow:0 8px 40px #74d4b359}.vrp-enter-overlay__button:disabled{opacity:.55}.vrp-enter-overlay__hint{color:var(--vrp-muted);margin:0;font-size:1rem}.vrp-debug{background:var(--vrp-panel);border:1px solid var(--vrp-border);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.vrp-debug__controls{align-items:center;gap:16px;display:flex}.vrp-debug__toggle{color:var(--vrp-muted);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.vrp-debug button{appearance:none;border:1px solid var(--vrp-border);color:var(--vrp-text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.85rem}.vrp-debug button:disabled{opacity:.45;cursor:default}.vrp-debug__output{resize:vertical;color:#b8e6d2;border:1px solid var(--vrp-border);background:#0a0c0f;border-radius:8px;width:100%;min-height:260px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;line-height:1.45}body.embed .vrp-shell{gap:0;max-width:none;min-height:100vh;padding:0}body.embed .vrp-stage{border:none;border-radius:0;flex:1}body.embed .vrp-video{aspect-ratio:auto;height:100vh}body.embed .vrp-shell--minimal .vrp-video,body.embed .vrp-shell--none .vrp-video{height:100vh}body.embed .vrp-magic-canvas{aspect-ratio:auto;height:100vh}body.embed .vrp-2d-bar{z-index:9;background:linear-gradient(#0000,#080a0dd9);border:none;border-radius:0;position:fixed;bottom:0;left:0;right:0}body.embed .vrp-bar{z-index:10;background:#0b0d10bf;border-radius:10px;padding:8px 10px;position:fixed;bottom:64px;left:12px}body.embed .vrp-debug{z-index:10;max-width:420px;max-height:70vh;position:fixed;top:12px;right:12px;overflow:auto}.vrp-embed-error{color:#ff9d9d;padding:24px;font-family:ui-monospace,Menlo,monospace}
