:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:IBM Plex Sans,Inter,SF Pro Text,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#050505;width:100%;height:100%;margin:0;overflow:hidden}#panorama-canvas{width:100vw;height:100vh;display:block}.overlay{pointer-events:none;opacity:1;color:#ffffffbf;padding:1rem;font-size:.95rem;transition:opacity .3s,background-color .8s,-webkit-backdrop-filter .8s,backdrop-filter .8s;position:fixed;inset:0}.overlay.hidden{opacity:0}.overlay.is-welcome{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background-color:#000000a6}.scene-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080ab8;border:1px solid #ffffff1f;border-radius:12px;max-width:min(320px,92vw);padding:.75rem .9rem;font-size:.82rem;line-height:1.35;position:absolute;top:1rem;left:1rem}.scene-status{color:#ffffffe0;margin-bottom:.65rem}.scene-panel-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.scene-panel-label{opacity:.75;font-size:.78rem}.toggle-group{border:1px solid #ffffff2e;border-radius:999px;display:inline-flex;overflow:hidden}.toggle-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:0;padding:.28rem .65rem;font-size:.78rem}.toggle-btn.is-active{color:#fff;background:#ff8c4259}.splat-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff783059,#c8461440);border:1px solid #ff8c428c;border-radius:10px;width:100%;margin-bottom:.35rem;padding:.45rem .6rem;font-size:.8rem}.splat-btn:disabled{opacity:.45;cursor:not-allowed}.splat-status{opacity:.85;min-height:1.2em;margin-bottom:.45rem;font-size:.76rem}.loop-label{opacity:.88;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.76rem;display:flex}.overlay-controls,.overlay-fullscreen{pointer-events:auto;transition:all .8s cubic-bezier(.25,1,.5,1);position:absolute}.overlay.is-welcome .overlay-controls{bottom:50%;transform:translate(-50%,50%)scale(1.6)}.overlay.is-welcome .overlay-fullscreen{bottom:calc(50% - 100px);right:50%;transform:translate(50%)scale(1.2)}.overlay.is-welcome #play-btn{background:#ff8c4240;border-color:#ff8c4299;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 20px #ff8c4266}@keyframes pulse-glow{0%{box-shadow:0 0 10px #ff8c424d}50%{box-shadow:0 0 25px #ff8c4299}to{box-shadow:0 0 10px #ff8c424d}}.overlay-controls{align-items:center;gap:.5rem;display:flex;bottom:1rem;left:50%;transform:translate(-50%)}.overlay-fullscreen{bottom:1rem;right:1rem}.control-btn{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;padding:.45rem .75rem}.control-btn:hover{background:#ffffff1f}#volume-slider{width:110px}@media (width<=768px){.overlay{font-size:.86rem}.overlay-controls{gap:.4rem}#volume-slider{width:84px}}