: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;bottom:0;left:0;width:100%;height:3px;background:#ffffff0d;z-index:20;transition:opacity .4s ease}.ollo-loading-bar{height:100%;width:0%;background:var(--accent);transition:width .15s ease}.ollo-loading.hidden{opacity:0;pointer-events:none}.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:#282828cc}.ollo-btn:active{transform:scale(.95)}.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-watermark{position:absolute;bottom:12px;left:16px;font-size:10px;font-weight:300;letter-spacing:.1em;color:var(--text-dim);text-decoration:none;transition:color .2s ease;z-index:15}.ollo-watermark:hover{color:var(--white)}.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-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-timeline{position:absolute;bottom:56px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:6px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:15;min-width:240px;max-width:400px}.ollo-timeline-play{width:28px;height:28px;border-radius:50%;padding:0;flex-shrink:0}.ollo-timeline-scrubber{flex:1;position:relative;height:28px;display:flex;align-items:center;cursor:pointer}.ollo-timeline-track{position:relative;width:100%;height:3px;background:#ffffff26;border-radius:2px}.ollo-timeline-fill{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .05s linear}.ollo-timeline-markers{position:absolute;inset:0;pointer-events:none}.ollo-timeline-marker{position:absolute;top:50%;width:6px;height:6px;background:var(--white);transform:translate(-50%,-50%) rotate(45deg)}.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);max-width:320px;cursor:pointer;z-index:15;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.ollo-info-title{color:var(--white);font-size:13px;font-weight:400;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ollo-info-details{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease;margin-top:0}.ollo-info-panel.expanded .ollo-info-details{max-height:200px;margin-top:8px}.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}