:root{--bg: #08080c;--text: #f2f4f8;--text-dim: #98a1b2;--accent: #4f8cff;--glass-bg: rgba(18, 20, 28, .55);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .16);--glass-blur: 22px;--glass-shadow: 0 1px 0 0 var(--glass-highlight) inset, 0 12px 40px -12px rgba(0, 0, 0, .7), 0 2px 10px -4px rgba(0, 0, 0, .5);--radius: 16px;--ease: cubic-bezier(.4, 0, .2, 1);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app,.pano-container{position:fixed;top:0;right:0;bottom:0;left:0}.pano-canvas{display:block;touch-action:none;cursor:grab}.pano-canvas:active{cursor:grabbing}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.app.is-idle .filename,.app.is-idle .strip,.app.is-idle .edge{opacity:0;pointer-events:none}.app.is-idle .menu-fab{opacity:.25}.filename,.strip,.edge,.menu-fab{transition:opacity .5s var(--ease)}.load-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:#ffffff0f}.load-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#7fb0ff);box-shadow:0 0 12px #4f8cffb3;transition:width .12s ease-out}.filename{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:9px 16px;border-radius:999px;font-size:13px;z-index:30;max-width:min(560px,calc(100% - 32px))}.filename-name{font-weight:550;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename-meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px;padding-left:12px;border-left:1px solid var(--glass-border);flex-shrink:0}.edge{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:74px;display:grid;place-items:center;color:var(--text);cursor:pointer;z-index:30}.edge svg{width:22px;height:22px}.edge-left{left:16px}.edge-right{right:16px}.edge:disabled{opacity:.18;cursor:default;pointer-events:none}.strip{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:30;padding:8px;max-width:min(920px,calc(100% - 132px))}.strip-scroll{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.strip-scroll::-webkit-scrollbar{display:none}.thumb{position:relative;flex:0 0 auto;width:84px;height:50px;border:none;border-radius:9px;overflow:hidden;cursor:pointer;background:#ffffff0d;padding:0;opacity:.62;transition:opacity .18s var(--ease),transform .18s var(--ease)}.thumb:hover{opacity:1;transform:translateY(-2px)}.thumb.active{opacity:1}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-index{position:absolute;bottom:3px;right:5px;font-size:10px;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.thumb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:9px;box-shadow:0 0 14px -2px var(--accent);pointer-events:none}.strip-elide{flex:0 0 auto;padding:0 8px;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.dock{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:flex-end;gap:10px}.vr-btn{display:flex;align-items:center;gap:9px;height:52px;padding:0 20px;border-radius:26px;color:var(--text);font:inherit;font-size:14.5px;font-weight:550;cursor:pointer;white-space:nowrap;border-color:#4f8cff66}.vr-btn svg{width:22px;height:22px;color:var(--accent)}.vr-btn:hover{border-color:#4f8cffbf}.vr-btn.is-live{border-color:#ff82828c}.vr-btn.is-live svg{color:#ff8a8a}.menu-root{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.menu-fab{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--text);cursor:pointer}.menu-fab.is-open{color:var(--accent);border-color:#4f8cff73}.fab-glyph{display:grid;place-items:center}.icon{width:20px;height:20px;flex-shrink:0}.menu-panel{position:absolute;bottom:64px;right:0;width:286px;padding:12px;display:flex;flex-direction:column;gap:2px}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:11px;font-size:15px;min-height:44px}.menu-row-col{flex-direction:column;align-items:stretch;gap:7px}.menu-row-btn{background:none;border:none;color:inherit;font:inherit;width:100%;cursor:pointer;text-align:left;transition:background .14s var(--ease)}.menu-row-btn:hover{background:#ffffff12}.menu-label{display:flex;align-items:center;gap:8px;color:var(--text);white-space:nowrap}.menu-row-col .menu-label{justify-content:space-between;width:100%}.menu-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px}.menu-icons{display:flex;align-items:center;gap:8px;padding:2px 6px}.menu-icon-btn{display:grid;place-items:center;width:40px;height:36px;flex-shrink:0;border-radius:10px;background:#ffffff12;border:1px solid var(--glass-border);color:var(--text);cursor:pointer;transition:background .14s var(--ease)}.menu-icon-btn:hover{background:#ffffff29}.segmented{display:flex;margin-left:auto;border-radius:10px;border:1px solid var(--glass-border);overflow:hidden;background:#ffffff0d}.segmented button{border:none;background:none;color:var(--text-dim);font:inherit;font-size:12px;padding:0 9px;height:36px;cursor:pointer;white-space:nowrap;transition:background .14s var(--ease),color .14s var(--ease)}.segmented button:hover{color:var(--text)}.segmented button.on{background:#4f8cff47;color:#fff}.menu-sub{overflow:hidden}.menu-rule{height:1px;background:var(--glass-border);margin:7px 4px}.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff12;color:var(--text);border:1px solid var(--glass-border);border-radius:9px;padding:7px 28px 7px 11px;font:inherit;font-size:13px;max-width:172px;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%2398a1b2' stroke-width='1.6' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.switch{width:40px;height:23px;border-radius:999px;background:#ffffff1f;border:1px solid var(--glass-border);display:flex;align-items:center;padding:2px;justify-content:flex-start;flex-shrink:0;transition:background .2s var(--ease),border-color .2s var(--ease)}.switch.on{background:var(--accent);border-color:transparent;justify-content:flex-end}.switch-knob{width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;display:block}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff24;border-radius:999px;cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 1px 4px #00000080}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:3px solid var(--accent);border-radius:50%;background:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty-state{height:100%;display:grid;place-content:center;text-align:center;gap:12px;padding:24px}.empty-state h1{font-size:22px;font-weight:600}.empty-state p{color:var(--text-dim);max-width:52ch;line-height:1.6}.empty-state code{background:#ffffff14;border-radius:5px;padding:1px 6px}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);border-color:#ff787859;color:#ffd9d9;padding:10px 18px;border-radius:12px;font-size:13px;z-index:70;max-width:calc(100% - 40px)}@media(max-width:640px){.strip{max-width:calc(100% - 24px);bottom:86px}.edge{width:40px;height:62px}.menu-panel{width:min(292px,calc(100vw - 40px))}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}