:root{--bg: #070707;--white: #ffffff;--paper: #ede4ce;--accent: #4a9eff;--text-dim: #3a3a3a;--text-ghost: #1a1a1a;--glass-bg: rgba(20, 20, 20, .7);--glass-border: rgba(255, 255, 255, .08);--error: #ff4a4a;--font-stack: "Instrument Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--font-stack);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#viewer-root{position:fixed;inset:0;width:100%;height:100%;background:var(--bg)}.viewer-mount{position:relative;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--font-stack);min-height:240px}#viewer-canvas,.viewer-mount .viewer-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--bg);opacity:0;transition:opacity .4s ease}#viewer-canvas.visible,.viewer-mount .viewer-canvas.visible{opacity:1}.viewer-mount .ollo-ui,#viewer-ui{position:absolute;inset:0;pointer-events:none;z-index:10}.viewer-mount .ollo-ui>*,#viewer-ui>*{pointer-events:auto}.ollo-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);z-index:20;transition:opacity .5s ease;pointer-events:none}.ollo-loading.revealing{background:transparent;transition:background 1.5s ease}.ollo-loading.hidden{opacity:0}.ollo-loading-logo-wrap{width:140px;display:flex;align-items:center;justify-content:center}.ollo-loading-logo{width:100%;height:auto;fill:#ffffffeb;display:block;overflow:visible}.ollo-loading-logo-wrap--pulse{animation:ollo-pulse 1.6s ease-in-out infinite}@keyframes ollo-pulse{0%,to{opacity:.4}50%{opacity:1}}.ollo-loading-logo-wrap--bounce .ollo-loading-logo path{animation:ollo-bounce 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ollo-loading-logo-wrap--bounce .ollo-loading-logo path[data-letter="0"]{animation-delay:0s}.ollo-loading-logo-wrap--bounce .ollo-loading-logo path[data-letter="1"]{animation-delay:.15s}.ollo-loading-logo-wrap--bounce .ollo-loading-logo path[data-letter="2"]{animation-delay:.3s}.ollo-loading-logo-wrap--bounce .ollo-loading-logo path[data-letter="3"]{animation-delay:.45s}@keyframes ollo-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-22%)}}.ollo-loading-bar-track{width:200px;height:12px;background:#ffffff14;border-radius:3px;overflow:hidden}.ollo-loading-bar-fill{width:0%;height:100%;background:var(--paper);transition:width .25s ease-out}.ollo-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,transform .15s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.ollo-btn:hover{background:#323232d9;transform:scale(1.06);border-color:#ffffff26}.ollo-btn:active{transform:scale(.94);transition-duration:.08s}.ollo-btn.active{background:#4a9eff33;border-color:#4a9eff66}.ollo-toolbar{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:15}.ollo-toolbar-btn{width:36px;height:36px;border-radius:8px;padding:0}.ollo-mode-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:15}.ollo-mode-option{background:none;border:none;color:#ffffff80;font-family:inherit;font-weight:300;font-size:11px;letter-spacing:.12em;padding:6px 16px;border-radius:16px;cursor:pointer;transition:color .2s ease,background .2s ease;text-transform:uppercase}.ollo-mode-option:hover{color:var(--white)}.ollo-mode-option.active{background:#4a9eff26;color:var(--white)}.ollo-info-panel{position:absolute;top:16px;left:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;padding:8px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;z-index:15;overflow:hidden;transition:background .2s ease,transform .15s ease,border-color .2s ease}.ollo-info-panel:hover{background:#323232d9;transform:scale(1.03);border-color:#ffffff26}.ollo-info-title{color:var(--white);font-size:13px;font-weight:400;letter-spacing:.06em;white-space:nowrap}.ollo-info-details{display:none;margin-top:8px;opacity:0;transition:opacity .2s ease}.ollo-info-panel.expanded .ollo-info-details{display:block;opacity:1}.ollo-info-subtitle{color:#fff9;font-size:11px;font-weight:300;letter-spacing:.08em;margin-bottom:6px}.ollo-info-description{color:#ffffff80;font-size:11px;font-weight:300;line-height:1.5;margin-bottom:6px}.ollo-info-attribution{color:#ffffff4d;font-size:10px;font-weight:300;letter-spacing:.1em}.ollo-branding{position:absolute;bottom:14px;left:16px;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;z-index:15;opacity:.35;transition:opacity .2s ease}.ollo-branding:hover{opacity:.7}.ollo-branding-label{font-size:8px;font-weight:300;letter-spacing:.14em;color:#fff9;text-transform:uppercase}.ollo-branding-logo{height:24px;filter:invert(1);opacity:.8}.ollo-toast{position:absolute;top:calc(100% + 8px);right:0;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);font-size:11px;font-weight:300;letter-spacing:.1em;padding:4px 12px;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;animation:ollo-fade-in .15s ease}@keyframes ollo-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fps-overlay{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--white);font-family:var(--font-stack);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em;user-select:none;z-index:20}.fps-overlay .num{font-weight:500}.fps-overlay .unit{font-size:10px;opacity:.7;margin-left:2px}.fps-overlay .sep{opacity:.3}.fps-overlay.good .fps .num{color:#6fffa8}.fps-overlay.ok .fps .num{color:var(--paper)}.fps-overlay.bad .fps .num{color:var(--error)}.quality-dropdown{position:absolute;bottom:16px;right:180px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--white);font-family:var(--font-stack);font-size:12px;user-select:none;z-index:20}.quality-dropdown .label{opacity:.7}.quality-dropdown select{background:transparent;color:var(--white);border:1px solid var(--glass-border);border-radius:6px;padding:2px 6px;font-family:inherit;font-size:12px;cursor:pointer;outline:none}.quality-dropdown select:focus{border-color:var(--accent)}.quality-dropdown select option{background:#1a1a1a;color:var(--white)}