.viewport.svelte-1mb7uhx{flex:1;position:relative;min-width:0;width:100%;height:100%}.render-canvas.svelte-1mb7uhx{width:100%;height:100%;display:block;outline:none}.loading-overlay.svelte-1mb7uhx,.error-overlay.svelte-1mb7uhx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.load-spinner.svelte-1mb7uhx{text-align:center;width:240px}.load-bar.svelte-1mb7uhx{height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-bottom:.75rem}.load-fill.svelte-1mb7uhx{height:100%;background:linear-gradient(90deg,#00ff80,#0c6);border-radius:999px;transition:width .2s}.loading-overlay.svelte-1mb7uhx p:where(.svelte-1mb7uhx){color:#aaa;font-size:.9rem;margin:0}.error-overlay.svelte-1mb7uhx p:where(.svelte-1mb7uhx){color:#f44;font-size:1.1rem;background:#000c;padding:1rem 2rem;border-radius:8px}.playback-controls.svelte-1mb7uhx{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:999px;z-index:20}.play-btn.svelte-1mb7uhx{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.scrubber.svelte-1mb7uhx{width:180px;accent-color:#fff;cursor:pointer}.frame-counter.svelte-1mb7uhx{color:#ccc;font-size:.8rem;font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:right}