.reel{height:100vh;overflow:hidden;background-color:#f5f5f5}.reel,.reel .reel-frame{position:relative;width:100%}.reel .reel-frame{height:100%}.reel .reel-frame .reel-menu{position:absolute;bottom:3vh;width:100%}.reel .disclaimer{top:20px;right:20px;background-color:hsla(0,0%,100%,.8);color:#333;padding:8px 12px;border-radius:4px;font-size:12px;z-index:30;box-shadow:0 2px 4px rgba(0,0,0,.1)}.overlay,.reel .disclaimer{position:absolute;pointer-events:none}.overlay{top:0;left:0;width:100%;height:100%;z-index:10}.overlay>*{pointer-events:auto}.controls .controls-buttons{display:flex;justify-content:space-between;padding:0 2vh}.controls .controls-buttons .left-btns{display:flex;gap:1vh}.controls .controls-buttons .left-btns .controls-button .icon{width:2vh}.controls .controls-buttons .right-btns{display:flex;gap:10px}.controls-button{border-radius:3vh;background-color:hsla(0,0%,100%,.8);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;padding:1.5vh;gap:1vh}.controls-button svg{width:24px;height:24px;color:#333}.controls-button:hover{background-color:#fff;transform:scale(1.05)}.controls-button:active{transform:scale(.95)}.controls-indicator{background-color:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:4px;font-family:sans-serif;font-size:14px}.controls-indicator .controls-separator{margin:0 4px;opacity:.7}.menu-container{position:relative}.menu-dropdown{position:absolute;bottom:100%;left:0;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);padding:20px;width:260px;z-index:100;margin-bottom:12px}.toggle-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.toggle-label-container{display:flex;align-items:center;gap:10px}.toggle-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.toggle-icon svg{width:100%;height:100%;color:#333}.toggle-label{font-size:14px;font-weight:500;color:#333}.toggle-switch{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e1e1e1;border-radius:24px;transition:.3s;border:1px solid #e1e1e1}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:1px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}input:checked+.toggle-slider{background-color:#00b5a0;border-color:#00b5a0}input:checked+.toggle-slider:before{transform:translateX(22px)}.status-section{margin-top:24px;border-top:1px solid #eee;padding-top:16px;position:relative}.status-section:before{content:"";position:absolute;top:-1px;left:-20px;right:-20px;height:1px;background-color:#eee}.status-title{font-size:15px;font-weight:600;color:#333;margin:0 0 16px}.status-indicator,.status-item{display:flex;align-items:center}.status-indicator{width:20px;height:20px;border-radius:50%;margin-right:10px;background-color:#45a659;justify-content:center}.status-indicator svg{width:12px;height:12px;color:#fff}.status-indicator.available{background-color:#00b5a0}.status-indicator.available:after{content:none}.status-text{font-size:14px;color:#333}.frame{position:relative;width:100%;height:100%;overflow:hidden}.frame-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.frame-image{width:100%;height:100%;object-fit:cover}.frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.images-loader{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);z-index:20}.loading-container{width:300px;text-align:center;color:#fff}.loading-progress-bar{width:100%;height:10px;background-color:hsla(0,0%,100%,.2);border-radius:5px;overflow:hidden;margin-bottom:10px}.loading-progress-fill{height:100%;background-color:#fff;border-radius:5px}.loading-text{font-size:16px;margin:0}.compass{position:relative;left:20px;top:10px;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.compass .compass-rose{width:100%;height:100%}.compass .compass-rose svg{width:100%;height:100%;color:#000}.compass .compass-rose{width:60px;height:60px;position:relative;background-color:hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2)}.compass .compass-rose:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.1);border-radius:50%}.compass .compass-east,.compass .compass-north,.compass .compass-south,.compass .compass-west{position:absolute;font-size:10px;font-weight:700;color:#333;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.compass .compass-north{top:5px;left:50%;transform:translateX(-50%);color:#e63946}.compass .compass-east{right:5px;top:50%;transform:translateY(-50%)}.compass .compass-south{bottom:5px;left:50%;transform:translateX(-50%)}.compass .compass-west{left:5px;top:50%;transform:translateY(-50%)}.compass .compass-needle{position:absolute;top:30px;left:30px;width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:24px solid #e63946;transform:translate(-50%,-100%) rotate(0deg);transform-origin:50% 100%;z-index:2}.compass .compass-direction{margin-top:5px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background-color:rgba(0,0,0,.5);padding:2px 6px;border-radius:3px}