:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3f8;font-synthesis:none;text-rendering:optimizelegibility;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#app{background:#080b10;position:relative}html.nv-demo-fullscreen{overscroll-behavior:none}html.nv-demo-fullscreen #app{height:100vh;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}#viewer-canvas{touch-action:none;width:100%;height:100%;display:block}#viewer-canvas:focus{outline:none}#viewer-canvas:focus-visible{outline-offset:-2px;outline:2px solid #7ddcff}.controls{min-height:56px;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));z-index:10;background:#0b0f15;grid-template-columns:44px max-content minmax(0,1fr) 44px;align-items:center;gap:6px;display:grid;position:absolute;top:auto;bottom:0;left:0;right:0}.icon-button{color:#eef3f8;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:19px;font-weight:750;display:inline-flex}.icon-button:hover:not(:disabled){background:#273342}.icon-button:disabled,.seek:disabled{cursor:default;opacity:.45}.icon-button:focus-visible{outline-offset:-2px;outline:2px solid #7ddcff}.seek:focus-visible{outline-offset:-2px;outline:2px solid #7ddcff}.icon-svg{width:22px;height:22px}.time-readout{color:#d9e4ee;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.seek-wrapper{min-width:0;height:44px;position:relative}.seek-track{background:rgba(174,190,208,.22);border-radius:999px;height:5px;position:absolute;top:50%;bottom:auto;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.seek-fill{height:100%;width:calc(var(--seek-ratio,0) * (100% - 13px) + 6.5px);background:linear-gradient(90deg,#62d5ff,#7ddcff)}.seek{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;padding:0;display:block;position:relative}.seek::-webkit-slider-runnable-track{background:0 0;height:5px}.seek::-moz-range-track{background:0 0;height:5px}.seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;opacity:0;background:#7ddcff;border:0;border-radius:50%;width:13px;height:13px;margin-top:-4px}.seek::-moz-range-thumb{opacity:0;background:#7ddcff;border:0;border-radius:50%;width:13px;height:13px}.seek:hover::-webkit-slider-thumb{opacity:1}.seek:focus-visible::-webkit-slider-thumb{opacity:1}.seek:hover::-moz-range-thumb{opacity:1}.seek:focus-visible::-moz-range-thumb{opacity:1}.seek-tooltip{color:#eef3f8;font-variant-numeric:tabular-nums;pointer-events:none;background:#0b0f15;border-radius:4px;padding:4px 7px;font-size:11px;position:absolute;bottom:42px;transform:translate(-50%)}.loading-ui{pointer-events:none;z-index:9;background:rgba(11,15,21,.92);border:1px solid rgba(174,190,208,.28);border-radius:8px;width:min(420px,100% - 40px);padding:12px 14px;position:absolute;bottom:68px;left:20px}.loading-header{justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.loading-track{background:rgba(174,190,208,.2);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.loading-fill{background:#62d5ff;width:0;height:100%}.loading-sub{color:#aebfd0;font-variant-numeric:tabular-nums;margin-top:7px;font-size:11px}.error-overlay{text-align:center;z-index:12;background:#080b10;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:56px;left:0;right:0}.error-overlay strong{font-size:16px}.error-overlay p{color:#bac9d7;max-width:440px;margin:10px 0 0;font-size:13px;line-height:1.6}.notice{right:12px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:11;background:#0b0f15;border-radius:6px;max-width:calc(100% - 24px);margin:0;padding:8px 12px;font-size:12px;position:absolute}