:root{--text:#1a1a24;--bg:#fff;--bg-offset:#f8f8fa;--border:#1a1a24;--border-muted:#e5e5e7;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.app-container{background-color:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.ar-canvas{object-fit:contain;width:100%;height:100%;display:block}.raw-video{display:none}.loading-overlay{background-color:var(--bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:absolute;top:0;left:0}.loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{border:1.5px solid var(--border-muted);border-top-color:var(--border);border-radius:50%;width:32px;height:32px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{letter-spacing:.05em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:500;font-family:var(--font-sans)}.loading-logs{width:80%;max-width:360px;font-family:var(--font-mono);text-align:center;color:var(--text);opacity:.65;flex-direction:column;gap:4px;margin-top:24px;padding:0;font-size:9px;display:flex}.loading-log-item{word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.controls-overlay{z-index:10;pointer-events:auto;gap:12px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.btn-minimal{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);border:1.5px solid var(--border);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-minimal:hover{background-color:var(--text);color:var(--bg)}.btn-minimal:disabled{opacity:.4;cursor:not-allowed}.console-overlay{border:1px solid var(--border);z-index:50;width:280px;max-height:160px;font-family:var(--font-mono);pointer-events:auto;background-color:#ffffffe6;flex-direction:column;font-size:9px;line-height:1.4;display:flex;position:fixed;bottom:16px;left:16px}.console-header{background-color:var(--bg-offset);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:4px 8px;font-size:8px;font-weight:700;display:flex}.console-clear-btn{font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;color:var(--text);background:0 0;border:none;padding:0 4px;font-size:8px}.console-clear-btn:hover{text-decoration:underline}.console-logs-list{flex:1;margin:0;padding:6px 8px;list-style:none;overflow-y:auto}.console-logs-list li{word-break:break-all;white-space:pre-wrap;border-bottom:1px solid #f0f0f2;margin-bottom:4px;padding-bottom:2px}.console-logs-list li.log-info{color:#1a1a24}.console-logs-list li.log-warn{color:#856404;background-color:#fff3cd}.console-logs-list li.log-error{color:#721c24;background-color:#f8d7da;font-weight:700}.modal-backdrop{z-index:1000;background-color:#1a1a2466;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background-color:var(--bg);border:2px solid var(--border);flex-direction:column;gap:16px;width:90%;max-width:440px;padding:24px;display:flex;position:relative}.modal-title{text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border);margin:0;padding-bottom:10px;font-size:14px;font-weight:700}.modal-video{aspect-ratio:4/3;object-fit:contain;border:1px solid var(--border);background-color:#000;width:100%}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.instructions-tip{color:var(--text);font-size:10px;font-family:var(--font-mono);opacity:.6;pointer-events:none;line-height:1.6;position:absolute;top:24px;left:24px}@media (width<=600px){.controls-overlay{top:auto;bottom:24px;left:50%;transform:translate(-50%)}.instructions-tip{display:none}}