html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background:#000;font-family:-apple-system,system-ui,sans-serif}#wrapper{position:relative;width:100%;height:100%;opacity:0;transition:opacity .8s ease}body.loaded #wrapper{opacity:1}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}body.loaded #loading-overlay{opacity:0;visibility:hidden}.pano-container{position:absolute;top:0;left:0;width:100%!important;height:100%!important}#container_left{z-index:5}#container_right{z-index:10;pointer-events:none}#slider-handle{position:absolute;z-index:95;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}body.mode-horizontal #slider-handle::before{content:"";position:absolute;width:3px;height:100%;background:linear-gradient(to bottom,transparent,var(--slider-col) 15%,var(--slider-col) 85%,transparent)}body.mode-vertical #slider-handle::before{content:"";position:absolute;height:3px;width:100%;background:linear-gradient(to right,transparent,var(--slider-col) 15%,var(--slider-col) 85%,transparent)}#slider-handle::after{position:absolute;content:"↔";z-index:2;background:var(--btn-bg);color:var(--icon-col);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 4px 15px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .2s,box-shadow .2s}#slider-handle:hover::after{transform:scale(1.15);box-shadow:0 6px 20px rgba(0,0,0,.6)}#slider-handle.dragging::after{transform:scale(1.2) rotate(45deg);background:var(--slider-col);color:var(--btn-bg);box-shadow:0 8px 25px rgba(0,0,0,.7)}.label{position:absolute;padding:10px 22px;background:var(--lab-bg);color:var(--lab-txt);font-size:11px;text-transform:uppercase;letter-spacing:2px;border-radius:50px;z-index:80;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,.3)}#controls{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:100}.btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--btn-bg);color:var(--icon-col);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .2s ease}.btn:hover{transform:scale(1.15);background:var(--btn-hov)}body.mode-horizontal #slider-handle{height:100%;width:40px;top:0}body.mode-horizontal #lab-left{top:30px;left:30px}body.mode-horizontal #lab-right{top:30px;right:30px}body.mode-vertical #slider-handle{width:100%;height:40px;left:0}body.mode-vertical #slider-handle::after{content:"↕"}body.mode-vertical #lab-left{top:30px;left:50%;transform:translateX(-50%)}body.mode-vertical #lab-right{bottom:30px;left:50%;transform:translateX(-50%)}