:root{--bg: #070707;--white: #FFFFFF;--accent: #4A9EFF;--text-dim: #3a3a3a;--text-ghost: #1a1a1a;--glass-bg: rgba(20, 20, 20, .7);--glass-border: rgba(255, 255, 255, .08);--error: #FF4A4A}.ollo-viewer{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);font-family:Instrument Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ollo-viewer canvas{display:block;width:100%;height:100%}.ollo-ui{position:absolute;inset:0;pointer-events:none;z-index:10}.ollo-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}.ollo-loading.revealing{background:transparent;transition:background 1.5s ease;pointer-events:none}.ollo-loading.hidden{opacity:0;pointer-events:none}.ollo-loading-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:ollo-spin .8s linear infinite}@keyframes ollo-spin{to{transform:rotate(360deg)}}.ollo-loading-label{color:#fff6;font-size:11px;font-weight:300;letter-spacing:.15em}.ollo-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);font-weight:300;font-size:14px;letter-spacing:.1em;gap:16px}.ollo-error button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);font-family:inherit;font-weight:300;font-size:12px;letter-spacing:.1em;padding:8px 20px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease}.ollo-error button:hover{background:#282828cc}.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;display:flex;align-items:center;justify-content:center;font-family:inherit}.ollo-btn:hover{background:#323232d9;transform:scale(1.06);border-color:#ffffff26;cursor:pointer}.ollo-btn:active{transform:scale(.94);transition-duration:.08s}.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:var(--text-dim);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}.ollo-mode-option:hover{color:var(--white)}.ollo-mode-option.active{background:#4a9eff26;color:var(--white)}.ollo-joystick{position:absolute;bottom:0;right:0;width:180px;height:180px;z-index:15;pointer-events:auto}.ollo-joystick *{pointer-events:auto}.ollo-joystick.hidden{display:none}.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--embed{opacity:.5}.ollo-branding-label{font-size:8px;font-weight:300;letter-spacing:.14em;color:#fff9;text-transform:uppercase}.ollo-branding-logo{height:28px;filter:invert(1);opacity:.8}.ollo-minimap{position:absolute;bottom:16px;left:16px;width:160px;height:160px;z-index:15;pointer-events:none;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.ollo-minimap canvas{display:block;position:absolute;inset:0}.ollo-toolbar-btn.active{background:#4a9eff33;border-color:#4a9eff66}.ollo-measure-preview{position:absolute;width:16px;height:16px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20;box-shadow:0 0 4px #0006}.ollo-measure-preview:before,.ollo-measure-preview:after{content:"";position:absolute;background:#ffffffb3}.ollo-measure-preview:before{width:1px;height:6px;left:50%;top:50%;transform:translate(-50%,-50%)}.ollo-measure-preview:after{width:6px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}.ollo-measure-lens{position:absolute;width:160px;height:160px;border-radius:50%;overflow:hidden;border:2px solid rgba(74,158,255,.5);box-shadow:0 2px 12px #00000080;pointer-events:none;z-index:25}.ollo-measure-lens canvas{display:block;width:160px;height:160px;image-rendering:auto}.ollo-measure-lens-crosshair{position:absolute;inset:0;pointer-events:none}.ollo-measure-lens-crosshair:before,.ollo-measure-lens-crosshair:after{content:"";position:absolute;background:#4a9eff99}.ollo-measure-lens-crosshair:before{width:1px;height:100%;left:50%;transform:translate(-50%)}.ollo-measure-lens-crosshair:after{width:100%;height:1px;top:50%;transform:translateY(-50%)}.ollo-measure-label{position:absolute;transform:translate(-50%,-100%);margin-top:-8px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--white);font-family:Instrument Sans,sans-serif;font-size:11px;font-weight:300;letter-spacing:.08em;padding:3px 8px;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;white-space:nowrap;z-index:20}.ollo-fov-group{display:flex;align-items:center;gap:6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:4px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ollo-fov-slider{-webkit-appearance:none;appearance:none;width:60px;height:3px;background:#ffffff26;border-radius:2px;outline:none;cursor:pointer}.ollo-fov-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--white);cursor:pointer}.ollo-fov-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--white);border:none;cursor:pointer}.ollo-fov-label{color:var(--white);font-size:10px;font-weight:300;letter-spacing:.08em;min-width:28px;text-align:center}@media(max-width:768px){.ollo-fov-group{display:none}}.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)}}.ollo-tour-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:15}.ollo-tour-play{width:40px;height:40px;border-radius:50%;padding:0}.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-panel:active{transform:scale(.97);transition-duration:.08s}.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{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-hotspot{position:absolute;display:flex;align-items:center;gap:5px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:4px 10px 4px 6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .1s ease;z-index:12;pointer-events:auto;transform-origin:center bottom}.ollo-hotspot:hover{background:#282828d9}.ollo-hotspot-icon{display:flex;align-items:center;color:var(--accent)}.ollo-hotspot-label{color:var(--white);font-size:11px;font-weight:300;letter-spacing:.08em}.ollo-hotspot-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:6px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff9;font-size:10px;font-weight:300;letter-spacing:.06em;white-space:nowrap;pointer-events:none}