:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}#app{isolation:isolate;background:#09000d;min-width:280px;min-height:280px;position:relative}#app:before,#app:after{z-index:0;content:"";pointer-events:none;will-change:transform;position:absolute;inset:-45%}#app:before{transform:translate3d(var(--rainbow-near-x,0), var(--rainbow-near-y,0), 0) rotate(var(--rainbow-tilt,0deg));background:linear-gradient(118deg,#b7003b,#d94c00,#b89800,#00875f,#006fb3,#4b35b5,#980099)}#app:after{mix-blend-mode:screen;opacity:.72;transform:translate3d(var(--rainbow-far-x,0), var(--rainbow-far-y,0), 0) rotate(var(--rainbow-far-tilt,0deg));background:linear-gradient(226deg,#210015,#443000,#003e32,#002e55,#26004f)}#viewer{z-index:1;cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:relative}#viewer:active{cursor:grabbing}.toolbar{z-index:2;top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.toolbar button,.toolbar-button{color:#f5f5f5;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212d1;border:1px solid #343434;border-radius:6px;place-items:center;width:40px;height:40px;padding:0;transition:background-color .14s,border-color .14s;display:grid}.toolbar button:hover,.toolbar-button:hover{background:#242424;border-color:#666}.toolbar button[aria-pressed=true]{color:#111;background:#f2f2f2;border-color:#f2f2f2}.toolbar button:focus-visible,.toolbar-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.toolbar svg{stroke-width:1.8px;width:18px;height:18px}.toolbar svg.is-hidden{display:none}.status{z-index:2;color:#c9c9c9;text-align:center;letter-spacing:0;width:min(240px,100% - 48px);font-size:12px;line-height:1.4;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status.is-hidden{opacity:0;pointer-events:none}.status.is-error{color:#ff8d8d}.progress-track{background:#2b2b2b;width:100%;height:2px;margin-top:10px;overflow:hidden}.progress-bar{transform-origin:0;background:#f2f2f2;width:100%;height:100%;transition:transform .12s;transform:scaleX(0)}@media (width<=520px){.toolbar{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.toolbar button,.toolbar-button,.status,.progress-bar{transition:none}}
