.skin-jb01{--bg-dark:#1a1512;--bg-panel:#2a2018;--bg-section:#352a1f;--bg-channel:#3d3025;--accent:#f0a030;--accent-bright:#ffb840;--accent-dim:#c07820;--accent-glow:rgba(240,160,48,0.4);--text:#f5e8d8;--text-dim:#a89880;--knob-bg:#4a3a2a;--knob-ring:#5a4a3a;--knob-indicator:#f0a030;--step-off:#3a3028;--step-on:#f0a030;--step-accent:#ff6050;--step-playing:#ffcc60;--voice-kick:#c45848;--voice-snare:#c49858;--voice-clap:#58a078;--voice-ch:#5898a8;--voice-oh:#8878a0;--voice-lowtom:#a87888;--voice-hitom:#68a090;--voice-cymbal:#8090a0;box-sizing:border-box;margin:0;padding:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:var(--bg-dark);color:var(--text);display:block;justify-content:center;align-items:flex-start;padding:16px}.skin-jb01 .drum-machine{background:var(--bg-panel);border-radius:16px;padding:20px;max-width:1100px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}.skin-jb01 .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--accent-dim)}.skin-jb01 .logo{display:flex;flex-direction:column}.skin-jb01 .logo-text{font-size:32px;font-weight:700;color:var(--accent-bright);letter-spacing:3px;text-shadow:0 0 20px var(--accent-glow)}.skin-jb01 .logo-sub{font-size:10px;color:var(--text-dim);letter-spacing:4px;margin-top:2px}.skin-jb01 .header-controls{display:flex;gap:8px}.skin-jb01 .icon-btn{background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:14px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .15s}.skin-jb01 .icon-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.skin-jb01 .export-icon{width:auto;padding:0 12px;font-size:11px;font-weight:600}.skin-jb01 .voices-section{margin-bottom:20px}.skin-jb01 .voices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skin-jb01 .voice-channel{background:var(--bg-channel);border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.05);transition:border-color .2s}.skin-jb01 .voice-channel:hover{border-color:var(--accent-dim)}.skin-jb01 .voice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.skin-jb01 .voice-name{font-size:12px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px;color:#1a1512}.skin-jb01 .voice-channel[data-voice=kick] .voice-name{background:var(--voice-kick)}.skin-jb01 .voice-channel[data-voice=snare] .voice-name{background:var(--voice-snare)}.skin-jb01 .voice-channel[data-voice=clap] .voice-name{background:var(--voice-clap)}.skin-jb01 .voice-channel[data-voice=ch] .voice-name{background:var(--voice-ch)}.skin-jb01 .voice-channel[data-voice=oh] .voice-name{background:var(--voice-oh);color:#fff}.skin-jb01 .voice-channel[data-voice=lowtom] .voice-name{background:var(--voice-lowtom)}.skin-jb01 .voice-channel[data-voice=hitom] .voice-name{background:var(--voice-hitom)}.skin-jb01 .voice-channel[data-voice=cymbal] .voice-name{background:var(--voice-cymbal)}.skin-jb01 .mute-btn{background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text-dim);width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700;font-family:inherit;transition:all .15s}.skin-jb01 .mute-btn:hover{border-color:var(--accent)}.skin-jb01 .mute-btn.active{background:var(--step-accent);border-color:var(--step-accent);color:#fff}.skin-jb01 .voice-knobs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.skin-jb01 .knob-group{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}.skin-jb01 .knob-group label{font-size:8px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}.skin-jb01 .knob-value{font-size:9px;color:var(--accent);min-width:28px;text-align:center;font-weight:500}.skin-jb01 .knob{width:36px;height:36px;background:radial-gradient(circle at 30% 30%,var(--knob-bg),#2a2018);border-radius:50%;cursor:pointer;position:relative;border:2px solid var(--knob-ring);box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:border-color .15s,box-shadow .15s}.skin-jb01 .knob:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(0,0,0,.5),0 0 10px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.1)}.skin-jb01 .knob:after{content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);width:3px;height:10px;background:var(--knob-indicator);border-radius:2px;box-shadow:0 0 4px var(--accent-glow)}.skin-jb01 .knob.dragging{border-color:var(--accent-bright)}.skin-jb01 .sequencer-section{background:var(--bg-section);border-radius:10px;padding:16px;margin-bottom:16px}.skin-jb01 .sequencer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.skin-jb01 .sequencer-header h3{font-size:11px;color:var(--accent);letter-spacing:2px;font-weight:600}.skin-jb01 .step-page-toggle{display:flex;gap:4px}.skin-jb01 .step-page-btn{background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text-dim);padding:5px 12px;font-size:10px;font-family:inherit;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s}.skin-jb01 .step-page-btn:hover{border-color:var(--accent)}.skin-jb01 .step-page-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.skin-jb01 .step-page-btn.has-playing{box-shadow:0 0 8px var(--step-playing)}.skin-jb01 .sequencer{overflow:hidden}.skin-jb01 .seq-header-row{display:flex;margin-bottom:6px}.skin-jb01 .seq-label-spacer{width:50px;flex-shrink:0}.skin-jb01 .step-numbers{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;flex:1}.skin-jb01 .step-number{font-size:9px;color:var(--text-dim);text-align:center}.skin-jb01 .step-number:nth-child(n+9),.skin-jb01 .step-numbers.page-2 .step-number:nth-child(-n+8){display:none}.skin-jb01 .step-numbers.page-2 .step-number:nth-child(n+9){display:block}.skin-jb01 .voice-row{display:flex;align-items:center;margin-bottom:4px}.skin-jb01 .voice-row:last-child{margin-bottom:0}.skin-jb01 .voice-label{width:50px;flex-shrink:0;font-size:9px;font-weight:600;text-transform:uppercase;padding:4px 6px;border-radius:3px;text-align:center;cursor:pointer;transition:opacity .15s;color:#1a1512}.skin-jb01 .voice-label:hover{opacity:.85}.skin-jb01 .voice-label.kick{background:var(--voice-kick)}.skin-jb01 .voice-label.snare{background:var(--voice-snare)}.skin-jb01 .voice-label.clap{background:var(--voice-clap)}.skin-jb01 .voice-label.ch{background:var(--voice-ch)}.skin-jb01 .voice-label.oh{background:var(--voice-oh);color:#fff}.skin-jb01 .voice-label.lowtom{background:var(--voice-lowtom)}.skin-jb01 .voice-label.hitom{background:var(--voice-hitom)}.skin-jb01 .voice-label.cymbal{background:var(--voice-cymbal)}.skin-jb01 .seq-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;flex:1;margin-left:8px}.skin-jb01 .step{aspect-ratio:1;min-width:24px;min-height:24px;background:var(--step-off);border-radius:4px;cursor:pointer;transition:background .1s,transform .1s,box-shadow .1s;position:relative}.skin-jb01 .step:hover{background:#4a3a2a}.skin-jb01 .step.active{background:var(--step-on);box-shadow:0 0 8px var(--accent-glow)}.skin-jb01 .step.accent:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--step-accent);border-radius:50%}.skin-jb01 .step.playing{transform:scale(1.1);box-shadow:0 0 12px var(--step-playing);background:var(--step-playing)}.skin-jb01 .seq-steps.page-2 .step:nth-child(-n+8),.skin-jb01 .step:nth-child(n+9){display:none}.skin-jb01 .seq-steps.page-2 .step:nth-child(n+9){display:block}.skin-jb01 .transport-section{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-section);border-radius:10px;margin-bottom:12px;flex-wrap:wrap;gap:12px}.skin-jb01 .transport-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.skin-jb01 .transport-left label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.skin-jb01 .transport-left input[type=number]{width:56px;background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text);padding:6px 8px;border-radius:4px;font-family:inherit;font-size:13px;text-align:center}.skin-jb01 .transport-left input[type=number]:focus{outline:none;border-color:var(--accent)}.skin-jb01 .transport-left input[type=range]{width:80px;accent-color:var(--accent)}.skin-jb01 #swing-value{font-size:11px;color:var(--accent);min-width:30px}.skin-jb01 .play-btn{background:var(--accent);border:none;color:var(--bg-dark);padding:12px 32px;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:1px;border-radius:6px;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px rgba(240,160,48,.3)}.skin-jb01 .play-btn:hover{background:var(--accent-bright);box-shadow:0 4px 16px rgba(240,160,48,.4)}.skin-jb01 .play-btn.playing{background:var(--step-accent);box-shadow:0 4px 16px rgba(255,96,80,.4)}.skin-jb01 .transport-right{display:flex;gap:8px}.skin-jb01 .status{text-align:center;font-size:11px;color:var(--text-dim);padding:8px;min-height:24px}.skin-jb01 .keyboard-hints{font-size:10px;color:var(--text-dim);text-align:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.skin-jb01 .keyboard-hints kbd{display:inline-block;padding:2px 6px;background:rgba(255,255,255,.08);border-radius:3px;font-family:inherit;margin:0 2px}.skin-jb01 .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:100;align-items:center;justify-content:center}.skin-jb01 .modal.active{display:flex}.skin-jb01 .modal-content{background:var(--bg-panel);border-radius:12px;padding:24px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border:1px solid var(--accent-dim)}.skin-jb01 .modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;line-height:1}.skin-jb01 .modal-close:hover{color:var(--text)}.skin-jb01 .modal-content h2{color:var(--accent-bright);font-size:20px;margin-bottom:16px}.skin-jb01 .modal-content h3{color:var(--accent);font-size:13px;margin:16px 0 8px;letter-spacing:1px}.skin-jb01 .modal-content li,.skin-jb01 .modal-content p{font-size:12px;color:var(--text-dim);line-height:1.6}.skin-jb01 .modal-content ul{list-style:none;padding-left:0}.skin-jb01 .modal-content li{margin-bottom:6px}.skin-jb01 .modal-content li strong{color:var(--text)}.skin-jb01 .modal-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--accent-dim);text-align:center;font-style:italic;font-size:11px;color:var(--text-dim)}@media (min-width:900px){.skin-jb01 .seq-steps,.skin-jb01 .step-numbers{grid-template-columns:repeat(16,1fr)}.skin-jb01 .step-number:nth-child(n+9),.skin-jb01 .step:nth-child(n+9){display:block}.skin-jb01 .step-page-toggle{display:none}.skin-jb01 .seq-steps.page-2 .step:nth-child(-n+8),.skin-jb01 .step-numbers.page-2 .step-number:nth-child(-n+8){display:block}}@media (max-width:899px){.skin-jb01 .voices-grid{grid-template-columns:repeat(2,1fr)}.skin-jb01 .knob{width:32px;height:32px}.skin-jb01 .knob:after{top:4px;height:8px;width:2px}}@media (max-width:599px){.skin-jb01{padding:8px}.skin-jb01 .drum-machine{padding:12px;border-radius:12px}.skin-jb01 .logo-text{font-size:24px}.skin-jb01 .logo-sub{font-size:9px;letter-spacing:3px}.skin-jb01 .voices-grid{grid-template-columns:1fr;gap:8px}.skin-jb01 .voice-channel{padding:10px}.skin-jb01 .voice-knobs{gap:6px}.skin-jb01 .knob{width:34px;height:34px}.skin-jb01 .knob-group{min-width:40px}.skin-jb01 .knob-group label{font-size:7px}.skin-jb01 .knob-value{font-size:8px}.skin-jb01 .sequencer-section{padding:12px}.skin-jb01 .seq-label-spacer,.skin-jb01 .voice-label{width:40px;font-size:8px}.skin-jb01 .seq-steps{gap:3px}.skin-jb01 .step{min-width:20px;min-height:20px}.skin-jb01 .transport-section{flex-direction:column;gap:12px}.skin-jb01 .transport-left{justify-content:center}.skin-jb01 .play-btn{width:100%;padding:14px}.skin-jb01 .transport-right{width:100%;justify-content:center}.skin-jb01 .keyboard-hints{display:none}}@media (max-width:380px){.skin-jb01 .voices-grid{gap:6px}.skin-jb01 .voice-header{margin-bottom:8px;padding-bottom:6px}.skin-jb01 .voice-name{font-size:10px;padding:2px 6px}.skin-jb01 .mute-btn{width:20px;height:20px;font-size:9px}.skin-jb01 .knob{width:30px;height:30px}.skin-jb01 .knob:after{top:3px;height:7px}}.skin-jb202{--bg-dark:#1a1e2e;--bg-panel:#162130;--bg-section:#1f2f3f;--accent:#4fd1a3;--accent-bright:#6ff1c3;--accent-dim:#2a8f6f;--text:#e8e8e8;--text-dim:#88aa99;--knob-bg:#2a4a3a;--knob-indicator:#4fd1a3;--gate-on:#4fd1a3;--gate-off:#2a3a4a;--accent-color:#f0a030;--slide-color:#30a0d0;--playing:#6ff1c3;box-sizing:border-box;margin:0;padding:0;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:var(--bg-dark);color:var(--text);display:block;justify-content:center;align-items:flex-start;padding:20px}.skin-jb202 .synth-panel{background:var(--bg-panel);border-radius:12px;padding:20px;max-width:900px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.4)}.skin-jb202 .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--accent-dim)}.skin-jb202 .logo{display:flex;flex-direction:column}.skin-jb202 .logo-text{font-size:28px;font-weight:700;color:var(--accent-bright);letter-spacing:2px}.skin-jb202 .logo-sub{font-size:10px;color:var(--text-dim);letter-spacing:3px}.skin-jb202 .header-controls{display:flex;gap:10px}.skin-jb202 .icon-btn{background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text);width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.skin-jb202 .icon-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.skin-jb202 .preset-select{background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text);height:32px;padding:0 10px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;min-width:100px;transition:all .15s}.skin-jb202 .preset-select:hover{background:var(--accent-dim);border-color:var(--accent)}.skin-jb202 .preset-select:focus{outline:none;border-color:var(--accent)}.skin-jb202 .preset-group{display:flex;flex-direction:column;align-items:center;gap:4px}.skin-jb202 .preset-label{font-size:11px;color:var(--text-dim)}.skin-jb202 .controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.skin-jb202 .control-section{background:var(--bg-section);border-radius:8px;padding:12px}.skin-jb202 .control-section h3{font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:10px;text-align:center}.skin-jb202 .wave-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:12px}.skin-jb202 .wave-btn{background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text-dim);padding:4px 10px;font-size:10px;font-family:inherit;cursor:pointer;border-radius:4px;transition:all .15s}.skin-jb202 .wave-btn:hover{border-color:var(--accent)}.skin-jb202 .wave-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.skin-jb202 .knob-row{display:flex;justify-content:center;gap:15px}.skin-jb202 .knob-group{display:flex;flex-direction:column;align-items:center;gap:4px}.skin-jb202 .knob-group label{font-size:9px;color:var(--text-dim);letter-spacing:.5px}.skin-jb202 .knob-value{font-size:10px;color:var(--accent);min-width:30px;text-align:center}.skin-jb202 .knob{width:40px;height:40px;background:var(--knob-bg);border-radius:50%;cursor:pointer;position:relative;border:2px solid var(--accent-dim);transition:border-color .15s}.skin-jb202 .knob:hover{border-color:var(--accent)}.skin-jb202 .knob:after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:10px;background:var(--knob-indicator);border-radius:2px}.skin-jb202 .knob.knob-large{width:50px;height:50px}.skin-jb202 .knob.knob-large:after{height:12px}.skin-jb202 .knob.knob-small{width:32px;height:32px}.skin-jb202 .knob.knob-small:after{top:4px;height:8px;width:2px}.skin-jb202 .sequencer-section{background:var(--bg-section);border-radius:8px;padding:15px;margin-bottom:15px}.skin-jb202 .sequencer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.skin-jb202 .step-page-toggle{display:flex;gap:4px}.skin-jb202 .step-page-btn{background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text-dim);padding:4px 12px;font-size:11px;font-family:inherit;cursor:pointer;border-radius:4px;transition:all .15s}.skin-jb202 .step-page-btn:hover{border-color:var(--accent)}.skin-jb202 .step-page-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.skin-jb202 .step-page-btn.has-playing{box-shadow:0 0 8px var(--playing)}.skin-jb202 .seq-labels{display:flex;flex-direction:column;gap:2px;font-size:9px;color:var(--text-dim);text-align:right}.skin-jb202 .sequencer{overflow:hidden}.skin-jb202 .seq-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.skin-jb202 .seq-step{display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--bg-dark);border-radius:4px;transition:all .1s}.skin-jb202 .seq-step.playing{box-shadow:0 0 12px var(--playing);background:var(--bg-panel)}.skin-jb202 .seq-step:nth-child(n+9),.skin-jb202 .sequencer.page-2 .seq-step:nth-child(-n+8){display:none}.skin-jb202 .sequencer.page-2 .seq-step:nth-child(n+9){display:flex}.skin-jb202 .seq-note{background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text);font-family:inherit;font-size:11px;padding:6px 4px;border-radius:3px;cursor:pointer;transition:all .1s}.skin-jb202 .seq-note:hover{border-color:var(--accent);background:var(--accent-dim)}.skin-jb202 .seq-accent,.skin-jb202 .seq-gate,.skin-jb202 .seq-slide{height:16px;border:none;border-radius:3px;cursor:pointer;transition:all .1s}.skin-jb202 .seq-gate{background:var(--gate-off)}.skin-jb202 .seq-gate.active{background:var(--gate-on);box-shadow:0 0 6px var(--gate-on)}.skin-jb202 .seq-accent{background:var(--gate-off)}.skin-jb202 .seq-accent.active{background:var(--accent-color);box-shadow:0 0 6px var(--accent-color)}.skin-jb202 .seq-slide{background:var(--gate-off)}.skin-jb202 .seq-slide.active{background:var(--slide-color);box-shadow:0 0 6px var(--slide-color)}.skin-jb202 .transport-section{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-section);border-radius:8px;margin-bottom:10px}.skin-jb202 .transport-left{display:flex;align-items:center;gap:8px}.skin-jb202 .transport-left label{font-size:11px;color:var(--text-dim)}.skin-jb202 .transport-left input{width:60px;background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text);padding:6px 8px;border-radius:4px;font-family:inherit;font-size:14px;text-align:center}.skin-jb202 .transport-left input:focus{outline:none;border-color:var(--accent)}.skin-jb202 .play-btn{background:var(--accent);border:none;color:var(--bg-dark);padding:10px 30px;font-family:inherit;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s}.skin-jb202 .play-btn:hover{background:var(--accent-bright)}.skin-jb202 .share-icon:before{content:"SHARE";font-size:9px}.skin-jb202 .status{text-align:center;font-size:11px;color:var(--text-dim);padding:8px}.skin-jb202 .modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:100;align-items:center;justify-content:center}.skin-jb202 .modal.active{display:flex}.skin-jb202 .modal-content{background:var(--bg-panel);border-radius:12px;padding:25px;max-width:450px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.skin-jb202 .modal-close{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;line-height:1}.skin-jb202 .modal-close:hover{color:var(--text)}.skin-jb202 .modal-content h2{color:var(--accent-bright);font-size:20px;margin-bottom:15px}.skin-jb202 .modal-content h3{color:var(--accent);font-size:14px;margin:15px 0 8px}.skin-jb202 .modal-content li,.skin-jb202 .modal-content p{font-size:13px;color:var(--text-dim);line-height:1.6}.skin-jb202 .modal-content ul{list-style:none;padding-left:0}.skin-jb202 .modal-content li{margin-bottom:6px}.skin-jb202 .modal-content li strong{color:var(--text)}.skin-jb202 .modal-footer{margin-top:20px;padding-top:15px;border-top:1px solid var(--accent-dim);text-align:center;font-style:italic}.skin-jb202 .share-modal-content{text-align:center}.skin-jb202 .share-options{display:flex;flex-direction:column;gap:10px;margin-top:20px}.skin-jb202 .share-option{display:flex;align-items:center;gap:15px;background:var(--bg-section);border:1px solid var(--accent-dim);color:var(--text);padding:12px 20px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;transition:all .15s}.skin-jb202 .share-option:hover{border-color:var(--accent);background:var(--bg-dark)}.skin-jb202 .share-option-icon{background:var(--accent);color:var(--bg-dark);padding:6px 10px;border-radius:4px;font-size:12px;font-weight:600;min-width:40px}@media (min-width:768px){.skin-jb202 .seq-steps{grid-template-columns:repeat(16,1fr)}.skin-jb202 .seq-step:nth-child(n+9){display:flex}.skin-jb202 .step-page-toggle{display:none}.skin-jb202 .sequencer.page-2 .seq-step:nth-child(-n+8){display:flex}}@media (max-width:767px){.skin-jb202 .controls-grid{grid-template-columns:repeat(2,1fr)}.skin-jb202 .filter-section{grid-column:span 2}.skin-jb202 .knob{width:36px;height:36px}.skin-jb202 .knob.knob-large{width:44px;height:44px}.skin-jb202 .knob.knob-small{width:28px;height:28px}.skin-jb202 .logo-text{font-size:22px}}@media (max-width:480px){.skin-jb202{padding:10px}.skin-jb202 .synth-panel{padding:15px}.skin-jb202 .controls-grid{grid-template-columns:1fr}.skin-jb202 .filter-section{grid-column:span 1}}.skin-jt10{--bg-body:#1a1a1a;--bg-panel:#2a2a2a;--bg-section:#333;--bg-control:#404040;--text-primary:#f0f0f0;--text-secondary:#999;--text-label:#666;--accent:#4a90d9;--accent-light:#6aa8f0;--accent-dark:#2a70b9;--border:#444;--knob-bg:linear-gradient(145deg,#3a3a3a,#222);--knob-indicator:#4a90d9;box-sizing:border-box;margin:0;padding:0;font-family:var(--font-grotesk),sans-serif;background:var(--bg-body);color:var(--text-primary)}.skin-jt10 .synth-container{max-width:1000px;margin:0 auto;padding:1rem}.skin-jt10 .synth-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-panel);border-radius:12px 12px 0 0;border-bottom:1px solid var(--border)}.skin-jt10 .logo{display:flex;align-items:baseline;gap:.5rem}.skin-jt10 .brand{font-size:.7rem;font-weight:400;letter-spacing:.2em;color:var(--text-secondary)}.skin-jt10 .model{font-size:1.4rem;font-weight:700;letter-spacing:.1em;color:var(--accent)}.skin-jt10 .header-controls{display:flex;align-items:center;gap:1rem}.skin-jt10 .preset-dropdown{position:relative}.skin-jt10 .preset-dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-control);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s}.skin-jt10 .preset-dropdown-btn:hover{border-color:var(--accent)}.skin-jt10 .preset-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;margin-top:4px;z-index:100;max-height:200px;overflow-y:auto}.skin-jt10 .preset-dropdown-menu.active{display:block}.skin-jt10 .preset-dropdown-menu button{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.8rem}.skin-jt10 .preset-dropdown-menu button:hover{background:var(--bg-control)}.skin-jt10 .header-icon-btn,.skin-jt10 .info-btn{width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-control);color:var(--text-secondary);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.skin-jt10 .header-icon-btn:hover,.skin-jt10 .info-btn:hover{border-color:var(--accent);color:var(--accent)}.skin-jt10 .control-panel{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);padding:1px}.skin-jt10 .section{background:var(--bg-panel);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.skin-jt10 .section h3{font-size:.65rem;font-weight:600;letter-spacing:.15em;color:var(--accent);text-transform:uppercase;margin-bottom:.25rem}.skin-jt10 .controls-row{display:flex;justify-content:center;gap:1rem}.skin-jt10 .control{display:flex;flex-direction:column;align-items:center;gap:.4rem}.skin-jt10 .control label{font-size:.55rem;font-weight:600;letter-spacing:.1em;color:var(--text-label);text-transform:uppercase}.skin-jt10 .knob{width:44px;height:44px;border-radius:50%;background:var(--knob-bg);border:2px solid #2a2a2a;position:relative;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);touch-action:none}.skin-jt10 .knob:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:14px;background:linear-gradient(to bottom,var(--knob-indicator),var(--accent-dark));border-radius:2px;transform-origin:center bottom;transform:translate(-50%,-100%);box-shadow:0 0 6px var(--accent)}.skin-jt10 .knob:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#1a1a1a;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #333}.skin-jt10 .knob-value{font-family:var(--font-mono),monospace;font-size:.5rem;color:var(--text-label);min-width:20px;text-align:center}.skin-jt10 .knob.small{width:32px;height:32px}.skin-jt10 .knob.small:before{height:10px}.skin-jt10 .slider{width:24px;height:80px;background:var(--bg-control);border:1px solid var(--border);border-radius:4px;position:relative;cursor:pointer;touch-action:none}.skin-jt10 .slider:before{width:18px;height:12px;border-radius:3px;bottom:calc(var(--value, 50%) - 6px);box-shadow:0 2px 4px rgba(0,0,0,.3)}.skin-jt10 .slider:after,.skin-jt10 .slider:before{content:"";position:absolute;left:50%;transform:translateX(-50%);background:var(--accent)}.skin-jt10 .slider:after{bottom:0;width:4px;height:var(--value,50%);opacity:.3;border-radius:2px}.skin-jt10 .range-switch,.skin-jt10 .sub-mode-switch{display:flex;flex-direction:column;gap:.4rem}.skin-jt10 .mode-label,.skin-jt10 .range-label{font-size:.5rem;font-weight:600;letter-spacing:.1em;color:var(--text-label);text-transform:uppercase}.skin-jt10 .mode-buttons,.skin-jt10 .range-buttons{display:flex;gap:2px}.skin-jt10 .mode-btn,.skin-jt10 .range-btn{padding:.3rem .5rem;border:1px solid var(--border);background:var(--bg-control);color:var(--text-secondary);font-size:.6rem;font-weight:600;cursor:pointer;transition:all .15s}.skin-jt10 .mode-btn:first-child,.skin-jt10 .range-btn:first-child{border-radius:4px 0 0 4px}.skin-jt10 .mode-btn:last-child,.skin-jt10 .range-btn:last-child{border-radius:0 4px 4px 0}.skin-jt10 .mode-btn.active,.skin-jt10 .range-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.skin-jt10 .lfo-waveform{display:flex;gap:4px;justify-content:center}.skin-jt10 .wave-btn{padding:.4rem .6rem;border:1px solid var(--border);background:var(--bg-control);color:var(--text-secondary);font-size:.6rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s}.skin-jt10 .wave-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.skin-jt10 .lfo-destinations{display:flex;justify-content:center;gap:.75rem}.skin-jt10 .control.small label{font-size:.45rem}.skin-jt10 .sequencer-section{background:var(--bg-panel);padding:1rem;border-top:1px solid var(--border)}.skin-jt10 .transport{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skin-jt10 .transport-btn{padding:.6rem 1.5rem;border:none;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s}.skin-jt10 .transport-btn.play{background:#2a8a2a;color:#fff}.skin-jt10 .transport-btn.play:hover{background:#3a9a3a}.skin-jt10 .transport-btn.play.active{background:#1a6a1a}.skin-jt10 .transport-btn.stop{background:var(--bg-control);border:1px solid var(--border);color:var(--text-secondary)}.skin-jt10 .transport-btn.stop:hover{border-color:var(--accent);color:var(--accent)}.skin-jt10 .bpm-control{display:flex;align-items:center;gap:.5rem}.skin-jt10 .bpm-control label{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary)}.skin-jt10 .bpm-control input{width:60px;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-control);color:var(--accent);font-family:var(--font-mono),monospace;font-size:.9rem;text-align:center}.skin-jt10 .arp-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.skin-jt10 .arp-label{letter-spacing:.1em;margin-right:.5rem}.skin-jt10 .arp-btn,.skin-jt10 .arp-label{font-size:.65rem;font-weight:600;color:var(--text-secondary)}.skin-jt10 .arp-btn{padding:.4rem .8rem;border:1px solid var(--border);background:var(--bg-control);border-radius:4px;cursor:pointer;transition:all .15s}.skin-jt10 .arp-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.skin-jt10 .octave-control{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.skin-jt10 .octave-control label{letter-spacing:.1em}.skin-jt10 .oct-btn,.skin-jt10 .octave-control label{font-size:.65rem;font-weight:600;color:var(--text-secondary)}.skin-jt10 .oct-btn{padding:.3rem .6rem;border:1px solid var(--border);background:var(--bg-control);cursor:pointer;transition:all .15s}.skin-jt10 .oct-btn:first-of-type{border-radius:4px 0 0 4px}.skin-jt10 .oct-btn:last-of-type{border-radius:0 4px 4px 0}.skin-jt10 .oct-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.skin-jt10 .step-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin-bottom:1rem}.skin-jt10 .step{aspect-ratio:1;background:var(--bg-control);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.5rem;color:var(--text-secondary)}.skin-jt10 .step:hover{border-color:var(--accent)}.skin-jt10 .step.active{background:var(--accent);border-color:var(--accent-light);color:#fff}.skin-jt10 .step.playing{box-shadow:0 0 10px var(--accent)}.skin-jt10 .keyboard-section{background:var(--bg-panel);padding:1rem;border-top:1px solid var(--border)}.skin-jt10 .keyboard{display:flex;justify-content:center;gap:2px;height:100px;position:relative}.skin-jt10 .key{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;cursor:pointer;transition:all .1s;position:relative}.skin-jt10 .key.white{width:36px;height:100%;z-index:1}.skin-jt10 .key.black{width:24px;height:60%;background:#222;border-color:#111;margin:0 -12px;z-index:2}.skin-jt10 .key.active,.skin-jt10 .key:active{background:var(--accent)}.skin-jt10 .key.black.active,.skin-jt10 .key.black:active{background:var(--accent-dark)}.skin-jt10 .synth-footer{background:var(--bg-panel);padding:1rem;text-align:center;font-size:.7rem;color:var(--text-secondary);border-radius:0 0 12px 12px;border-top:1px solid var(--border)}.skin-jt10 .modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt10 .modal:not(.hidden){display:flex}.skin-jt10 .modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.skin-jt10 .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.skin-jt10 .modal-content h2{color:var(--accent);margin-bottom:1rem}.skin-jt10 .modal-content h3{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-size:.9rem}.skin-jt10 .modal-content li,.skin-jt10 .modal-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.skin-jt10 .modal-content table{width:100%;margin:.5rem 0}.skin-jt10 .modal-content td{padding:.25rem .5rem;font-size:.8rem;color:var(--text-secondary)}.skin-jt10 .modal-content td:first-child{font-family:var(--font-mono),monospace;color:var(--accent)}.skin-jt10 .credits{margin-top:1rem;font-size:.75rem;color:var(--text-label)}.skin-jt10 .share-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt10 .share-modal.active{display:flex}.skin-jt10 .share-modal-content{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1rem;width:280px}.skin-jt10 .share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.skin-jt10 .share-modal-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.skin-jt10 .share-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.skin-jt10 .share-modal-body{display:flex;flex-direction:column;gap:.5rem}.skin-jt10 .share-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-control);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.skin-jt10 .share-option:hover{border-color:var(--accent)}.skin-jt10 .share-option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-body);border-radius:6px;color:var(--accent)}.skin-jt10 .share-option-text{display:flex;flex-direction:column;gap:2px}.skin-jt10 .share-option-text strong{font-size:.75rem;color:var(--text-primary)}.skin-jt10 .share-option-text small{font-size:.6rem;color:var(--text-label)}@media (max-width:768px){.skin-jt10 .control-panel{grid-template-columns:repeat(3,1fr)}.skin-jt10 .step-grid{grid-template-columns:repeat(8,1fr)}.skin-jt10 .keyboard{overflow-x:auto}.skin-jt10 .key.white{width:28px}.skin-jt10 .key.black{width:18px;margin:0 -9px}}.skin-jt30{--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--bg-dark:#0a0a0a;--bg-panel:#141414;--bg-card:#1a1a1a;--bg-elevated:#222;--text-primary:#fafafa;--text-secondary:#888;--text-muted:#555;--border-subtle:#2a2a2a;--border-accent:#333;font-family:var(--font-grotesk),system-ui,sans-serif;box-sizing:border-box;margin:0;padding:2rem;background:var(--bg-dark);background-image:radial-gradient(ellipse at top,rgba(245,158,11,.08) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(245,158,11,.05) 0,transparent 40%);color:var(--text-primary)}.skin-jt30 .panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;max-width:900px;margin:0 auto;box-shadow:0 0 80px rgba(245,158,11,.1),0 25px 50px rgba(0,0,0,.5)}.skin-jt30 h1{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-400);display:flex;align-items:center;gap:1rem}.skin-jt30 h1:before{content:"";display:inline-block;width:8px;height:8px;background:var(--amber-500);border-radius:50%;box-shadow:0 0 12px var(--amber-500),0 0 24px var(--amber-600);animation:pulse-glow 2s ease-in-out infinite}.skin-jt30 .header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.skin-jt30 .header-controls{display:flex;align-items:center;gap:.5rem}.skin-jt30 .header-icon-btn{width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;opacity:.5}.skin-jt30 .header-icon-btn:hover{color:var(--amber-400);opacity:1;background:rgba(245,158,11,.1)}.skin-jt30 .voice-info-btn{width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:.6rem;font-style:italic;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;opacity:.4}.skin-jt30 .voice-info-btn:hover{color:var(--amber-400);opacity:1}.skin-jt30 .share-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt30 .share-modal.active{display:flex}.skin-jt30 .share-modal-content{background:var(--bg-panel);border:1px solid var(--border-accent);border-radius:12px;padding:1rem;width:280px;box-shadow:0 20px 40px rgba(0,0,0,.5)}.skin-jt30 .share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.skin-jt30 .share-modal-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--amber-400)}.skin-jt30 .share-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.skin-jt30 .share-modal-close:hover{color:var(--text-primary)}.skin-jt30 .share-modal-body{display:flex;flex-direction:column;gap:.5rem}.skin-jt30 .share-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.skin-jt30 .share-option:hover{background:var(--bg-elevated);border-color:var(--amber-700)}.skin-jt30 .share-option:disabled{opacity:.5;cursor:wait}.skin-jt30 .share-option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border-radius:6px;font-size:.9rem;color:var(--amber-400);flex-shrink:0}.skin-jt30 .share-option-text{display:flex;flex-direction:column;gap:2px}.skin-jt30 .share-option-text strong{font-size:.75rem;font-weight:600;color:var(--text-primary)}.skin-jt30 .share-option-text small{font-size:.6rem;color:var(--text-muted)}.skin-jt30 .controls{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px}.skin-jt30 .controls-divider{width:1px;height:50px;background:var(--border-accent);margin:0 .5rem}.skin-jt30 .waveform-toggle{display:flex;gap:4px;background:var(--bg-dark);padding:4px;border-radius:8px}.skin-jt30 .wave-btn{width:36px;height:36px;padding:0;border:1px solid var(--border-accent);border-radius:6px;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.skin-jt30 .wave-btn:hover{border-color:var(--amber-700);color:var(--text-secondary)}.skin-jt30 .wave-btn.active{background:var(--amber-700);border-color:var(--amber-600);color:#fff}.skin-jt30 .wave-btn svg{width:18px;height:18px}.skin-jt30 .knob-group{display:flex;gap:1rem}.skin-jt30 .knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:.4rem}.skin-jt30 .knob{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a 70%);border:2px solid #2a2a2a;position:relative;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);transition:box-shadow .15s;touch-action:none;-webkit-user-select:none;user-select:none}.skin-jt30 .knob:hover{box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 1px var(--amber-800),inset 0 1px 0 rgba(255,255,255,.1)}.skin-jt30 .knob:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:14px;background:linear-gradient(to bottom,var(--amber-400),var(--amber-600));border-radius:2px;transform-origin:center bottom;transform:translate(-50%,-100%);box-shadow:0 0 6px var(--amber-500)}.skin-jt30 .knob:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--bg-dark);border-radius:50%;transform:translate(-50%,-50%);border:1px solid #333}.skin-jt30 .knob-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.skin-jt30 .knob-value{font-family:var(--font-mono),monospace;font-size:.6rem;color:var(--amber-400)}.skin-jt30 .controls label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.skin-jt30 .controls input[type=number]{width:4rem;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-dark);color:var(--amber-400);font-family:var(--font-mono),monospace;font-size:.9rem}.skin-jt30 .controls input[type=number]:focus{outline:none;border-color:var(--amber-600);box-shadow:0 0 0 2px rgba(245,158,11,.2)}.skin-jt30 .controls select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-dark);color:var(--text-primary);font-size:.8rem;cursor:pointer;min-width:120px}.skin-jt30 .controls select:focus{outline:none;border-color:var(--amber-600)}.skin-jt30 .controls button{padding:.6rem 1.25rem;border-radius:6px;border:none;font-weight:600;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .15s ease}.skin-jt30 .controls button#play-toggle{background:linear-gradient(135deg,var(--amber-500),var(--amber-700));color:#000;box-shadow:0 0 20px rgba(245,158,11,.3);min-width:70px}.skin-jt30 .controls button#play-toggle:hover{box-shadow:0 0 30px rgba(245,158,11,.5);transform:translateY(-1px)}.skin-jt30 #status{min-height:1.5rem;color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem;padding-left:.25rem}.skin-jt30 .sequencer{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;margin-bottom:1rem;overflow-x:auto;display:grid;grid-template-columns:40px 1fr;gap:8px}.skin-jt30 .seq-row-labels{display:flex;flex-direction:column;gap:3px;padding-top:0}.skin-jt30 .seq-row-labels .seq-row-label{font-size:.55rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;height:24px}.skin-jt30 .seq-row-labels .seq-row-label:first-child{height:28px}.skin-jt30 .seq-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.skin-jt30 .seq-step-nums{grid-column:2;display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.skin-jt30 .seq-step-nums span{font-family:var(--font-mono),monospace;font-size:.5rem;color:var(--text-muted);text-align:center;padding-top:.25rem}.skin-jt30 .seq-step.playing{background:var(--bg-elevated);border-radius:4px}.skin-jt30 .seq-step.playing .seq-note{background:var(--amber-900);border-color:var(--amber-500);box-shadow:0 0 8px rgba(245,158,11,.3)}.skin-jt30 .seq-step{display:flex;flex-direction:column;gap:3px}.skin-jt30 .seq-note{background:var(--bg-dark);border:1px solid var(--border-accent);border-radius:4px;padding:.35rem .25rem;font-family:var(--font-mono),monospace;font-size:.6rem;color:var(--amber-400);text-align:center;cursor:pointer;transition:all .1s;min-width:32px}.skin-jt30 .seq-note:hover{border-color:var(--amber-700);background:var(--bg-elevated)}.skin-jt30 .seq-note.playing{background:var(--amber-900);border-color:var(--amber-600)}.skin-jt30 .seq-accent,.skin-jt30 .seq-gate,.skin-jt30 .seq-slide{width:100%;aspect-ratio:1;min-height:20px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-dark);cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--text-muted)}.skin-jt30 .seq-accent:hover,.skin-jt30 .seq-gate:hover,.skin-jt30 .seq-slide:hover{border-color:var(--amber-800)}.skin-jt30 .seq-gate.active{background:var(--amber-700);border-color:var(--amber-600);color:#000}.skin-jt30 .seq-accent.active{background:var(--amber-500);border-color:var(--amber-400);color:#000}.skin-jt30 .seq-accent.active:after{content:"^"}.skin-jt30 .seq-slide.active{background:#4a6a4a;border-color:#5a8a5a;color:#fff}.skin-jt30 .seq-slide.active:after{content:"~"}.skin-jt30 .keyboard-hints{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;font-size:.7rem;color:var(--text-muted)}.skin-jt30 .keyboard-hints kbd{display:inline-block;padding:.2rem .5rem;margin:0 .15rem;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:4px;font-family:var(--font-mono),monospace;font-size:.65rem;color:var(--amber-400)}.skin-jt30 .voice-info-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt30 .voice-info-modal.active{display:flex}.skin-jt30 .voice-info-content{background:var(--bg-panel);border:1px solid var(--border-accent);border-radius:12px;padding:1.25rem;max-width:320px;width:100%;max-height:50vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5)}.skin-jt30 .voice-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.skin-jt30 .voice-info-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--amber-400)}.skin-jt30 .voice-info-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.skin-jt30 .voice-info-close:hover{color:var(--text-primary)}.skin-jt30 .voice-info-section{margin-bottom:.75rem}.skin-jt30 .voice-info-section:last-child{margin-bottom:0}.skin-jt30 .voice-info-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.skin-jt30 .voice-info-text{font-size:.75rem;line-height:1.4;color:var(--text-secondary)}.skin-jt30 .step-page-toggle{display:none;justify-content:center;gap:.5rem;margin-bottom:1rem}.skin-jt30 .step-page-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.skin-jt30 .step-page-btn.active{background:var(--amber-700);border-color:var(--amber-600);color:#000}.skin-jt30 .step-page-btn.has-playing{box-shadow:0 0 8px var(--amber-500)}@media (max-width:768px){.skin-jt30{padding:0}.skin-jt30 .step-page-toggle{display:flex}.skin-jt30 .panel{padding:1rem;border-radius:0;max-width:100%;border:none}.skin-jt30 h1{font-size:1rem}.skin-jt30 .controls{gap:.75rem;padding:.75rem}.skin-jt30 .controls-divider{display:none}.skin-jt30 .knob-group{flex-wrap:wrap;justify-content:center;gap:.75rem}.skin-jt30 .knob{width:48px;height:48px}.skin-jt30 .sequencer{padding:.75rem}.skin-jt30 .seq-note{font-size:.55rem;padding:.25rem;min-width:28px}.skin-jt30 .keyboard-hints{display:none}}.skin-jt90{--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-300:#fca5a5;--red-400:#f87171;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--bg-dark:#0a0a0a;--bg-panel:#141414;--bg-card:#1a1a1a;--bg-elevated:#222;--text-primary:#fafafa;--text-secondary:#888;--text-muted:#555;--border-subtle:#2a2a2a;--border-accent:#333;font-family:var(--font-grotesk),system-ui,sans-serif;box-sizing:border-box;margin:0;padding:2rem;background:var(--bg-dark);background-image:radial-gradient(ellipse at top,rgba(239,68,68,.08) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(239,68,68,.05) 0,transparent 40%);color:var(--text-primary)}.skin-jt90 .panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;max-width:1000px;margin:0 auto;box-shadow:0 0 80px rgba(239,68,68,.1),0 25px 50px rgba(0,0,0,.5)}.skin-jt90 h1{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--red-400);display:flex;align-items:center;gap:1rem}.skin-jt90 h1:before{content:"";display:inline-block;width:8px;height:8px;background:var(--red-500);border-radius:50%;box-shadow:0 0 12px var(--red-500),0 0 24px var(--red-600);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.skin-jt90 .header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.skin-jt90 .header-controls{display:flex;align-items:center;gap:.5rem}.skin-jt90 .header-icon-btn{width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;opacity:.5}.skin-jt90 .header-icon-btn:hover{color:var(--red-400);opacity:1;background:rgba(239,68,68,.1)}.skin-jt90 .voice-info-btn{width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:.6rem;font-style:italic;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;opacity:.4}.skin-jt90 .voice-info-btn:hover{color:var(--red-400);opacity:1}.skin-jt90 .controls{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px}.skin-jt90 .controls-row-2{margin-bottom:1rem}.skin-jt90 .controls-divider{width:1px;height:30px;background:var(--border-accent);margin:0 .5rem}.skin-jt90 .controls-spacer{flex:1}.skin-jt90 .kit-pattern-row{display:flex;gap:.75rem}.skin-jt90 .kit-label,.skin-jt90 .pattern-label{flex-direction:column;gap:.25rem;font-size:.6rem}.skin-jt90 .controls label,.skin-jt90 .kit-label,.skin-jt90 .pattern-label{display:flex;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.skin-jt90 .controls label{align-items:center;gap:.5rem;font-size:.7rem}.skin-jt90 .controls input[type=number]{width:4rem;padding:.5rem .6rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-dark);color:var(--red-400);font-family:var(--font-mono),monospace;font-size:.9rem}.skin-jt90 .controls input[type=number]:focus{outline:none;border-color:var(--red-600);box-shadow:0 0 0 2px rgba(239,68,68,.2)}.skin-jt90 .controls input[type=range]{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-accent);border-radius:2px;cursor:pointer}.skin-jt90 .controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--red-500);border-radius:50%;cursor:pointer}.skin-jt90 .controls select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-dark);color:var(--text-primary);font-size:.8rem;cursor:pointer;min-width:100px}.skin-jt90 .controls select:focus{outline:none;border-color:var(--red-600)}.skin-jt90 .compact-select{display:flex;flex-direction:column;gap:.25rem}.skin-jt90 .compact-select span{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.skin-jt90 .compact-select select{min-width:60px;padding:.4rem}.skin-jt90 .controls button{padding:.6rem 1.25rem;border-radius:6px;border:none;font-weight:600;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .15s ease}.skin-jt90 .controls button#play-toggle{background:linear-gradient(135deg,var(--red-500),var(--red-700));color:#fff;box-shadow:0 0 20px rgba(239,68,68,.3);min-width:70px}.skin-jt90 .controls button#play-toggle:hover{box-shadow:0 0 30px rgba(239,68,68,.5);transform:translateY(-1px)}.skin-jt90 #status{min-height:1.5rem;color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem;padding-left:.25rem}.skin-jt90 .step-page-toggle{display:none;justify-content:center;gap:.5rem;margin-bottom:1rem}.skin-jt90 .step-page-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border-accent);background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.skin-jt90 .step-page-btn.active{background:var(--red-700);border-color:var(--red-600);color:#fff}.skin-jt90 .step-page-btn.has-playing{box-shadow:0 0 8px var(--red-500)}.skin-jt90 .sequencer{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;margin-bottom:1rem;overflow-x:auto}.skin-jt90 .seq-header{display:grid;grid-template-columns:60px repeat(16,1fr);gap:4px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.skin-jt90 .seq-header span{font-family:var(--font-mono),monospace;font-size:.5rem;color:var(--text-muted);text-align:center}.skin-jt90 .seq-header span:first-child{text-align:left}.skin-jt90 .voice-row{display:grid;grid-template-columns:80px repeat(16,1fr);gap:4px;margin-bottom:4px}.skin-jt90 .voice-label{display:none;align-items:center;font-size:.6rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;border:none;background:transparent;text-align:left;transition:all .15s}.skin-jt90 .voice-label:hover{background:var(--bg-elevated);color:var(--red-400)}.skin-jt90 .voice-label-short{display:flex;align-items:center;font-size:.65rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;border:none;background:transparent;transition:all .15s}.skin-jt90 .voice-label-short:hover{background:var(--bg-elevated);color:var(--red-400)}.skin-jt90 .step{aspect-ratio:1;min-height:24px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-dark);cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;padding:0}.skin-jt90 .step:hover{border-color:var(--red-800)}.skin-jt90 .step--on{background:var(--red-700);border-color:var(--red-600)}.skin-jt90 .step--accent{background:var(--red-500);border-color:var(--red-400)}.skin-jt90 .step--playing{box-shadow:0 0 8px var(--red-500)}.skin-jt90 .seq-row{display:grid;grid-template-columns:60px repeat(16,1fr);gap:4px;margin-bottom:4px}.skin-jt90 .seq-row-label{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:background .15s}.skin-jt90 .seq-row-label:hover{background:var(--bg-elevated)}.skin-jt90 .seq-row-label.selected{background:var(--red-900);color:var(--red-300)}.skin-jt90 .seq-step{aspect-ratio:1;min-height:24px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-dark);cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.skin-jt90 .seq-step:hover{border-color:var(--red-800)}.skin-jt90 .seq-step.active{background:var(--red-700);border-color:var(--red-600)}.skin-jt90 .seq-step.accent{background:var(--red-500);border-color:var(--red-400)}.skin-jt90 .seq-step.playing{box-shadow:0 0 8px var(--red-500)}.skin-jt90 .voice-row--dimmed{opacity:.4}.skin-jt90 .voice-controls{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem;margin-bottom:1rem}.skin-jt90 .voice-controls h2{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 1rem}.skin-jt90 .params-grid{display:flex;gap:1rem;flex-wrap:wrap}.skin-jt90 .param-knob{display:flex;flex-direction:column;align-items:center;gap:.4rem}.skin-jt90 .param-knob .knob{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a 70%);border:2px solid #2a2a2a;position:relative;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);touch-action:none}.skin-jt90 .param-knob .knob:before{content:"";position:absolute;top:50%;left:50%;width:3px;height:12px;background:linear-gradient(to bottom,var(--red-400),var(--red-600));border-radius:2px;transform-origin:center bottom;transform:translate(-50%,-100%);box-shadow:0 0 6px var(--red-500)}.skin-jt90 .param-knob .knob:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:var(--bg-dark);border-radius:50%;transform:translate(-50%,-50%);border:1px solid #333}.skin-jt90 .param-knob label{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.skin-jt90 .param-knob .value{font-family:var(--font-mono),monospace;font-size:.55rem;color:var(--red-400)}.skin-jt90 .keyboard-hints{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;font-size:.7rem;color:var(--text-muted)}.skin-jt90 .keyboard-hints kbd{display:inline-block;padding:.2rem .5rem;margin:0 .15rem;background:var(--bg-elevated);border:1px solid var(--border-accent);border-radius:4px;font-family:var(--font-mono),monospace;font-size:.65rem;color:var(--red-400)}.skin-jt90 .voice-info-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt90 .voice-info-modal.active{display:flex}.skin-jt90 .voice-info-content{background:var(--bg-panel);border:1px solid var(--border-accent);border-radius:12px;padding:1.25rem;max-width:380px;width:100%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5)}.skin-jt90 .voice-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.skin-jt90 .voice-info-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red-400)}.skin-jt90 .voice-info-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.skin-jt90 .voice-info-close:hover{color:var(--text-primary)}.skin-jt90 .voice-info-section{margin-bottom:.75rem}.skin-jt90 .voice-info-section:last-child{margin-bottom:0}.skin-jt90 .voice-info-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.skin-jt90 .voice-info-text{font-size:.75rem;line-height:1.5;color:var(--text-secondary)}.skin-jt90 .voice-info-note{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border-subtle);font-size:.65rem;color:var(--text-muted);font-style:italic}.skin-jt90 .share-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt90 .share-modal.active{display:flex}.skin-jt90 .share-modal-content{background:var(--bg-panel);border:1px solid var(--border-accent);border-radius:12px;padding:1rem;width:280px;box-shadow:0 20px 40px rgba(0,0,0,.5)}.skin-jt90 .share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.skin-jt90 .share-modal-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--red-400)}.skin-jt90 .share-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.skin-jt90 .share-modal-close:hover{color:var(--text-primary)}.skin-jt90 .share-modal-body{display:flex;flex-direction:column;gap:.5rem}.skin-jt90 .share-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.skin-jt90 .share-option:hover{background:var(--bg-elevated);border-color:var(--red-700)}.skin-jt90 .share-option:disabled{opacity:.5;cursor:wait}.skin-jt90 .share-option-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border-radius:6px;font-size:.9rem;color:var(--red-400);flex-shrink:0}.skin-jt90 .share-option-text{display:flex;flex-direction:column;gap:2px}.skin-jt90 .share-option-text strong{font-size:.75rem;font-weight:600;color:var(--text-primary)}.skin-jt90 .share-option-text small{font-size:.6rem;color:var(--text-muted)}.skin-jt90 .manage-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:1rem}.skin-jt90 .manage-modal.active{display:flex}.skin-jt90 .manage-modal-content{background:var(--bg-panel);border:1px solid var(--border-accent);border-radius:12px;padding:1rem;width:320px;max-height:70vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.5)}.skin-jt90 .manage-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.skin-jt90 .manage-modal-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--red-400)}.skin-jt90 .manage-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.skin-jt90 .manage-modal-close:hover{color:var(--text-primary)}.skin-jt90 .manage-modal-body{padding:0}.skin-jt90 .manage-patterns-list{list-style:none;margin:0;padding:0}.skin-jt90 .manage-pattern-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:.5rem}.skin-jt90 .manage-pattern-item:last-child{margin-bottom:0}.skin-jt90 .manage-pattern-name{font-size:.75rem;font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-jt90 .manage-pattern-bpm{font-size:.65rem;color:var(--text-muted);margin-left:.5rem;flex-shrink:0}.skin-jt90 .manage-pattern-actions{display:flex;gap:.25rem;margin-left:.75rem;flex-shrink:0}.skin-jt90 .manage-pattern-actions button{width:24px;height:24px;padding:0;border:1px solid var(--border-accent);border-radius:4px;background:var(--bg-dark);color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.skin-jt90 .manage-pattern-actions button:hover{background:var(--bg-elevated);color:var(--red-400);border-color:var(--red-700)}.skin-jt90 .manage-pattern-actions .delete-btn:hover{color:var(--red-500)}.skin-jt90 .manage-empty{color:var(--text-muted);font-size:.75rem;text-align:center;padding:1.5rem}.skin-jt90 .voice-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:.75rem;min-width:120px}.skin-jt90 .voice-panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.skin-jt90 .voice-panel-led{width:6px;height:6px;border-radius:50%;background:#333;transition:all .1s}.skin-jt90 .voice-panel-led.active{background:var(--red-500);box-shadow:0 0 8px var(--red-500)}.skin-jt90 .voice-panel-name{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);flex:1}.skin-jt90 .voice-panel .voice-info-btn{width:14px;height:14px;font-size:.5rem}.skin-jt90 .knobs-container{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.skin-jt90 .knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:.3rem}.skin-jt90 .knob-wrapper .knob{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3a3a3a,#1a1a1a 70%);border:2px solid #2a2a2a;position:relative;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);touch-action:none}.skin-jt90 .knob-wrapper .knob:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:10px;background:linear-gradient(to bottom,var(--red-400),var(--red-600));border-radius:1px;transform-origin:center bottom;transform:translate(-50%,-100%);box-shadow:0 0 4px var(--red-500)}.skin-jt90 .knob-wrapper .knob:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--bg-dark);border-radius:50%;transform:translate(-50%,-50%);border:1px solid #333}.skin-jt90 .knob-label{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.skin-jt90 .knob-value{font-family:var(--font-mono),monospace;font-size:.5rem;color:var(--red-400)}@media (max-width:768px){.skin-jt90{padding:0}.skin-jt90 .step-page-toggle{display:flex}.skin-jt90 .panel{padding:1rem;border-radius:0;max-width:100%;border:none}.skin-jt90 h1{font-size:1rem}.skin-jt90 .controls{gap:.75rem;padding:.75rem}.skin-jt90 .controls-divider{display:none}.skin-jt90 .sequencer{padding:.75rem}.skin-jt90 .voice-row{grid-template-columns:40px repeat(8,1fr)}.skin-jt90 .voice-row .step:nth-child(n+10){display:none}.skin-jt90 .sequencer.page-2 .voice-row .step:nth-child(n+10){display:flex}.skin-jt90 .sequencer.page-2 .voice-row .step:nth-child(-n+9):not(.voice-label):not(.voice-label-short){display:none}.skin-jt90 .voice-label-short{font-size:.55rem;padding:.2rem .3rem}.skin-jt90 .seq-header,.skin-jt90 .seq-row{grid-template-columns:40px repeat(8,1fr)}.skin-jt90 .seq-row-label{font-size:.55rem}.skin-jt90 .keyboard-hints{display:none}.skin-jt90 .params-grid{gap:.5rem}.skin-jt90 .voice-panel{min-width:100px;padding:.5rem}.skin-jt90 .knobs-container{gap:.5rem}.skin-jt90 .knob-wrapper .knob{width:32px;height:32px}}@media (min-width:769px){.skin-jt90 .voice-row{grid-template-columns:100px repeat(16,1fr)}.skin-jt90 .voice-label{display:flex}.skin-jt90 .voice-label-short{display:none}}.skin-fx{--bg-dark:#14151c;--bg-panel:#1b1d27;--bg-section:#232636;--accent:#5ee0ff;--accent-bright:#8aeaff;--accent-dim:#2d8aa3;--text:#e8e8ec;--text-dim:#8d93a8;--knob-bg:#2b3044;--knob-indicator:#5ee0ff;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:var(--bg-dark);color:var(--text);padding:12px;border-radius:12px}.skin-fx .fx-panel{background:var(--bg-panel);border-radius:10px;padding:14px}.skin-fx .fx-sections{display:grid;grid-template-columns:1fr;gap:12px}.skin-fx .control-section{background:var(--bg-section);border-radius:8px;padding:12px}.skin-fx .control-section h3{font-size:11px;color:var(--accent);letter-spacing:1px;margin:0 0 10px;text-align:center}.skin-fx .fx-choice{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.skin-fx .fx-choice-label{font-size:9px;color:var(--text-dim);letter-spacing:1px}.skin-fx .wave-toggle{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.skin-fx .wave-btn{background:var(--bg-dark);border:1px solid var(--accent-dim);color:var(--text-dim);padding:4px 10px;font-size:10px;font-family:inherit;cursor:pointer;border-radius:4px}.skin-fx .wave-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.skin-fx .knob-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.skin-fx .knob-group{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px}.skin-fx .knob-group label{font-size:9px;color:var(--text-dim);letter-spacing:.5px}.skin-fx .knob-value{font-size:10px;color:var(--accent);min-width:30px;text-align:center}.skin-fx .knob{width:40px;height:40px;background:var(--knob-bg);border-radius:50%;cursor:pointer;position:relative;border:2px solid var(--accent-dim)}.skin-fx .knob:after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:10px;background:var(--knob-indicator);border-radius:2px}.skin-fx .knob.knob-large{width:50px;height:50px}