:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#000}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#000;color:#f5f5f5}canvas{display:block;width:100vw;height:100vh;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.hud{position:fixed;z-index:2;top:18px;left:18px;width:min(300px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:16px;border:1px solid #2f2f33;border-radius:12px;background:#0c0c0ed6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:baseline;gap:7px;margin-bottom:16px;letter-spacing:.08em}.brand strong{font-size:17px}.brand span{color:#8e8e96;font-size:10px}.file-picker,.select-control{display:block;margin:9px 0;font-size:12px;color:#c9c9d0}.file-picker input{position:absolute;width:1px;opacity:0}.file-picker span,select{display:block;width:100%;padding:9px 10px;border:1px solid #45454d;border-radius:7px;background:#202025;color:#fff;cursor:pointer}.playback-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;margin:10px 0}.playback-controls button{min-width:58px;padding:8px 10px;border:1px solid #45454d;border-radius:7px;background:#202025;color:#fff;cursor:pointer}.playback-controls button:disabled{cursor:default;opacity:.5}.seek-control{display:grid;gap:2px;min-width:0}.seek-control input{width:100%;accent-color:#a9d2ff}.seek-control output{color:#aaaab2;font-size:10px;text-align:right}.controls{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:14px}.control{font-size:11px;color:#aaaab2}.control span{display:flex;justify-content:space-between}.control output{color:#fff}.control input{width:100%;accent-color:#a9d2ff}#video-info,#status{margin:12px 0 0;color:#9898a2;font-size:11px;line-height:1.4}#status{color:#b8b8c0}.xr-button{position:fixed!important;z-index:3;right:18px!important;bottom:18px!important}.xr-debug-stats{position:fixed;z-index:5;top:18px;right:18px;width:min(330px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;padding:12px 14px;border:1px solid #2f2f33;border-radius:12px;background:#0a0a0ce0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:11px;color:#d4d4d8}.xr-debug-title{margin-bottom:10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#f5f5f5}.xr-debug-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid rgb(255 255 255 / .04)}.xr-debug-row:first-of-type{border-top:0}.xr-debug-label{color:#a8a8b0}.xr-debug-value{color:#fff;text-align:right;word-break:break-word}body.xr-active .hud{display:none}@media(max-width:600px){.hud{top:10px;left:10px;width:min(280px,calc(100vw - 20px))}.controls{gap:6px 10px}}