.animations-paused,.animations-paused *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-violet: #9d4edd;--neon-pink: #ff2a6d;--neon-blue: #05d9e8;--neon-yellow: #f9f002;--neon-gold: #ffcc00;--bg-dark: #0a0015;--bg-purple: #1a0a2e;--bg-mid: #120826;--grid-color: rgba(157, 78, 221, .6);--panel-bg: rgba(10, 0, 21, .85);--panel-border: rgba(157, 78, 221, .5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(180deg,#0a0015 0% 30%,#1a0a2e 50%,#2d1b4e 70%,#1a0a2e);color:#e0e0e0;min-height:100vh;position:relative;overflow-x:hidden}.cyberpunk-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.mountains{position:absolute;bottom:45%;left:0;width:100%;height:300px;z-index:2}.mountains svg{width:100%;height:100%;filter:drop-shadow(0 0 10px var(--neon-violet)) drop-shadow(0 0 20px rgba(157,78,221,.5))}.grid-container{position:absolute;bottom:0;left:0;width:100%;height:55%;perspective:400px;perspective-origin:50% 0%;z-index:1;overflow:hidden}.grid{position:absolute;top:0;left:-50%;width:200%;height:200%;background-image:repeating-linear-gradient(90deg,transparent,transparent 48px,var(--grid-color) 48px,var(--grid-color) 50px),repeating-linear-gradient(0deg,transparent,transparent 48px,var(--grid-color) 48px,var(--grid-color) 50px);transform:rotateX(75deg);transform-origin:50% 0%;animation:grid-scroll 20s linear infinite}@keyframes grid-scroll{0%{transform:rotateX(75deg) translateY(0)}to{transform:rotateX(75deg) translateY(50px)}}.horizon-glow{position:absolute;bottom:45%;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--neon-violet) 20%,var(--neon-magenta) 50%,var(--neon-violet) 80%,transparent 100%);box-shadow:0 0 20px var(--neon-violet),0 0 40px var(--neon-magenta),0 0 60px var(--neon-violet);z-index:3}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100px}}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:10}.header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.header-top{display:flex;align-items:center;justify-content:space-between;width:100%}.header-top h1{flex:1;text-align:center}h1{text-align:center;color:var(--neon-cyan);font-size:2.2rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-magenta),0 0 80px var(--neon-magenta);animation:neon-flicker 3s ease-in-out infinite}@keyframes neon-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}95%{opacity:.9}96%{opacity:1}}button{padding:12px 20px;font-size:14px;font-family:Courier New,monospace;border:2px solid;border-radius:0;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;background:transparent;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}button:hover:before{left:100%}.btn-primary{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan),inset 0 0 5px #00ffff1a}.btn-primary:hover{background:#00ffff1a;box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),inset 0 0 10px #0ff3;transform:translateY(-2px)}.btn-primary:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{border-color:var(--neon-violet);color:var(--neon-violet);box-shadow:0 0 5px var(--neon-violet),inset 0 0 5px #9d4edd1a}.btn-secondary:hover{background:#9d4edd1a;box-shadow:0 0 10px var(--neon-violet),0 0 20px var(--neon-violet),0 0 40px var(--neon-violet),inset 0 0 10px #9d4edd33;transform:translateY(-2px)}.btn-secondary:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed;transform:none}.btn-danger{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink),inset 0 0 5px #ff2a6d1a}.btn-danger:hover{background:#ff2a6d1a;box-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),inset 0 0 10px #ff2a6d33;transform:translateY(-2px)}.btn-danger:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed;transform:none}.btn-install{border-color:var(--neon-gold);color:var(--neon-gold);box-shadow:0 0 5px var(--neon-gold),inset 0 0 5px #ffcc001a;padding:8px 14px;font-size:11px;height:36px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.btn-install:hover{background:#ffcc001a;box-shadow:0 0 10px var(--neon-gold),0 0 20px var(--neon-gold),0 0 40px var(--neon-gold),inset 0 0 10px #fc03;transform:translateY(-2px)}.header-buttons{display:flex;gap:10px;align-items:stretch;flex-shrink:0}.btn-donate{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:11px;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:2px solid #ffdd00;color:#fd0;background:transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px #fd0,inset 0 0 5px #ffdd001a;height:36px;box-sizing:border-box}.btn-donate:hover{background:#ffdd0026;box-shadow:0 0 10px #fd0,0 0 20px #fd0,0 0 40px #fd0,inset 0 0 10px #fd03;transform:translateY(-2px);color:#fd0}.btn-donate svg{filter:drop-shadow(0 0 3px #ffdd00);flex-shrink:0}.btn-donate:hover svg{filter:drop-shadow(0 0 6px #ffdd00) drop-shadow(0 0 12px #ffdd00)}.btn-github{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:11px;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:2px solid #ffdd00;color:#fd0;background:transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px #fd0,inset 0 0 5px #ffdd001a;height:36px;box-sizing:border-box}.btn-github:hover{background:#ffdd0026;box-shadow:0 0 10px #fd0,0 0 20px #fd0,0 0 40px #fd0,inset 0 0 10px #fd03;transform:translateY(-2px);color:#fd0}.btn-github svg{filter:drop-shadow(0 0 3px #ffdd00);flex-shrink:0}.btn-github:hover svg{filter:drop-shadow(0 0 6px #ffdd00) drop-shadow(0 0 12px #ffdd00)}.status-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.status-card{background:var(--panel-bg);padding:20px;border:1px solid var(--panel-border);position:relative;backdrop-filter:blur(10px);box-shadow:0 0 10px #9d4edd4d,inset 0 0 30px #9d4edd0d;display:flex;flex-direction:column;min-height:220px}.status-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--neon-cyan),var(--neon-violet));box-shadow:0 0 10px var(--neon-cyan)}.status-card.midi-card:before{background:linear-gradient(180deg,var(--neon-magenta),var(--neon-violet));box-shadow:0 0 10px var(--neon-magenta)}.status-card h2{font-size:14px;margin-bottom:15px;color:var(--neon-violet);border-bottom:1px solid var(--panel-border);padding-bottom:10px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 5px var(--neon-violet),0 0 10px rgba(157,78,221,.5)}.status-items-container{display:flex;flex-direction:column;gap:10px;min-height:100px;margin-bottom:10px}.status-item{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center}.status-label{color:var(--neon-cyan);font-weight:700;font-size:13px;text-shadow:0 0 5px rgba(0,255,255,.5)}.status-value{color:var(--neon-yellow);word-break:break-all;font-size:13px;text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}.card-buttons{display:flex;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid var(--panel-border);flex-wrap:wrap;justify-content:flex-start}.card-buttons button{padding:8px 12px;font-size:11px}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.playback-bar{display:flex;align-items:center;gap:20px;padding:12px 20px;margin:-20px -20px 0;width:calc(100% + 40px);background:linear-gradient(180deg,#0a0015fa,#1a0a2ef2);backdrop-filter:blur(8px);border-bottom:2px solid var(--neon-cyan);box-shadow:0 4px 20px #00ffff26,inset 0 -1px #0ff3;flex-wrap:wrap}.playback-bar.disabled{opacity:.5;pointer-events:none}.playback-bar-height{height:50px;box-sizing:border-box}.playback-bar .btn-play{flex-shrink:0;height:50px;padding:0 20px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.playback-bar .tempo-control{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0;height:50px}.playback-bar .tempo-knob-container{width:50px;height:50px}.playback-bar .tempo-adjust{display:flex;flex-direction:row;align-items:center;gap:4px;height:50px}.playback-bar .tempo-value{font-size:16px;min-width:36px;text-align:center}.playback-bar .tempo-control .btn-tempo-adjust{width:50px;height:50px;min-width:50px;min-height:50px;font-size:20px;padding:0;display:inline-flex;align-items:center;justify-content:center}.playback-bar .btn-tap{height:50px;padding:0 12px;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.beat-position-group{display:flex;align-items:center;gap:15px;flex:1;min-width:200px;height:50px;padding:0 12px;background:#0000004d;border:1px solid var(--panel-border);box-sizing:border-box;transition:all .2s ease;cursor:default}.beat-position-group:hover{border-color:var(--neon-cyan);background:#00ffff0d;box-shadow:0 0 10px #0ff3,inset 0 0 15px #00ffff0d}.beat-position-group .beat-display{flex-shrink:0}.beat-position-group .progress-container{flex:1;min-width:100px;max-width:300px;margin-top:0}.playback-info-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:50px;padding:0 12px;background:#0000004d;border:1px solid var(--panel-border);min-width:60px;box-sizing:border-box;transition:all .2s ease;cursor:default}.playback-info-group:hover{border-color:var(--neon-cyan);background:#00ffff0d;box-shadow:0 0 10px #0ff3,inset 0 0 15px #00ffff0d}.playback-info-label{font-size:9px;color:var(--neon-violet);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 3px var(--neon-violet)}.playback-info-value{font-size:18px;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}@media(max-width:900px){.playback-bar{gap:12px;padding:10px 15px}.beat-position-group{min-width:150px}.beat-position-group .progress-container{max-width:200px}}@media(max-width:640px){.playback-bar{flex-wrap:wrap;gap:10px;padding:10px 12px}.playback-bar .btn-play{padding:10px 16px;font-size:12px}.playback-bar .tempo-knob-container{width:40px;height:40px}.beat-position-group{flex:1 1 100%;order:10;min-width:unset}.beat-position-group .progress-container{max-width:none;flex:1}.playback-info-group{padding:6px 10px;min-width:50px}.playback-info-value{font-size:16px}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);padding:20px;backdrop-filter:blur(10px);position:relative;box-shadow:0 0 10px #9d4edd4d,inset 0 0 30px #9d4edd0d}.panel:before,.panel:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--neon-violet);border-style:solid}.panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px;box-shadow:-2px -2px 5px #9d4edd80}.panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;box-shadow:2px 2px 5px #9d4edd80}.panel h2{font-size:14px;margin-bottom:15px;color:var(--neon-violet);border-bottom:1px solid var(--panel-border);padding-bottom:10px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 5px var(--neon-violet),0 0 10px rgba(157,78,221,.5)}.data-item{display:grid;grid-template-columns:140px 1fr;margin-bottom:8px;gap:15px;padding:8px 0;border-bottom:1px solid rgba(157,78,221,.1)}.data-label{color:var(--neon-blue);font-weight:700;text-shadow:0 0 5px rgba(5,217,232,.3);white-space:nowrap}.data-value{color:var(--neon-yellow);word-break:break-word;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}.data-value.mode-global{color:var(--neon-cyan);font-size:1.4em;font-weight:700;text-shadow:0 0 5px var(--neon-cyan),0 0 10px rgba(0,255,255,.5)}.data-value.mode-parts{color:var(--neon-magenta);font-size:1.4em;font-weight:700;text-shadow:0 0 5px var(--neon-magenta),0 0 10px rgba(255,0,255,.5)}.beat-display{display:flex;align-items:center;gap:5px}.beat-number{font-size:28px;font-weight:700;color:var(--neon-yellow);min-width:50px;text-align:right;text-shadow:0 0 5px var(--neon-yellow),0 0 10px var(--neon-yellow),0 0 20px rgba(249,240,2,.7);transition:all .1s ease}.beat-number.pulse{transform:scale(1.1);color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta),0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta),0 0 40px var(--neon-magenta)}.beat-separator{font-size:20px;color:var(--neon-violet)}.beat-max{font-size:18px;color:var(--neon-yellow);min-width:40px;text-shadow:0 0 5px rgba(249,240,2,.5)}.progress-container{background:#00000080;border:1px solid var(--panel-border);height:16px;margin-top:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-violet) 0%,var(--neon-magenta) 50%,var(--neon-cyan) 100%);background-size:200% 100%;transition:width .15s ease-out;animation:shimmer 2s infinite linear;box-shadow:0 0 10px var(--neon-violet),0 0 20px var(--neon-magenta)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-percentage{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);font-weight:700}.warning-banner{background:linear-gradient(90deg,#ff2a6d33,#9d4edd33);border:1px solid var(--neon-pink);color:var(--neon-pink);padding:15px;margin-bottom:20px;font-weight:700;text-shadow:0 0 5px rgba(255,42,109,.5);box-shadow:0 0 10px #ff2a6d4d,inset 0 0 20px #ff2a6d1a}.midi-select-container{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.midi-select-container select{min-width:0;flex:1;padding:6px 28px 6px 10px;background:#000000b3;border:1px solid var(--neon-violet);color:var(--neon-yellow);font-family:Courier New,monospace;font-size:11px;font-weight:700;cursor:pointer;text-shadow:0 0 3px var(--neon-yellow);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%239d4edd' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .2s ease}.midi-select-container select:hover{border-color:var(--neon-cyan);background-color:#9d4edd1a;box-shadow:0 0 8px var(--neon-violet)}.midi-select-container select:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.midi-select-container select option{background:var(--bg-dark);color:#e0e0e0;padding:6px}.btn-small{padding:6px 12px;font-size:11px;border:1px solid var(--neon-violet);background:transparent;cursor:pointer;font-weight:700;color:var(--neon-violet);transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.btn-small:hover{background:#9d4edd33;box-shadow:0 0 10px var(--neon-violet),inset 0 0 10px #9d4edd1a}.midi-connected,.midi-disconnected{color:var(--neon-yellow)!important;text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}.midi-syncing{color:var(--neon-yellow)!important;animation:neon-pulse-yellow 1s ease-in-out infinite}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px var(--neon-cyan);opacity:1}50%{text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan);opacity:.8}}@keyframes neon-pulse-yellow{0%,to{text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5);opacity:1}50%{text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow);opacity:.8}}.output{background:#000000b3;border:1px solid var(--panel-border);min-height:50px;height:400px;font-size:12px;box-shadow:0 0 10px #9d4edd4d,inset 0 0 30px #00000080;margin-top:20px;position:relative;overflow:hidden}.output-clear-btn{position:absolute;top:15px;right:15px;z-index:11}#outputLog{overflow-y:auto;height:100%;padding:15px;box-sizing:border-box}.output-line{margin:5px 0;padding:3px 0;border-bottom:1px solid rgba(157,78,221,.1)}.output-timestamp{color:var(--neon-cyan);margin-right:10px;text-shadow:0 0 3px rgba(0,255,255,.3)}.output-type{color:var(--neon-magenta);margin-right:10px;font-weight:700;text-shadow:0 0 3px rgba(255,0,255,.3)}.output-data{color:var(--neon-yellow);text-shadow:0 0 3px rgba(249,240,2,.3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d;border:1px solid var(--panel-border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-violet),var(--neon-magenta));box-shadow:0 0 5px var(--neon-violet)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-magenta),var(--neon-cyan));box-shadow:0 0 10px var(--neon-magenta)}::-webkit-scrollbar-button{display:none}.transport-panel{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;height:650px}.bank-grid-wrapper{flex:1;min-height:0;overflow:hidden;margin:0 -20px -20px;position:relative}.bank-grid{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding:10px 15px 15px;box-sizing:border-box}.bank-grid::-webkit-scrollbar{width:8px}.bank-grid::-webkit-scrollbar-track{background:#0000004d;border:1px solid var(--panel-border)}.bank-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-violet),var(--neon-magenta));box-shadow:0 0 5px var(--neon-violet)}.bank-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-magenta),var(--neon-cyan));box-shadow:0 0 10px var(--neon-magenta)}.bank-grid::-webkit-scrollbar-button{display:none}.bank-row{display:flex;align-items:stretch;gap:8px;min-height:80px}.bank-number{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;font-size:24px;font-weight:700;color:var(--neon-violet);text-shadow:0 0 5px var(--neon-violet);background:#9d4edd1a;border:1px solid var(--panel-border);cursor:pointer;transition:all .3s ease;position:relative}.bank-number:hover{background:#9d4edd33;box-shadow:0 0 10px #9d4edd4d}.bank-number.active{background:linear-gradient(180deg,#00ff644d,#00ff641a);color:#00ff64;text-shadow:0 0 5px #00ff64,0 0 10px #00ff64,0 0 20px rgba(0,255,100,.5);border-color:#00ff64;box-shadow:0 0 10px #00ff644d,inset 0 0 15px #00ff641a}.slots-container{display:flex;gap:8px;flex:1}.slot{flex:1;min-width:115px;max-width:160px;min-height:65px;background:#0a0015e6;border:1px solid var(--panel-border);cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease}.slot:before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-top:2px solid var(--neon-violet);border-left:2px solid var(--neon-violet);opacity:.5;transition:all .2s ease}.slot:after{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;border-bottom:2px solid var(--neon-violet);border-right:2px solid var(--neon-violet);opacity:.5;transition:all .2s ease}.slot:hover{border-color:var(--neon-cyan);background:#00ffff0d;box-shadow:0 0 10px #0ff3,inset 0 0 15px #00ffff0d}.slot:hover:before,.slot:hover:after{border-color:var(--neon-cyan);opacity:1}.slot.selected{border-color:var(--neon-cyan);background:#00ffff1a;box-shadow:0 0 15px #00ffff4d,inset 0 0 20px #00ffff1a}.slot.selected:before,.slot.selected:after{border-color:var(--neon-cyan);opacity:1}.slot.playing{border-color:#00ff64;background:#00ff640d;box-shadow:0 0 15px #00ff644d,inset 0 0 20px #00ff640d}.slot.playing:before,.slot.playing:after{border-color:#00ff64;opacity:1;box-shadow:0 0 5px #00ff6480}.slot.queued{border-color:var(--neon-yellow);background:#f9f00214;box-shadow:0 0 15px #f9f0024d,inset 0 0 20px #f9f0020d;animation:pulse-queued 1.2s ease-in-out infinite}.slot.queued:before,.slot.queued:after{border-color:var(--neon-yellow);opacity:1;box-shadow:0 0 5px #f9f00280}@keyframes pulse-queued{0%,to{box-shadow:0 0 15px #f9f0024d,inset 0 0 20px #f9f0020d}50%{box-shadow:0 0 25px #f9f00280,inset 0 0 30px #f9f0021a}}.slot.queued .slot-number{color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow)}.slot.queued .slot-pattern{color:var(--neon-yellow);text-shadow:0 0 5px rgba(249,240,2,.9),0 0 10px rgba(249,240,2,.5)}.slot-number{position:absolute;top:4px;left:8px;font-size:11px;color:var(--neon-violet);opacity:.7;text-shadow:0 0 3px var(--neon-violet)}.slot.playing .slot-number{color:#00ff64;text-shadow:0 0 5px #00ff64}.slot-pattern{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,255,255,.7),0 0 10px rgba(0,255,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 16px);letter-spacing:.5px;z-index:2;text-align:center}.slot-timesig{position:absolute;bottom:6px;left:8px;font-size:15px;font-weight:700;color:var(--neon-magenta);text-shadow:0 0 5px rgba(255,0,255,.6),0 0 10px rgba(255,0,255,.3);letter-spacing:1px;z-index:2}.slot-barlength{position:absolute;bottom:6px;right:6px;font-size:12px;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 3px rgba(249,240,2,.5);padding:2px 6px;border:1px solid rgba(249,240,2,.4);background:#f9f00214;z-index:2}.slot.playing .slot-pattern{color:#00ff64;text-shadow:0 0 5px rgba(0,255,100,.9),0 0 10px rgba(0,255,100,.5)}.slot.playing .slot-timesig{color:#00ff64;text-shadow:0 0 5px rgba(0,255,100,.7),0 0 10px rgba(0,255,100,.4)}.slot.playing .slot-barlength{color:#00ff64;border-color:#00ff6466;background:#00ff641a;text-shadow:0 0 3px rgba(0,255,100,.5)}.slot-progress-bg{position:absolute;inset:0;background:transparent;pointer-events:none}.slot-progress-fill{position:absolute;top:0;left:0;bottom:0;width:0%;background:linear-gradient(90deg,#00ff644d,#00ff6426);transition:width .15s ease-out;pointer-events:none}.slot-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#ffffffe6;text-shadow:0 0 10px rgba(0,255,100,.8),0 0 20px rgba(0,255,100,.5);opacity:0;transition:opacity .2s ease;z-index:3;pointer-events:none}.slot.playing .slot-play-icon{opacity:1}.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;border-color:#00ff64;color:#00ff64;box-shadow:0 0 5px #00ff64,inset 0 0 5px #00ff641a}.btn-play:hover{background:#00ff641a;box-shadow:0 0 10px #00ff64,0 0 20px #00ff64,0 0 40px #00ff64,inset 0 0 10px #00ff6433;transform:translateY(-2px)}.btn-play.playing{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink),inset 0 0 5px #ff2a6d1a}.btn-play.playing:hover{background:#ff2a6d1a;box-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),inset 0 0 10px #ff2a6d33}.btn-play:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed;transform:none}@keyframes slot-glitch{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}to{clip-path:inset(58% 0 43% 0)}}.slot.playing .slot-progress-bg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,255,100,.03) 2px,rgba(0,255,100,.03) 4px);pointer-events:none;animation:scanline-move 4s linear infinite}@media(max-width:768px){h1{font-size:1.5rem;letter-spacing:2px}.status-cards,.panels{grid-template-columns:1fr}.card-buttons{justify-content:center}.header-top{flex-direction:column;gap:10px}.bank-grid{max-height:300px}.slot{min-width:90px;min-height:55px}.slot-pattern{font-size:11px;top:4px}.slot-timesig{font-size:12px;bottom:4px;left:6px}.slot-barlength{font-size:10px;padding:1px 4px;bottom:4px;right:4px}.bank-number{width:32px;min-width:32px;font-size:18px}}.tempo-control{display:flex;flex-direction:column;align-items:center;gap:4px;user-select:none;transition:opacity .3s ease}.tempo-control.disabled{opacity:.4;pointer-events:none}.tempo-label{font-size:9px;color:var(--neon-violet);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px rgba(157,78,221,.5)}.tempo-knob-container{position:relative;width:60px;height:60px;cursor:ns-resize}.tempo-knob-container:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 225deg,transparent 0deg,var(--neon-violet) 45deg,var(--neon-magenta) 135deg,var(--neon-cyan) 225deg,transparent 270deg);opacity:.5;filter:blur(3px);transition:opacity .3s ease;pointer-events:none}.tempo-knob-container:hover:before,.tempo-control:not(.disabled) .tempo-knob-container:active:before{opacity:.8}.tempo-knob{width:100%;height:100%;position:relative;z-index:1;--knob-rotation: 0deg}.knob-track{fill:none;stroke:var(--panel-border);stroke-width:3;filter:drop-shadow(0 0 3px rgba(157,78,221,.3))}.knob-inner{fill:#0a0015f2;stroke:var(--neon-violet);stroke-width:2;filter:drop-shadow(0 0 5px rgba(157,78,221,.4));transition:stroke .2s ease,filter .2s ease}.tempo-knob:hover .knob-inner,.tempo-knob.dragging .knob-inner{stroke:var(--neon-cyan);filter:drop-shadow(0 0 8px rgba(0,255,255,.5))}.knob-tick{stroke:var(--neon-violet);stroke-width:1.5;opacity:.5}.knob-tick.major{stroke-width:2;opacity:.8}.knob-indicator-group{transform-origin:50px 50px;transform:rotate(var(--knob-rotation));transition:transform .1s ease-out}.tempo-knob.dragging .knob-indicator-group{transition:none}.knob-indicator{stroke:var(--neon-cyan);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--neon-cyan)) drop-shadow(0 0 8px rgba(0,255,255,.5))}.knob-center{fill:var(--neon-violet);filter:drop-shadow(0 0 3px var(--neon-violet))}.tempo-value{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5);min-width:45px;text-align:center;letter-spacing:1px}.tempo-value.pulse{animation:tempo-pulse .15s ease-out}@keyframes tempo-pulse{0%{transform:scale(1);text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}50%{transform:scale(1.1);text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow),0 0 30px rgba(249,240,2,.8)}to{transform:scale(1);text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(249,240,2,.5)}}.tempo-adjust{display:flex;align-items:center;gap:4px}.btn-tempo-adjust{width:22px;height:22px;padding:0;font-size:14px;font-weight:700;line-height:1;border:1px solid var(--neon-magenta);color:var(--neon-magenta);background:transparent;cursor:pointer;transition:all .15s ease;box-shadow:0 0 3px #ff00ff4d;display:flex;align-items:center;justify-content:center}.btn-tempo-adjust:hover:not(:disabled){background:#ff00ff1a;box-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta),0 0 40px var(--neon-magenta),inset 0 0 10px #f0f3;transform:translateY(-2px)}.btn-tempo-adjust:active:not(:disabled){transform:scale(.95);background:#ff00ff40}.btn-tempo-adjust:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed}.btn-tap{padding:4px 10px;font-size:9px;letter-spacing:1px;border:1px solid var(--neon-cyan);color:var(--neon-cyan);background:transparent;cursor:pointer;transition:all .15s ease;box-shadow:0 0 3px #00ffff4d}.btn-tap:hover:not(:disabled){background:#00ffff1a;box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),inset 0 0 10px #0ff3;transform:translateY(-2px)}.btn-tap:disabled{border-color:#444;color:#444;box-shadow:none;cursor:not-allowed}.btn-tap.tapped{background:#00ffff4d;box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),inset 0 0 10px #0ff3;animation:tap-pulse .15s ease-out}@keyframes tap-pulse{0%{transform:scale(1);box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),inset 0 0 10px #0ff3}50%{transform:scale(.92);box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan),inset 0 0 15px #0ff6}to{transform:scale(1);box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),inset 0 0 10px #0ff3}}.mode-global{color:var(--neon-cyan)!important;font-size:1.4em;font-weight:700;text-shadow:0 0 5px var(--neon-cyan),0 0 10px rgba(0,255,255,.5)}.mode-parts{color:var(--neon-magenta)!important;font-size:1.4em;font-weight:700;text-shadow:0 0 5px var(--neon-magenta),0 0 10px rgba(255,0,255,.5)}.slot-control-bar{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0a0015fa,#1a0a2ef2);backdrop-filter:blur(8px);border-bottom:2px solid var(--neon-magenta);padding:15px 20px;display:flex;align-items:flex-end;gap:25px;flex-wrap:wrap;box-shadow:0 4px 20px #f0f3,inset 0 -1px #ff00ff4d;margin:0 -20px;width:calc(100% + 40px)}.slot-control-bar.disabled{opacity:.5;pointer-events:none}.slot-control-bar .control-group{display:flex;flex-direction:column;gap:8px}.slot-control-bar .control-label{font-size:11px;font-weight:700;color:var(--neon-violet);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px var(--neon-violet)}.genre-select{min-width:150px;padding:10px 35px 10px 14px;background:#000000b3;border:2px solid var(--neon-magenta);color:var(--neon-magenta);font-family:Courier New,monospace;font-size:14px;font-weight:700;cursor:pointer;text-shadow:0 0 5px var(--neon-magenta);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff00ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease}.genre-select:hover:not(:disabled){border-color:var(--neon-pink);background:#ff00ff1a;box-shadow:0 0 10px var(--neon-magenta),0 0 20px var(--neon-magenta),0 0 40px var(--neon-magenta),inset 0 0 10px #f0f3;transform:translateY(-2px)}.genre-select:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),0 0 30px #00ffff4d}.genre-select:disabled{opacity:.4;cursor:not-allowed}.genre-select option{background:var(--bg-dark);color:#e0e0e0;padding:8px}.pattern-group{flex:1;min-width:280px}.pattern-buttons{display:flex;gap:6px;flex-wrap:wrap}.pattern-btn{width:38px;height:38px;border:2px solid var(--neon-cyan);border-radius:4px;background:transparent;color:var(--neon-cyan);font-family:Courier New,monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;text-shadow:0 0 3px var(--neon-cyan)}.pattern-btn:hover:not(:disabled):not(.active){background:#00ffff26;box-shadow:0 0 10px var(--neon-cyan),inset 0 0 8px #0ff3;transform:translateY(-2px)}.pattern-btn.active{background:var(--neon-cyan);color:var(--bg-dark);text-shadow:none;box-shadow:0 0 15px var(--neon-cyan),0 0 30px #00ffff80,inset 0 0 10px #ffffff4d;transform:scale(1.05)}.pattern-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.pattern-toggle-wrapper{display:flex;align-items:flex-end;gap:8px}.tempo-mode-group{flex-shrink:0}.tempo-mode-value{font-family:Courier New,monospace;font-size:20px;font-weight:700;min-width:70px;text-transform:capitalize}.tempo-mode-value.mode-global{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.tempo-mode-value.mode-parts{color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta)}.btn-toggle-mode{padding:10px 14px;background:transparent;border:2px solid var(--neon-violet);color:var(--neon-violet);font-family:Courier New,monospace;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 3px var(--neon-violet)}.btn-toggle-mode:hover:not(:disabled){background:#9d4edd26;box-shadow:0 0 10px var(--neon-violet),0 0 20px #9d4edd4d;transform:translateY(-1px)}.btn-toggle-mode:active:not(:disabled){transform:translateY(0);box-shadow:0 0 15px var(--neon-violet),0 0 30px #9d4edd80}.btn-toggle-mode:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-save-slot{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:2px solid var(--neon-yellow);color:var(--neon-yellow);font-family:Courier New,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;text-shadow:0 0 5px var(--neon-yellow);margin-left:auto;align-self:flex-end}.btn-save-slot svg{filter:drop-shadow(0 0 3px var(--neon-yellow))}.btn-save-slot:hover:not(:disabled){background:#f9f00226;box-shadow:0 0 15px var(--neon-yellow),0 0 30px #f9f0024d,inset 0 0 10px #f9f0021a;transform:translateY(-2px)}.btn-save-slot:active:not(:disabled){transform:translateY(0);box-shadow:0 0 20px var(--neon-yellow),0 0 40px #f9f00280}.btn-save-slot:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-save-slot.saving{opacity:.7;border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.btn-save-slot.saving svg{filter:drop-shadow(0 0 3px var(--neon-cyan))}.btn-save-slot.saved{border-color:var(--neon-green);color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);box-shadow:0 0 15px #0f86}.btn-save-slot.saved svg{filter:drop-shadow(0 0 3px var(--neon-green))}.btn-save-slot.failed{border-color:var(--neon-red, #ff3860);color:var(--neon-red, #ff3860);text-shadow:0 0 5px rgba(255,56,96,.8);box-shadow:0 0 15px #ff386066}.btn-save-slot.failed svg{filter:drop-shadow(0 0 3px rgba(255,56,96,.8))}.btn-preset{display:flex;align-items:center;justify-content:center;padding:6px 16px;background:transparent;font-family:Courier New,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .15s ease;min-width:80px}.btn-preset:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-import{border:1px solid var(--neon-blue);color:var(--neon-blue);text-shadow:0 0 3px var(--neon-blue)}.btn-import:hover:not(:disabled){background:#05d9e833;box-shadow:0 0 8px var(--neon-blue),inset 0 0 6px #05d9e826}.btn-import:active:not(:disabled){box-shadow:0 0 12px var(--neon-blue),0 0 20px #05d9e866}.btn-export{border:1px solid #00ff64;color:#00ff64;text-shadow:0 0 3px #00ff64}.btn-export:hover:not(:disabled){background:#00ff6433;box-shadow:0 0 8px #00ff64,inset 0 0 6px #00ff6426}.btn-export:active:not(:disabled){box-shadow:0 0 12px #00ff64,0 0 20px #00ff6466}@media(max-width:640px){.slot-control-bar{flex-direction:column;align-items:stretch;gap:15px;padding:12px 15px}.slot-control-bar .control-group,.genre-select{width:100%}.pattern-group{min-width:unset}.pattern-buttons{justify-content:flex-start}.pattern-btn{width:34px;height:34px;font-size:12px}.btn-save-slot{margin-left:0;width:100%;justify-content:center}.tempo-mode-group{width:100%}.tempo-mode-control{justify-content:space-between}.btn-toggle-mode{flex:1;max-width:100px}}@media(max-width:768px){.tempo-knob-container{width:50px;height:50px}.tempo-value{font-size:18px}.btn-tap{padding:6px 12px;font-size:10px}}.usb-card[data-astro-cid-4ycgvl67]{min-width:0;overflow:hidden}.usb-card[data-astro-cid-4ycgvl67] h2[data-astro-cid-4ycgvl67]{text-align:center;margin-bottom:15px}.usb-columns[data-astro-cid-4ycgvl67]{display:flex;gap:0;min-width:0}.usb-column[data-astro-cid-4ycgvl67]{flex:1;min-width:0;display:flex;flex-direction:column}.usb-column[data-astro-cid-4ycgvl67] h3[data-astro-cid-4ycgvl67]{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--panel-border);color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,255,255,.5)}.usb-divider[data-astro-cid-4ycgvl67]{width:1px;background:var(--panel-border);margin:0 12px}.usb-column[data-astro-cid-4ycgvl67] .status-items-container[data-astro-cid-4ycgvl67]{flex:1;min-height:auto;margin-bottom:0}.usb-column[data-astro-cid-4ycgvl67] .status-item[data-astro-cid-4ycgvl67]{grid-template-columns:70px 1fr;gap:6px}.usb-column[data-astro-cid-4ycgvl67] .status-label[data-astro-cid-4ycgvl67]{font-size:11px}.usb-column[data-astro-cid-4ycgvl67] .status-value[data-astro-cid-4ycgvl67]{font-size:11px;min-width:0;overflow:hidden}.usb-column[data-astro-cid-4ycgvl67] .card-buttons[data-astro-cid-4ycgvl67]{margin-top:10px;padding-top:10px}.preset-column-content[data-astro-cid-4ycgvl67]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.preset-box-large[data-astro-cid-4ycgvl67]{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0000004d;border:1px solid var(--panel-border);box-sizing:border-box;transition:all .2s ease}.preset-box-large[data-astro-cid-4ycgvl67]:hover{border-color:var(--neon-cyan);background:#00ffff0d;box-shadow:0 0 10px #0ff3,inset 0 0 15px #00ffff0d}.preset-box-large[data-astro-cid-4ycgvl67] .btn-preset[data-astro-cid-4ycgvl67]{padding:8px 24px;font-size:12px;height:32px;min-width:90px}@media(max-width:480px){.usb-columns[data-astro-cid-4ycgvl67]{flex-direction:column;gap:15px}.usb-divider[data-astro-cid-4ycgvl67]{width:100%;height:1px;margin:0}.preset-column-content[data-astro-cid-4ycgvl67]{padding:10px 0}}.midi-card[data-astro-cid-gwsoiz4u]{min-width:0;overflow:hidden}.midi-card[data-astro-cid-gwsoiz4u] h2[data-astro-cid-gwsoiz4u]{text-align:center;margin-bottom:15px}.midi-columns[data-astro-cid-gwsoiz4u]{display:flex;gap:0;min-width:0}.midi-column[data-astro-cid-gwsoiz4u]{flex:1;min-width:0;display:flex;flex-direction:column}.midi-column[data-astro-cid-gwsoiz4u] .midi-select-container[data-astro-cid-gwsoiz4u]{min-width:0;overflow:hidden;width:100%}.midi-column[data-astro-cid-gwsoiz4u] .midi-select-container[data-astro-cid-gwsoiz4u] select[data-astro-cid-gwsoiz4u]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.midi-column[data-astro-cid-gwsoiz4u] h3[data-astro-cid-gwsoiz4u]{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid var(--panel-border);color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,255,255,.5)}.midi-divider[data-astro-cid-gwsoiz4u]{width:1px;background:var(--panel-border);margin:0 12px}.midi-column[data-astro-cid-gwsoiz4u] .status-items-container[data-astro-cid-gwsoiz4u]{flex:1;min-height:auto;margin-bottom:0}.midi-column[data-astro-cid-gwsoiz4u] .status-item[data-astro-cid-gwsoiz4u]{grid-template-columns:50px 1fr;gap:6px}.midi-column[data-astro-cid-gwsoiz4u] .status-label[data-astro-cid-gwsoiz4u]{font-size:11px}.midi-column[data-astro-cid-gwsoiz4u] .status-value[data-astro-cid-gwsoiz4u]{font-size:11px;min-width:0;overflow:hidden}.midi-column[data-astro-cid-gwsoiz4u] .card-buttons[data-astro-cid-gwsoiz4u]{margin-top:10px;padding-top:10px}.midi-column[data-astro-cid-gwsoiz4u] .card-buttons[data-astro-cid-gwsoiz4u] button[data-astro-cid-gwsoiz4u]{width:100%}#midiInputStatus[data-astro-cid-gwsoiz4u].midi-receiving{color:var(--neon-green)!important;text-shadow:0 0 5px rgba(0,255,136,.5)!important}#midiInputStatus[data-astro-cid-gwsoiz4u].midi-enabled{color:var(--neon-green)!important;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.5)!important}#midiInputEnableBtn[data-astro-cid-gwsoiz4u].enabled{background:var(--neon-green);color:var(--dark-bg);border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green),inset 0 0 10px #0f83}#midiInputEnableBtn[data-astro-cid-gwsoiz4u]:disabled{opacity:.5;cursor:not-allowed}.sync-status[data-astro-cid-gwsoiz4u]{font-family:monospace}.sync-status[data-astro-cid-gwsoiz4u].sync-idle{color:var(--text-muted, #888)!important;text-shadow:none!important}.sync-status[data-astro-cid-gwsoiz4u].sync-locked{color:var(--neon-green)!important;text-shadow:0 0 5px rgba(0,255,136,.5)!important}.sync-status[data-astro-cid-gwsoiz4u].sync-adjusting{color:var(--neon-cyan)!important;text-shadow:0 0 5px rgba(0,255,255,.5)!important}@media(max-width:480px){.midi-columns[data-astro-cid-gwsoiz4u]{flex-direction:column;gap:15px}.midi-divider[data-astro-cid-gwsoiz4u]{width:100%;height:1px;margin:0}}