*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-user-select:none;user-select:none;background:#050505;font-family:Inter,system-ui,sans-serif;overflow:hidden}.panel{z-index:40;background:#111;border-right:1px solid #222;width:320px;height:100%;padding:20px;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.panel.open{transform:translate(0)}.panel h2{color:#fff;margin-bottom:24px;font-size:20px;font-weight:600}.section{background:#1a1a1a;border:1px solid #222;border-radius:12px;margin-bottom:16px;padding:16px}.section h3{text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:12px;font-size:10px}.field{margin-bottom:10px}.field label{text-transform:uppercase;color:#555;margin-bottom:4px;font-size:10px;display:block}.field input[type=text],.field input[type=number]{color:#fff;background:#222;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.field input:focus{border-color:#007aff}.field input[type=range]{width:100%}.field input[type=file]{color:#888;width:100%;font-size:12px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.btn-primary{color:#fff;background:#007aff}.btn-primary:hover{background:#06d}.btn-export{color:#00e676;background:0 0;border:1px solid #00e676}.btn-export:hover{color:#000;background:#00e676}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#f44;background:#1a0000;padding:6px;font-size:11px}.btn-danger:hover{background:#300}.station-card{background:#222;border:1px solid #2a2a2a;border-radius:8px;margin-bottom:10px;padding:12px}.station-card hr{border:none;border-top:1px solid #333;margin:10px 0}.loop-loaded{color:#00e676;margin-top:4px;font-size:11px}.toggle-btn{z-index:50;color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #007aff66}.toggle-btn:hover{transform:scale(1.1)}.viewer{cursor:grab;background:#050505;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.viewer:active{cursor:grabbing}.viewer canvas{pointer-events:none;max-width:100%;max-height:100%;display:block}.controls{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000b3;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:15px;padding:8px 16px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.controls .nav-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.controls span{letter-spacing:2px;color:#fff;text-align:center;min-width:60px;font-size:18px;font-weight:700}.sens-row{align-items:center;gap:10px;display:flex}.sens-row input{flex:1}.sens-row span{color:#fff;min-width:30px;font-size:13px}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes zoomBarFade{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes zoomBarFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(5px)scale(.97)}}@keyframes discoverFadeOut{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.92)}}@keyframes discoverPulse{0%,to{box-shadow:0 0 #ffffff26}50%{box-shadow:0 0 24px 6px #ffffff2e}}@keyframes gridBtnSpin{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes panelIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.discover-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;letter-spacing:1.5px;background:#ffffff21;border:1px solid #ffffff52;border-radius:50px;padding:14px 44px;font-family:inherit;font-size:15px;font-weight:500;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .18s,box-shadow .18s;animation:3s ease-in-out infinite discoverPulse}.discover-btn:hover{background:#ffffff38;animation:none;transform:scale(1.07);box-shadow:0 0 28px 4px #ffffff38,0 4px 24px #0000004d}.discover-btn:active{transform:scale(.97)}.discover-btn-wrap{z-index:2;text-align:center;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.discover-btn-wrap.clicked{pointer-events:none;animation:.45s cubic-bezier(.4,0,.2,1) forwards discoverFadeOut}.play-glass-btn{-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.play-glass-btn:hover{background:#ffffff3d;transform:scale(1.05);box-shadow:0 0 20px #fff3,0 4px 16px #0003}.play-glass-btn:active{transform:scale(.97)}.grid-btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.play-glass-btn:hover .grid-btn-icon{transform:rotate(90deg)}.genesis-panel-in{animation:.25s cubic-bezier(.34,1.2,.64,1) forwards panelIn}