@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";:root{--win: #e6f4ff;--card: #ffffff;--btn-hi1: #f0f8ff;--btn-hi2: #ddf0ff;--btn-lo1: #c8e4ff;--btn-lo2: #d8eeff;--tb-hi: rgba(68,120,215,.91);--tb-lo: rgba(10,46,155,.97);--b-win: rgba(100,162,235,.38);--b-btn: rgba(55,120,215,.46);--b-card: rgba(135,192,245,.35);--txt: #07295a;--txt-dis: #5a88b4;--txt-dim: #2855a0;--acc: #0063b1;--acc2: #00a0c0;--sel-bg: #003c8c;--sel-txt: #ffffff;--ok: #005c18;--busy: #004cb0;--err: #be1c1c;--c1: #FF3D9A;--c2: #1A9FFF;--c3: #22cc66;--c4: #FF8C00;--red: #be1c1c;--font: 12px/1.4 "Segoe UI", Tahoma, Arial, sans-serif;--font-title: "Fredoka One", "Comic Sans MS", cursive;--radius: 12px}body.theme-neon{background:linear-gradient(160deg,#1a0a2e,#2a1248,#160826);background-attachment:fixed;--win: rgba(36,18,64,.97);--card: rgba(46,26,80,.95);--btn-hi1: rgba(80,52,130,.9);--btn-hi2: rgba(64,40,108,.86);--btn-lo1: rgba(48,28,84,.82);--btn-lo2: rgba(58,36,98,.88);--tb-hi: rgba(150,90,230,.96);--tb-lo: rgba(70,36,130,.99);--b-win: rgba(170,120,255,.35);--b-btn: rgba(150,100,240,.45);--b-card: rgba(150,110,230,.28);--txt: #ffffff;--txt-dis: #a890d0;--txt-dim: #dcc8ff;--acc: #c79bff;--acc2: #4dd0ff;--sel-bg: #7a3fd0;--sel-txt: #ffffff;--ok: #5cffb0;--busy: #b48cff;--err: #ff6a8a;--c1: #ff7ac8;--c2: #5cd6ff;--c3: #9b6cff;--c4: #ffd166}body.theme-neon:before{background:radial-gradient(circle,rgba(150,90,230,.2) 0%,transparent 70%)}body.theme-neon:after{background:radial-gradient(circle,rgba(80,80,200,.16) 0%,transparent 70%)}body.theme-green{background:linear-gradient(160deg,#e8f5e9,#c8e6c9,#e0f2e1);background-attachment:fixed;--win: rgba(232,245,233,.96);--card: rgba(245,255,245,.94);--btn-hi1: rgba(200,240,200,.9);--btn-hi2: rgba(170,220,170,.84);--btn-lo1: rgba(140,200,140,.8);--btn-lo2: rgba(160,215,160,.88);--tb-hi: rgba(40,120,40,.96);--tb-lo: rgba(10,70,10,.99);--b-win: rgba(60,140,60,.3);--b-btn: rgba(40,120,40,.42);--b-card: rgba(80,150,80,.28);--txt: #0a2a0a;--txt-dis: #508050;--txt-dim: #1a5a1a;--acc: #1a8a1a;--acc2: #40b040;--sel-bg: #0a5a0a;--sel-txt: #ffffff;--ok: #006600;--busy: #004400;--err: #880000;--c1: #cc2244;--c2: #1a88aa;--c3: #228822;--c4: #aa6600}body.theme-green:before{background:radial-gradient(circle,rgba(80,200,80,.25) 0%,transparent 70%)}body.theme-green:after{background:radial-gradient(circle,rgba(40,160,80,.18) 0%,transparent 70%)}body.theme-bloop{background:linear-gradient(160deg,#fff8de,#fff0bf,#fff8de);background-attachment:fixed;--radius: 12px;--win: rgba(255,248,222,.97);--card: rgba(255,253,240,.96);--btn-hi1: rgba(255,236,150,.94);--btn-hi2: rgba(255,226,120,.88);--btn-lo1: rgba(255,212,92,.84);--btn-lo2: rgba(255,222,112,.9);--tb-hi: rgba(255,74,162,.96);--tb-lo: rgba(185,108,255,.98);--b-win: rgba(36,27,58,.28);--b-btn: rgba(36,27,58,.45);--b-card: rgba(36,27,58,.22);--txt: #241b3a;--txt-dis: #9a86b8;--txt-dim: #5a4a82;--acc: #ff4aa2;--acc2: #1ba8e0;--sel-bg: #9b4dd6;--sel-txt: #ffffff;--ok: #1f9c4a;--busy: #6a4dd6;--err: #e0344e;--c1: #ff4aa2;--c2: #1ba8e0;--c3: #2ec46b;--c4: #ff7a3d}body.theme-bloop:before{background:radial-gradient(circle,rgba(255,74,162,.16) 0%,transparent 70%)}body.theme-bloop:after{background:radial-gradient(circle,rgba(38,198,255,.14) 0%,transparent 70%)}body.theme-campfire{background:linear-gradient(160deg,#2b2018,#3a2b1e,#241a12);background-attachment:fixed;--win: rgba(50,38,28,.97);--card: rgba(62,48,34,.95);--btn-hi1: rgba(96,74,50,.92);--btn-hi2: rgba(80,60,40,.86);--btn-lo1: rgba(64,48,32,.82);--btn-lo2: rgba(78,58,38,.88);--tb-hi: rgba(204,128,50,.96);--tb-lo: rgba(122,66,24,.99);--b-win: rgba(214,150,80,.32);--b-btn: rgba(204,128,50,.42);--b-card: rgba(180,130,80,.26);--txt: #f4e4c8;--txt-dis: #b09878;--txt-dim: #e0c89a;--acc: #e8a838;--acc2: #d65a2a;--sel-bg: #a85820;--sel-txt: #fff6e2;--ok: #8aab30;--busy: #d6943c;--err: #e0563c;--c1: #e07a3c;--c2: #d6a83c;--c3: #98b03c;--c4: #c8543c}body.theme-campfire:before{background:radial-gradient(circle,rgba(232,168,56,.18) 0%,transparent 70%)}body.theme-campfire:after{background:radial-gradient(circle,rgba(214,90,42,.16) 0%,transparent 70%)}body.theme-matrix{background:linear-gradient(160deg,#020803,#041006,#010602);background-attachment:fixed;--win: rgba(6,18,8,.96);--card: rgba(8,24,10,.94);--btn-hi1: rgba(16,46,20,.9);--btn-hi2: rgba(12,36,16,.84);--btn-lo1: rgba(8,26,12,.8);--btn-lo2: rgba(14,40,18,.88);--tb-hi: rgba(20,90,30,.96);--tb-lo: rgba(4,30,8,.99);--b-win: rgba(40,220,80,.32);--b-btn: rgba(40,220,80,.42);--b-card: rgba(40,200,80,.26);--txt: #6dff7a;--txt-dis: #2f8a3c;--txt-dim: #46d058;--acc: #00ff66;--acc2: #a8ff5c;--sel-bg: #0c7a2c;--sel-txt: #d8ffd8;--ok: #3cff80;--busy: #8aff4c;--err: #ff5c5c;--c1: #00ff66;--c2: #4cff9c;--c3: #a8ff3c;--c4: #50d0ff}body.theme-matrix:before{background:radial-gradient(circle,rgba(0,255,102,.16) 0%,transparent 70%)}body.theme-matrix:after{background:radial-gradient(circle,rgba(0,200,80,.12) 0%,transparent 70%)}body.theme-twilight{background:linear-gradient(160deg,#1e1b2e,#282440,#1a1726);background-attachment:fixed;--win: rgba(40,36,64,.97);--card: rgba(52,46,80,.95);--btn-hi1: rgba(78,68,118,.9);--btn-hi2: rgba(64,56,98,.86);--btn-lo1: rgba(50,44,78,.82);--btn-lo2: rgba(60,52,92,.88);--tb-hi: rgba(189,147,249,.96);--tb-lo: rgba(98,70,160,.99);--b-win: rgba(189,147,249,.32);--b-btn: rgba(189,147,249,.42);--b-card: rgba(170,140,230,.26);--txt: #f8f8f2;--txt-dis: #9a92c0;--txt-dim: #d4cdf2;--acc: #bd93f9;--acc2: #8be9fd;--sel-bg: #6a4fb8;--sel-txt: #ffffff;--ok: #50fa7b;--busy: #bd93f9;--err: #ff5555;--c1: #ff79c6;--c2: #8be9fd;--c3: #50fa7b;--c4: #ffb86c}body.theme-twilight:before{background:radial-gradient(circle,rgba(189,147,249,.18) 0%,transparent 70%)}body.theme-twilight:after{background:radial-gradient(circle,rgba(139,233,253,.14) 0%,transparent 70%)}body.theme-arctic{background:linear-gradient(160deg,#2e3440,#3b4252,#2a2f3a);background-attachment:fixed;--win: rgba(46,52,64,.97);--card: rgba(59,66,82,.95);--btn-hi1: rgba(76,86,106,.92);--btn-hi2: rgba(67,76,94,.86);--btn-lo1: rgba(54,62,78,.82);--btn-lo2: rgba(63,72,90,.88);--tb-hi: rgba(136,192,208,.96);--tb-lo: rgba(59,76,94,.99);--b-win: rgba(136,192,208,.32);--b-btn: rgba(129,161,193,.44);--b-card: rgba(120,160,190,.26);--txt: #eceff4;--txt-dis: #8a93a6;--txt-dim: #d0d6e0;--acc: #88c0d0;--acc2: #81a1c1;--sel-bg: #5e81ac;--sel-txt: #ffffff;--ok: #a3be8c;--busy: #81a1c1;--err: #bf616a;--c1: #bf616a;--c2: #88c0d0;--c3: #a3be8c;--c4: #ebcb8b}body.theme-arctic:before{background:radial-gradient(circle,rgba(136,192,208,.16) 0%,transparent 70%)}body.theme-arctic:after{background:radial-gradient(circle,rgba(94,129,172,.16) 0%,transparent 70%)}body.theme-sunset{background:linear-gradient(160deg,#ffe3d3,#ffd0c0 45%,#ffe9d6);background-attachment:fixed;--win: rgba(255,235,222,.96);--card: rgba(255,247,240,.95);--btn-hi1: rgba(255,222,200,.92);--btn-hi2: rgba(255,208,182,.86);--btn-lo1: rgba(255,192,162,.82);--btn-lo2: rgba(255,204,178,.88);--tb-hi: rgba(255,138,92,.96);--tb-lo: rgba(204,68,80,.99);--b-win: rgba(214,108,90,.3);--b-btn: rgba(214,108,90,.42);--b-card: rgba(220,140,110,.26);--txt: #5a2230;--txt-dis: #b07868;--txt-dim: #8a3a44;--acc: #e0563c;--acc2: #f08a3c;--sel-bg: #c8404e;--sel-txt: #fff4ee;--ok: #2f9c6a;--busy: #e07a3c;--err: #c01c2c;--c1: #d6344e;--c2: #1a9aa8;--c3: #2f9c5a;--c4: #e07020}body.theme-sunset:before{background:radial-gradient(circle,rgba(255,138,92,.2) 0%,transparent 70%)}body.theme-sunset:after{background:radial-gradient(circle,rgba(204,68,80,.14) 0%,transparent 70%)}body.theme-ocean{background:linear-gradient(160deg,#042b33,#073e48,#03242b);background-attachment:fixed;--win: rgba(10,46,54,.97);--card: rgba(14,60,70,.95);--btn-hi1: rgba(24,86,98,.92);--btn-hi2: rgba(20,72,84,.86);--btn-lo1: rgba(14,56,66,.82);--btn-lo2: rgba(18,66,78,.88);--tb-hi: rgba(38,176,184,.96);--tb-lo: rgba(8,68,80,.99);--b-win: rgba(56,200,200,.32);--b-btn: rgba(46,180,184,.44);--b-card: rgba(56,170,180,.26);--txt: #d8f6f4;--txt-dis: #6aa6a8;--txt-dim: #a8e0de;--acc: #26c4c4;--acc2: #5ce0b0;--sel-bg: #0e7c84;--sel-txt: #f0ffff;--ok: #4cd99a;--busy: #38b6d6;--err: #ff6a6a;--c1: #ff7a9c;--c2: #38c8e0;--c3: #4cd99a;--c4: #f5c84c}body.theme-ocean:before{background:radial-gradient(circle,rgba(38,196,196,.18) 0%,transparent 70%)}body.theme-ocean:after{background:radial-gradient(circle,rgba(92,224,176,.14) 0%,transparent 70%)}body.theme-cyber{background:linear-gradient(160deg,#0a0414,#160826,#06030f);background-attachment:fixed;--win: rgba(18,8,32,.97);--card: rgba(26,12,44,.95);--btn-hi1: rgba(52,20,80,.9);--btn-hi2: rgba(42,16,66,.86);--btn-lo1: rgba(30,12,52,.82);--btn-lo2: rgba(40,16,64,.88);--tb-hi: rgba(255,46,180,.96);--tb-lo: rgba(20,180,210,.99);--b-win: rgba(255,46,180,.34);--b-btn: rgba(38,224,255,.44);--b-card: rgba(180,60,200,.28);--txt: #f4eaff;--txt-dis: #a070c0;--txt-dim: #36e6ff;--acc: #ff2eb4;--acc2: #26e6ff;--sel-bg: #b81c9c;--sel-txt: #ffffff;--ok: #2effc4;--busy: #ff2eb4;--err: #ff4060;--c1: #ff2eb4;--c2: #26e6ff;--c3: #c46bff;--c4: #ffe24c}body.theme-cyber:before{background:radial-gradient(circle,rgba(255,46,180,.18) 0%,transparent 70%)}body.theme-cyber:after{background:radial-gradient(circle,rgba(38,230,255,.16) 0%,transparent 70%)}body.theme-paper{background:linear-gradient(160deg,#f4f2ec,#e8e5dc,#f0ede5);background-attachment:fixed;--win: rgba(244,242,236,.97);--card: rgba(252,251,247,.96);--btn-hi1: rgba(236,233,224,.94);--btn-hi2: rgba(224,220,210,.88);--btn-lo1: rgba(208,204,194,.84);--btn-lo2: rgba(220,216,206,.9);--tb-hi: rgba(90,86,78,.96);--tb-lo: rgba(40,38,34,.99);--b-win: rgba(60,56,48,.28);--b-btn: rgba(60,56,48,.42);--b-card: rgba(80,76,68,.24);--txt: #1f1d18;--txt-dis: #8a857a;--txt-dim: #4a463e;--acc: #3a3630;--acc2: #6a655a;--sel-bg: #2a2722;--sel-txt: #f4f2ec;--ok: #4a6a30;--busy: #5a564c;--err: #a83228;--c1: #9c3a30;--c2: #3a5a78;--c3: #4a6a3a;--c4: #9c6a28}body.theme-paper:before{background:radial-gradient(circle,rgba(120,114,100,.14) 0%,transparent 70%)}body.theme-paper:after{background:radial-gradient(circle,rgba(90,86,78,.1) 0%,transparent 70%)}body.theme-sakura{background:linear-gradient(160deg,#ffe6f0,#ffd4e6,#fff0f6);background-attachment:fixed;--win: rgba(255,235,244,.96);--card: rgba(255,248,251,.96);--btn-hi1: rgba(255,222,236,.92);--btn-hi2: rgba(255,208,226,.86);--btn-lo1: rgba(255,190,214,.82);--btn-lo2: rgba(255,202,222,.88);--tb-hi: rgba(255,124,176,.96);--tb-lo: rgba(190,72,140,.99);--b-win: rgba(220,110,160,.3);--b-btn: rgba(220,110,160,.42);--b-card: rgba(230,140,180,.26);--txt: #5a1f3a;--txt-dis: #b07a92;--txt-dim: #8a3a5e;--acc: #e85a96;--acc2: #9a6cd6;--sel-bg: #c83c7c;--sel-txt: #fff2f7;--ok: #3c9c6a;--busy: #b46cd6;--err: #d02050;--c1: #e85a96;--c2: #5a9cd6;--c3: #4cb07a;--c4: #f0943c}body.theme-sakura:before{background:radial-gradient(circle,rgba(255,124,176,.18) 0%,transparent 70%)}body.theme-sakura:after{background:radial-gradient(circle,rgba(154,108,214,.12) 0%,transparent 70%)}body.theme-mint{background:linear-gradient(160deg,#e0f7f0,#c8f0e6,#e8faf3);background-attachment:fixed;--win: rgba(224,247,240,.96);--card: rgba(244,255,250,.96);--btn-hi1: rgba(200,240,228,.92);--btn-hi2: rgba(178,228,214,.86);--btn-lo1: rgba(150,214,196,.82);--btn-lo2: rgba(166,224,206,.88);--tb-hi: rgba(38,184,150,.96);--tb-lo: rgba(14,100,86,.99);--b-win: rgba(40,170,140,.3);--b-btn: rgba(40,170,140,.42);--b-card: rgba(70,180,150,.26);--txt: #0a3a30;--txt-dis: #5a9080;--txt-dim: #1a6a56;--acc: #12a884;--acc2: #1aa0c0;--sel-bg: #0c7a62;--sel-txt: #f0fffa;--ok: #0e9c5a;--busy: #18a0a8;--err: #c8344a;--c1: #d6346a;--c2: #1aa0c0;--c3: #12a060;--c4: #e0883c}body.theme-mint:before{background:radial-gradient(circle,rgba(38,184,150,.18) 0%,transparent 70%)}body.theme-mint:after{background:radial-gradient(circle,rgba(26,160,192,.14) 0%,transparent 70%)}body.dark{background:radial-gradient(ellipse 55% 45% at 15% 20%,rgba(0,60,160,.45) 0%,transparent 100%),radial-gradient(ellipse 42% 38% at 85% 15%,rgba(0,80,180,.3) 0%,transparent 100%),radial-gradient(ellipse 50% 50% at 50% 85%,rgba(0,50,140,.25) 0%,transparent 100%),linear-gradient(170deg,#020814,#03101e 35%,#020c18 65%,#030f1c);background-attachment:fixed;--win: rgba(6,14,38,.94);--card: rgba(8,18,48,.9);--btn-hi1: rgba(18,38,88,.88);--btn-hi2: rgba(12,28,68,.82);--btn-lo1: rgba(8,20,54,.78);--btn-lo2: rgba(14,32,76,.86);--tb-hi: rgba(4,10,38,.96);--tb-lo: rgba(2,5,26,.98);--b-win: rgba(28,66,175,.36);--b-btn: rgba(38,88,200,.4);--b-card: rgba(22,58,148,.3);--txt: #88b8e4;--txt-dis: #5d83ad;--txt-dim: #6a9ad0;--acc: #2882de;--acc2: #00b8e0;--sel-bg: #003688;--ok: #00a040;--busy: #1868e0;--err: #cc3c3c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font:var(--font);color:var(--txt);padding:10px;overflow-x:hidden}body{background:radial-gradient(ellipse 60% 45% at 20% 15%,rgba(180,230,255,.4) 0%,transparent 100%),radial-gradient(ellipse 45% 40% at 80% 25%,rgba(140,220,245,.28) 0%,transparent 100%),radial-gradient(ellipse 50% 50% at 50% 80%,rgba(190,240,255,.22) 0%,transparent 100%),linear-gradient(170deg,#f4fbff,#ddf2ff 30%,#eaf8ff,#f8fdff);background-attachment:fixed}body:before{content:"";position:fixed;width:520px;height:520px;top:-4%;left:-8%;border-radius:50%;background:radial-gradient(circle,rgba(120,200,255,.28) 0%,rgba(80,180,240,.1) 50%,transparent 72%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;width:400px;height:400px;bottom:2%;right:-5%;border-radius:50%;background:radial-gradient(circle,rgba(100,230,210,.22) 0%,rgba(60,200,200,.08) 50%,transparent 72%);pointer-events:none;z-index:0}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.1}body.dark #bg-canvas{opacity:.25}body.dark .btn-chstep{background:linear-gradient(180deg,#122e64e6,#081840e6);color:var(--txt)}body.dark .btn-chstep:hover{background:linear-gradient(180deg,#1e3c82e6,#10285ae6)}body.dark .ch-step-val{background:#0006;border-color:var(--b-card)}body.dark select,body.dark input[type=text],body.dark input[type=number]{background-color:#0a1c46eb!important;color:#88b8e4!important;border-color:var(--b-btn)}body.dark select option{background:#0d1f4a!important;color:#88b8e4!important}.arp-btn.active{background:var(--acc)!important;color:#fff!important;border-color:var(--acc)!important}body.dark .card{background:linear-gradient(180deg,#0e1e48eb,#0c1a42eb 5%,#081230eb);border-top:1px solid rgba(70,120,200,.22);box-shadow:0 4px 18px #000a2873,0 1px 4px #00051e66,inset 0 1px #4678c829}body.dark .card:hover{box-shadow:0 8px 28px #00143c8c,0 2px 8px #000a2866,inset 0 1px #4678c829}body.dark .channel-row{background:linear-gradient(180deg,#0e1e48e6,#081230e6);border-top:1px solid rgba(70,120,200,.22);box-shadow:0 2px 10px #000a2866,inset 0 1px #4678c829}body.dark .channel-canvas{background:#040c22b3}body.dark .win-dropdown,body.dark .win-submenu{background:#0a1834;box-shadow:0 4px 18px #000a288c,0 1px 4px #0006}body.dark .win-status{background:#08123073}body.dark .win-status-panel{background:#040c228c}body.dark .status-dog{color:var(--txt-dim)}body.dark .drop-zone,body.dark .sf2-drop-zone{background:#0812308c}body.dark .drop-zone:hover,body.dark .drop-zone.drag-over,body.dark .sf2-drop-zone:hover,body.dark .sf2-drop-zone.drag-over{background:#143c8c33}body.dark .shortcuts-grid kbd{background:#040c22a6;color:var(--txt);border-color:var(--b-card)}body.dark .ch-transpose{background:#040c224d}body.dark .ch-sliders{background:#0a1a4073}body.dark .seek-slider{background:#040c228c}body.dark .win-menubar{background:linear-gradient(180deg,#142e6873,#0a1a4059)}body.dark .win-toolbar{background:linear-gradient(180deg,#142e6866,#0a1a4047)}body.dark #app{background:linear-gradient(180deg,rgba(30,60,130,.45) 0%,rgba(16,34,80,.55) 5%,var(--win) 14%);border-top:1px solid rgba(70,120,200,.35);box-shadow:0 8px 32px #000a288c,0 2px 8px #00051e66,inset 0 1px #4678c833}body.dark input[type=checkbox]{background:#040c22a6;border-color:var(--b-btn)}@keyframes btn-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}#app{position:relative;z-index:1;background:linear-gradient(180deg,var(--card) 0%,var(--card) 5%,var(--win) 14%);border:1px solid var(--b-win);border-top:1px solid var(--b-win);border-radius:var(--radius);box-shadow:0 8px 32px #003cb42e,0 2px 8px #001e7824,inset 0 1px #ffffffbf;max-width:1060px;margin:0 auto;overflow:hidden}.win-titlebar{background:linear-gradient(180deg,#5a96e6f5,#326ed2fa 48%,#1446befc 51%,#1e5ad2f7);display:flex;align-items:center;justify-content:center;padding:6px 12px;user-select:none;box-shadow:inset 0 1px #c8e6ff73,0 2px 6px #001e7840;min-height:38px}.win-title-text{font-family:var(--font-title);font-size:22px;letter-spacing:3px;line-height:1}.win-song-subtitle{position:absolute;right:14px;font-size:10px;font-family:var(--font);color:#ffffff8c;letter-spacing:.5px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.title-letter{display:inline-block;color:#fffffff2;text-shadow:0 0 10px rgba(120,220,255,.6),0 0 22px rgba(60,180,255,.35),1px 2px 0 rgba(0,0,0,.35);transition:transform .14s cubic-bezier(.34,1.56,.64,1),color .12s,text-shadow .12s;animation:titlewiggle 2.2s ease-in-out infinite}.title-letter:nth-child(1){animation-delay:0s}.title-letter:nth-child(2){animation-delay:.12s}.title-letter:nth-child(3){animation-delay:.24s}.title-letter:nth-child(4){animation-delay:.36s}.title-letter:nth-child(5){animation-delay:.48s}.title-letter:nth-child(6){animation-delay:.6s}.title-letter:nth-child(7){animation-delay:.72s}.title-letter:nth-child(8){animation-delay:.84s}.title-letter:nth-child(9){animation-delay:.96s}.title-letter:nth-child(10){animation-delay:1.08s}.title-letter:nth-child(11){animation-delay:1.2s}@keyframes titlewiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-3deg)}75%{transform:translateY(2px) rotate(3deg)}}.title-letter:hover{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.title-letter{animation:none}}.title-letter:hover{transform:scale(1.32) rotate(-7deg) translateY(-4px);color:#b8ffee;text-shadow:0 0 14px rgba(80,255,200,.8),0 0 28px rgba(40,200,180,.55),1px 2px 0 rgba(0,0,0,.4)}.win-menubar{background:linear-gradient(180deg,var(--card) 0%,var(--win) 100%);border-bottom:1px solid var(--b-win);display:flex;gap:0;padding:2px 4px;position:relative;z-index:200}.win-menu-item{position:relative;padding:3px 12px;font:var(--font);cursor:default;user-select:none;border-radius:4px;color:var(--txt);transition:background .1s}.win-menu-item:hover,.win-menu-item.open{background:var(--sel-bg);color:var(--sel-txt);border-radius:4px 4px 0 0}.win-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--b-card);box-shadow:0 4px 18px #0032aa2e,0 1px 4px #0000001a;min-width:190px;z-index:999;padding:3px 0;border-radius:0 4px 4px}.win-menu-item.open .win-dropdown{display:block}.win-dropdown-item{padding:5px 18px;font:var(--font);color:var(--txt);cursor:default;white-space:nowrap}.win-dropdown-item:hover{background:var(--sel-bg);color:var(--sel-txt)}.win-dropdown-item.disabled{color:var(--txt-dis);pointer-events:none}.preset-cat{display:inline-block;min-width:58px;font-size:.82em;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.03em}.win-dropdown-item:hover .preset-cat{opacity:.9}#presets-dropdown{max-height:70vh;overflow-y:auto}.win-dropdown-sep{height:1px;background:var(--b-card);margin:3px 8px}.win-toolbar{background:linear-gradient(180deg,var(--card) 0%,var(--win) 100%);border-bottom:1px solid var(--b-win);display:flex;align-items:center;gap:5px;padding:4px 10px;flex-wrap:wrap}.toolbar-sep{width:1px;height:18px;background:var(--b-btn);margin:0 2px}button:focus-visible,input:focus-visible,select:focus-visible,.win-menu-item:focus-visible,.win-dropdown-item:focus-visible{outline:3px solid var(--acc);outline-offset:2px;box-shadow:0 0 0 1px #fff,0 0 0 4px var(--acc)}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),.win-menu-item:focus:not(:focus-visible),.win-dropdown-item:focus:not(:focus-visible){outline:none}select:focus-visible,input:focus-visible{border-color:var(--acc);box-shadow:0 0 0 1px #fff,0 0 0 4px var(--acc)}.win-menu-item:focus-visible{outline:3px solid var(--acc);outline-offset:-2px}.win-dropdown-item:focus-visible{outline:3px solid var(--acc);outline-offset:-2px;background:var(--sel-bg);color:var(--sel-txt)}@media (prefers-reduced-motion: reduce){button,input,select,.win-menu-item,.win-dropdown-item{transition:none!important}}button{background:var(--btn-hi2);border:2px solid var(--b-btn);border-radius:var(--radius);box-shadow:2px 2px #003cb44d;font:var(--font);color:var(--txt);cursor:pointer;padding:4px 12px;white-space:nowrap;transition:box-shadow .06s,transform .06s}button:hover:not(:disabled){box-shadow:3px 3px #003cb466;transform:translate(-1px,-1px)}button:active:not(:disabled){box-shadow:1px 1px #003cb44d;transform:translate(1px,1px);padding:4px 12px}button:disabled{color:var(--txt-dis);cursor:not-allowed;opacity:.55}.toolbar-btn{padding:3px 12px;border-radius:5px}.toolbar-btn:active:not(:disabled){padding:4px 11px 2px 13px}input[type=text],input[type=number],select{background:var(--card);border:1px solid var(--b-btn);border-radius:5px;font:var(--font);color:var(--txt);padding:3px 6px;outline:none;box-shadow:inset 0 1px 3px #0032a01a,0 1px #fff9}select option{color:var(--txt);background:var(--card)}input[type=number]{width:64px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%230a5090'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-color:var(--card);padding-right:22px;cursor:pointer}select:focus-visible,input:focus-visible{border-color:var(--acc);box-shadow:0 0 0 2px #0064c82e,inset 0 1px 3px #0032a01a}.seek-slider:focus:not(:focus-visible){outline:none;border-color:var(--b-btn);box-shadow:inset 0 1px 3px #0032a01a}.seek-slider:focus-visible{outline:3px solid var(--acc);outline-offset:2px}input[type=range]{accent-color:var(--acc);cursor:pointer;height:16px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#0064c84d,#00a0dc80);border-radius:2px;border:1px solid var(--b-btn)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-6px;background:linear-gradient(180deg,#fffffff7,#c8e4ffe6);border:1px solid var(--b-btn);border-radius:50%;box-shadow:0 1px 4px #0050c838,inset 0 1px #ffffffe6;cursor:pointer}input[type=checkbox]{appearance:none;width:14px;height:14px;background:var(--card);border:1px solid var(--b-btn);border-radius:3px;position:relative;cursor:pointer;vertical-align:middle;flex-shrink:0;box-shadow:inset 0 1px 2px #0032a01a}input[type=checkbox]:checked{background:linear-gradient(180deg,#1e80e0,#0050a8);border-color:#003c8c}input[type=checkbox]:checked:after{content:"";position:absolute;left:2px;top:0;width:7px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.win-body{padding:10px;display:flex;flex-direction:column;gap:10px}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card) 5%,var(--win) 100%);border:1px solid var(--b-card);border-top:1px solid var(--b-card);border-radius:var(--radius);box-shadow:0 4px 18px #003cb41f,0 1px 4px #001e781a,inset 0 1px #ffffffeb;padding:18px 12px 12px;position:relative}.card-title{position:absolute;top:-9px;left:14px;background:linear-gradient(90deg,#0063b1d9,#00a0c0cc);padding:1px 10px;font:bold 11px var(--font-title);color:#fff;border-radius:20px;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 4px #0050b433}.ct-create{background:linear-gradient(180deg,#ff64b4f2,#dc286eeb 49%,#c81e5af5 51%,#e6468ce6);box-shadow:0 2px 8px #c828504d,inset 0 1px #ffc8e666}.ct-channels{background:linear-gradient(180deg,#50b4fff2,#008ce6eb 49%,#006ed2f5 51%,#28a0f0e6);box-shadow:0 2px 8px #0064d24d,inset 0 1px #b4e6ff73}.ct-sf2{background:linear-gradient(180deg,#50d282f2,#14b45aeb 49%,#0a9b46f5 51%,#32c36ee6);box-shadow:0 2px 8px #0a8c3c47,inset 0 1px #aaffd266}.ct-pp{background:linear-gradient(180deg,#ffb43cf2,#e6820aeb 49%,#d26e00f5 51%,#f09b28e6);box-shadow:0 2px 8px #b4500047,inset 0 1px #ffe6a066}.ct-transport{background:linear-gradient(180deg,#b464fff2,#8232e6eb 49%,#6e1ed2f5 51%,#9b46f5e6);box-shadow:0 2px 8px #641ec847,inset 0 1px #dcb4ff66}body.dark .ct-create{background:linear-gradient(180deg,#962d5ff2,#781941eb 49%,#691237f5 51%,#872855e6);box-shadow:0 2px 8px #500f2373,inset 0 1px #ffc8e629}body.dark .ct-channels{background:linear-gradient(180deg,#285f96f2,#004b82eb 49%,#003c73f5 51%,#14558ce6);box-shadow:0 2px 8px #00326e73,inset 0 1px #b4e6ff29}body.dark .ct-sf2{background:linear-gradient(180deg,#28784bf2,#0c6437eb 49%,#08552df5 51%,#1c6e41e6);box-shadow:0 2px 8px #084b2373,inset 0 1px #aaffd229}body.dark .ct-pp{background:linear-gradient(180deg,#9b6923f2,#874b08eb 49%,#783e00f5 51%,#915a19e6);box-shadow:0 2px 8px #5f2d0073,inset 0 1px #ffe6a029}body.dark .ct-transport{background:linear-gradient(180deg,#693c96f2,#4b1e87eb 49%,#3e1278f5 51%,#5a2a91e6);box-shadow:0 2px 8px #37127373,inset 0 1px #dcb4ff29}.win-dropdown-item.active{font-weight:700}.win-dropdown-item.active:before{content:"✓ "}.win-status{background:var(--win);display:flex;align-items:center;padding:3px 10px;min-height:24px;margin-top:12px;border-radius:var(--radius)}.status-dog{flex:0 0 auto;margin:0 6px 0 0;font-family:Courier New,monospace;font-size:7px;line-height:1.05;font-weight:700;white-space:pre;color:var(--txt-dim);align-self:center}.status-bubble{flex:1;display:flex;position:relative;min-width:0}.status-bubble:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--b-card)}.win-status-panel{border:1px solid var(--b-card);border-radius:9px;padding:1px 8px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--font);color:var(--txt);background:var(--card)}.win-status.ok .win-status-panel{color:var(--ok)}.win-status.busy .win-status-panel{color:var(--busy)}.win-status.err .win-status-panel{color:var(--err)}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.create-grid{grid-template-columns:1fr}}.gen-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gen-label{font-weight:700;min-width:50px;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--txt-dim)}.gen-select,.gen-input{flex:1;min-width:80px}.gen-select{color:var(--txt)!important}.gen-noise-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding-left:58px}@keyframes spinny{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-generate{width:100%;padding:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc2) 70%,#ffffff) 0%,var(--acc2) 45%,color-mix(in srgb,var(--acc2) 82%,#000000) 51%,color-mix(in srgb,var(--acc2) 90%,#000000) 100%);border:1px solid color-mix(in srgb,var(--acc2) 65%,#000000);border-top:1px solid color-mix(in srgb,var(--acc2) 45%,#ffffff);border-radius:var(--radius);box-shadow:0 4px 16px color-mix(in srgb,var(--acc2) 34%,transparent),0 1px 4px color-mix(in srgb,var(--acc2) 24%,transparent),inset 0 1px #ffffff80;font:bold 18px var(--font-title);letter-spacing:1px;cursor:pointer;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);margin-top:8px;transition:transform .1s,box-shadow .1s}.btn-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px color-mix(in srgb,var(--acc2) 42%,transparent),inset 0 1px #ffffff8c}.btn-generate:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #00000047;padding:9px 8px 7px}.btn-scramble{width:100%;padding:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--ok) 78%,#000000) 0%,var(--ok) 100%);border:1px solid color-mix(in srgb,var(--ok) 70%,#000000);border-radius:var(--radius);box-shadow:0 3px 10px color-mix(in srgb,var(--ok) 26%,transparent),inset 0 1px #ffffff47;font:bold 15px var(--font-title);cursor:pointer;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);margin-top:8px;transition:transform .1s}.btn-scramble:hover:not(:disabled){transform:translateY(-1px)}.btn-scramble:active:not(:disabled){transform:translateY(1px);padding:8px 7px 6px}.btn-scramble:disabled{opacity:.5;cursor:not-allowed}.drop-zone{position:relative;border:2px dashed var(--b-btn);border-radius:var(--radius);background:var(--win);padding:18px 10px;text-align:center;cursor:pointer;overflow:hidden;margin-bottom:8px;transition:background .15s,border-color .15s}.drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-zone:hover,.drop-zone.drag-over{background:color-mix(in srgb,var(--acc) 10%,transparent);border-color:var(--acc)}.drop-zone.loaded{border-color:#2a5;background:#00b45012}.drop-icon{font-size:11px;font-weight:700;display:block;margin-bottom:4px;color:var(--txt-dim);letter-spacing:1px}.drop-label{font-weight:700;font-size:11px;text-transform:uppercase;color:var(--txt-dim)}.drop-filename{margin-top:4px;font-size:11px;color:var(--acc);font-weight:700;min-height:14px}.scramble-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.scramble-label{font-weight:700;font-size:11px;text-transform:uppercase;min-width:82px;letter-spacing:.3px;color:var(--txt-dim)}.range-input{flex:1}.scramble-val{font-weight:700;font-size:11px;min-width:34px;text-align:right;color:var(--acc)}.scramble-check{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}.progress-wrap{height:7px;background:#0050b414;border:1px solid var(--b-card);border-radius:4px;margin-top:8px;overflow:hidden;opacity:0;transition:opacity .2s}.progress-wrap.visible{opacity:1}@keyframes aero-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.progress-fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--acc2) 88%,#000000) 0%,var(--acc2) 40%,color-mix(in srgb,var(--acc2) 70%,#ffffff) 55%,var(--acc2) 75%,color-mix(in srgb,var(--acc2) 88%,#000000) 100%);background-size:200% 100%;border-radius:4px;box-shadow:0 0 8px color-mix(in srgb,var(--acc2) 40%,transparent),inset 0 1px #ffffff59;transition:width .15s ease;animation:aero-shimmer 1.8s linear infinite}.channels-list{display:flex;flex-direction:column;gap:8px}.channel-row{display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,var(--card) 0%,var(--win) 100%);border:1px solid var(--b-card);border-top:1px solid var(--b-card);border-radius:var(--radius);border-left:4px solid;padding:8px 10px;box-shadow:0 2px 10px #0032a014,inset 0 1px #fffffff2}.channel-row[data-channel=pulse1]{border-left-color:var(--c1)}.channel-row[data-channel=pulse2]{border-left-color:var(--c2)}.channel-row[data-channel=wave]{border-left-color:var(--c3)}.channel-row[data-channel=noise]{border-left-color:var(--c4)}.channel-row.muted{opacity:.36}.ch-top{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:8px}.channel-label{font:bold 13px var(--font-title);letter-spacing:.5px}.channel-row[data-channel=pulse1] .channel-label{color:var(--c1)}.channel-row[data-channel=pulse2] .channel-label{color:var(--c2)}.channel-row[data-channel=wave] .channel-label{color:var(--c3)}.channel-row[data-channel=noise] .channel-label{color:var(--c4)}.channel-canvas{width:100%;height:52px;display:block;border:1px solid var(--b-card);border-radius:5px;background:var(--win);cursor:default}.channel-canvas.editing{height:200px;cursor:crosshair}.channel-note-count{font-size:10px;font-weight:700;min-width:54px;text-align:right;color:var(--txt-dis)}.ch-controls{display:flex;align-items:stretch;gap:8px;position:relative;z-index:1}#tour-overlay{position:fixed;inset:0;z-index:10000;background:#0000008c}.tour-spotlight{position:fixed;border:3px solid #ffd23f;border-radius:10px;box-shadow:0 0 0 9999px #0000008c,0 0 18px #ffd23fcc;pointer-events:none;transition:top .25s,left .25s,width .25s,height .25s}.tour-box{position:fixed;width:320px;max-width:calc(100vw - 24px);background:#fff;color:#222;border:3px solid #222;border-radius:14px;box-shadow:0 8px #00000059;padding:14px 16px;font-family:Tahoma,Arial,sans-serif;transition:top .25s,left .25s}.tour-title{font-weight:900;font-size:15px;margin-bottom:6px}.tour-body{font-size:12px;line-height:1.5;margin-bottom:12px}.tour-controls{display:flex;align-items:center;gap:6px}.tour-progress{font-size:11px;font-weight:700;opacity:.6}.tour-controls button{font-family:inherit;font-weight:900;font-size:12px;cursor:pointer;padding:5px 12px;border:2px solid #222;border-radius:8px;background:#ffe46b}.tour-controls .tour-skip{background:#eee}.tour-controls .tour-next{background:#7fe0c4}.shortcuts-panel{margin-top:12px;padding:8px 10px;border:1px solid var(--b-card);border-radius:var(--radius);background:var(--btn-hi2)}.shortcuts-title{font:700 10px Tahoma,sans-serif;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:6px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font:11px Tahoma,sans-serif}.shortcuts-grid kbd{display:inline-block;min-width:14px;padding:1px 5px;margin:0 1px;font:700 10px Courier New,monospace;text-align:center;background:var(--card);border:1px solid var(--b-card);border-bottom-width:2px;border-radius:4px;color:var(--txt)}.ch-btns{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1}.ch-grp-lbl{font:700 8px Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-dis, #888);opacity:.85;padding:0 3px 0 6px;margin-left:3px;border-left:1px solid rgba(0,0,0,.18);white-space:nowrap;align-self:center}.ch-btns>.ch-grp-lbl:first-child{border-left:none;margin-left:0;padding-left:0}.btn-solo,.btn-mute,.btn-regen,.btn-simplify,.btn-export-ch,.btn-edit-roll,.btn-midi-arm{padding:3px 9px}.btn-midi-arm.active{background:linear-gradient(180deg,#be96ffeb,#965ae6d9 51%,#b482ffeb);color:#fff;border-color:#783cc88c}#midi-record.active,#jam-btn.active{background:linear-gradient(180deg,#ff788cf2,#dc283ce6 51%,#f05a6ef2);color:#fff;border-color:#c81e3299}.btn-mute.active{background:linear-gradient(180deg,#ffa0b4e0,#dc5064cc 51%,#f08296e6);color:#6a0015;border-color:#c83c5080}.btn-solo.active{background:linear-gradient(180deg,#ffe664e6,#dcaa14d1 51%,#f0d23ceb);color:#4a3000;border-color:#b4820080}.btn-edit-roll.active{background:linear-gradient(180deg,#8cd2ffe6,#3c96ebd1 51%,#64b4ffeb);color:#002060;border-color:#2878d280}.btn-regen:disabled,.btn-export-ch:disabled,.btn-simplify:disabled{opacity:.45;cursor:not-allowed}.btn-simplify{background:linear-gradient(180deg,#b4ffb4e0,#50c850cc 51%,#78dc78e6);border-color:#28a02875;color:#003a00}.ch-transpose{display:flex;align-items:center;gap:1px;border:1px solid var(--b-btn);border-radius:5px;overflow:hidden;padding:1px;background:var(--win)}.btn-tr{width:20px;height:20px;padding:0;font:700 9px/1 Segoe UI,Tahoma,sans-serif;border:none;border-radius:0;box-shadow:none}.btn-tr:active{box-shadow:inset 0 1px 2px #0032a02e;padding:0}.ch-sliders{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--win);border:1px solid var(--b-card);border-radius:6px;flex-shrink:0}.ch-step-ctrl{display:flex;flex-direction:column;align-items:center;gap:1px}.ch-slider-lbl{font:700 8px Segoe UI,Tahoma,sans-serif;text-transform:uppercase;letter-spacing:.3px;color:var(--txt-dis)}.ch-btn-group{display:flex;align-items:center;gap:2px}.btn-chstep{width:18px;height:18px;padding:0;font:700 11px Segoe UI,Tahoma,sans-serif;line-height:1;background:linear-gradient(180deg,var(--btn-hi1) 0%,var(--btn-lo1) 100%);border:1px solid var(--b-btn);border-radius:3px;color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-chstep:hover{background:linear-gradient(180deg,var(--btn-hi1) 0%,var(--btn-hi2) 100%)}.btn-chstep:active{background:linear-gradient(180deg,var(--btn-lo1) 0%,var(--btn-lo2) 100%)}.ch-step-val{font:700 9px Segoe UI,Tahoma,monospace;min-width:30px;text-align:center;color:var(--acc);background:var(--win);border:1px solid var(--b-card);border-radius:3px;padding:1px 2px}.ch-pan-val{color:var(--acc2)}.ch-sparse-wrap{display:flex;align-items:center;gap:4px;flex:1;min-width:120px;max-width:160px;position:relative;z-index:2}.ch-sparse{flex:1}.ch-sparse-val{font-size:9px;color:var(--txt-dis);min-width:28px;text-align:right}.btn-gen-toggle{padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.5px;opacity:.45}.btn-gen-toggle.active{opacity:1;color:#2a4}.btn-lock{padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.5px;opacity:.45}.btn-lock.active{opacity:1;color:#e8a000;background:#e8a0001f}.instrument-select{flex:1;min-width:100px}.ch-style-select{min-width:72px;font-size:9px;padding:2px 4px}.sf2-drop-zone{position:relative;background:var(--win);border:2px dashed var(--b-btn);border-radius:var(--radius);padding:10px 14px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s}.sf2-drop-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.sf2-drop-zone:hover,.sf2-drop-zone.drag-over{background:#0064c814;border-color:var(--acc)}.sf2-drop-zone.loaded{background:#00b45012;border-color:#2a5}.sf2-status{font:var(--font);color:var(--txt-dis);pointer-events:none}.sf2-status.loaded{color:#005c18;font-weight:700}.sf2-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.btn-random-sf2{padding:4px 16px;background:linear-gradient(135deg,#00a0c8e0,#0064b4d9);border:1px solid rgba(0,80,160,.4);border-radius:var(--radius);box-shadow:0 2px 8px #0064be38,inset 0 1px #ffffff40;font:bold 12px var(--font-title);cursor:pointer;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22);transition:transform .1s}.btn-random-sf2:hover:not(:disabled){transform:translateY(-1px)}.btn-random-sf2:active:not(:disabled){transform:translateY(0)}.btn-random-sf2:disabled{opacity:.5;cursor:not-allowed}.pp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}@media (max-width:700px){.pp-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.pp-grid{grid-template-columns:1fr}}.pp-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.pp-label{font-weight:700;font-size:11px;text-transform:uppercase;min-width:52px;letter-spacing:.3px;color:var(--txt-dim)}.pp-val{font-weight:700;font-size:11px;min-width:32px;text-align:right;color:var(--acc)}.pp-note{font:10px Segoe UI;color:var(--txt-dis);margin-top:2px}.btn-humanize{width:100%;margin-top:4px;padding:6px;background:linear-gradient(135deg,#ff7832e0,#e63c5ad1);border:1px solid rgba(200,60,40,.38);border-radius:var(--radius);font:bold 12px var(--font-title);color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.22);box-shadow:0 2px 8px #dc503233,inset 0 1px #ffffff38;transition:transform .1s}.btn-humanize:hover:not(:disabled){transform:translateY(-1px)}.btn-humanize:active:not(:disabled){transform:translateY(0);padding:7px 6px 5px}.btn-humanize:disabled{opacity:.5;cursor:not-allowed}.transport-main{display:flex;gap:12px;align-items:flex-start}.transport-controls{flex:1;min-width:0}.transport-row{display:flex;align-items:center;gap:7px;margin-bottom:8px}.btn-transport{width:38px;height:32px;border-radius:var(--radius);font:700 14px/1 Segoe UI,Tahoma,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.btn-transport:active:not(:disabled){padding:0}.btn-transport:not(:disabled).playing{background:linear-gradient(180deg,#50dc82e6,#14be5ae0 49%,#00a03cd6 51%,#3cc86eeb);border-color:#00782866;box-shadow:inset 0 1px #ffffffb3,0 2px 8px #00b44647;color:#fff}.btn-transport:disabled{color:var(--txt-dis);cursor:not-allowed}#loop-btn{opacity:.45}#loop-btn.active,#metro-btn.active{opacity:1;background:linear-gradient(180deg,#8cd2ffe6,#3c96ebd1 51%,#64b4ffeb);border-color:#2878d280;color:#002060;box-shadow:inset 0 1px #fff9}.seek-wrap{flex:1}.seek-slider{width:100%;height:20px;background:var(--win);border:1px solid var(--b-btn);border-radius:5px;appearance:none;cursor:pointer;box-shadow:inset 0 1px 3px #0032a01a}.seek-slider::-webkit-slider-thumb{appearance:none;width:14px;height:24px;background:linear-gradient(180deg,#fffffff7,#c8e4ffe0);border:1px solid var(--b-btn);border-radius:5px;box-shadow:0 1px 4px #0050c82e,inset 0 1px #ffffffe6;cursor:pointer}.seek-slider::-moz-range-thumb{width:14px;height:24px;background:linear-gradient(180deg,#fffffff7,#c8e4ffe0);border:1px solid var(--b-btn);border-radius:5px;cursor:pointer}.seek-time{font:bold 13px var(--font-title);min-width:110px;text-align:center;flex-shrink:0;color:var(--txt)}.volume-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;position:relative;z-index:10}.transport-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bpm-control{display:flex;align-items:center;gap:5px}.bpm-label{font:700 11px Segoe UI;text-transform:uppercase;color:var(--txt-dim);letter-spacing:.3px}.bpm-input{width:66px;font:bold 14px var(--font-title)!important;color:var(--acc)!important;text-align:center;padding:3px 4px!important}.btn-download{padding:5px 16px;background:linear-gradient(135deg,#008cc8e0,#0050b4d9);border:1px solid rgba(0,70,170,.38);border-radius:var(--radius);box-shadow:0 2px 8px #0050be33,inset 0 1px #ffffff40;font:bold 12px var(--font-title);cursor:pointer;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22);transition:transform .1s}.btn-download:hover:not(:disabled){transform:translateY(-1px)}.btn-download:active:not(:disabled){transform:translateY(0)}.btn-download:disabled{opacity:.5;cursor:not-allowed}.osc-canvas{width:220px;height:108px;border:1px solid rgba(0,200,80,.22);border-radius:var(--radius);background:#000800;flex-shrink:0;display:block;box-shadow:0 0 16px #00ff411a,inset 0 0 20px #00000080}@media (max-width:660px){.transport-main{flex-direction:column}.osc-canvas{width:100%;height:70px}}.modal-overlay{display:none;position:fixed;inset:0;background:#00143c7a;z-index:9000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-window{background:var(--card);border:1px solid var(--b-win);border-radius:12px;box-shadow:0 24px 64px #001e9647,inset 0 1px #fffc;max-width:540px;width:94%;max-height:82vh;overflow:hidden;display:flex;flex-direction:column}.modal-titlebar{background:linear-gradient(180deg,var(--tb-hi) 0%,var(--tb-lo) 100%);padding:8px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px #ffffff38,0 1px #0000002e}.modal-title-text{font:bold 14px var(--font-title);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:1px}.modal-close{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:4px;color:#fff;font:700 11px Segoe UI;padding:2px 10px;cursor:pointer}.modal-close:hover{background:#c81e1e8c}.modal-body{padding:16px 20px;overflow-y:auto;font:var(--font);color:var(--txt);line-height:1.65;flex:1}.modal-body h3{font:bold 14px var(--font-title);color:var(--acc);margin:16px 0 6px;letter-spacing:.5px}.modal-body h3:first-child{margin-top:0}.modal-body p{margin-bottom:8px}.modal-body .tip{background:#0064c812;border-left:3px solid var(--acc);border-radius:0 5px 5px 0;padding:7px 12px;margin:7px 0;font-size:11px}.modal-body .idea-list{list-style:none;padding:0;margin:6px 0}.modal-body .idea-list li{padding:3px 0 3px 16px;font-size:11px;color:var(--txt-dim);position:relative}.modal-body .idea-list li:before{content:"~";position:absolute;left:0;color:var(--acc2)}.modal-footer{padding:10px 20px;border-top:1px solid var(--b-card);text-align:right}.win-dropdown-submenu{position:relative}.win-dropdown-submenu>.win-submenu{display:none;position:absolute;left:100%;top:-2px;background:var(--card);border:1px solid var(--b-card);min-width:160px;max-height:320px;overflow-y:auto;z-index:1000;box-shadow:2px 2px 8px #0000004d}.win-dropdown-submenu:hover>.win-submenu{display:block}::selection{background:var(--sel-bg);color:var(--sel-txt)}button{transition:box-shadow .12s cubic-bezier(.22,1,.36,1),transform .12s cubic-bezier(.22,1,.36,1),background .14s ease,background-color .14s ease,border-color .14s ease,color .12s ease,opacity .14s ease}.btn-generate{transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s cubic-bezier(.22,1,.36,1),filter .15s ease}.btn-generate:hover:not(:disabled){transform:translateY(-2px) scale(1.012);box-shadow:0 8px 28px color-mix(in srgb,var(--acc2) 48%,transparent),0 2px 8px color-mix(in srgb,var(--acc2) 30%,transparent),inset 0 1px #ffffffa6;filter:brightness(1.08)}.btn-generate:active:not(:disabled){transform:translateY(2px) scale(.985);box-shadow:inset 0 3px 8px #00000047;filter:brightness(.96)}.btn-scramble,.btn-humanize,.btn-download,.btn-random-sf2{transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,filter .12s ease}.btn-scramble:hover:not(:disabled),.btn-humanize:hover:not(:disabled),.btn-download:hover:not(:disabled),.btn-random-sf2:hover:not(:disabled){filter:brightness(1.1)}.btn-scramble:active:not(:disabled),.btn-humanize:active:not(:disabled),.btn-download:active:not(:disabled),.btn-random-sf2:active:not(:disabled){filter:brightness(.94);transform:translateY(1px) scale(.98)}.btn-transport{transition:transform .1s cubic-bezier(.22,1,.36,1),box-shadow .1s ease,background .18s ease,border-color .18s ease,color .14s ease,opacity .14s ease}.btn-transport:hover:not(:disabled){transform:scale(1.08);box-shadow:3px 3px #003cb466}.btn-transport:active:not(:disabled){transform:scale(.94);box-shadow:inset 0 2px 4px #00288c38}.btn-mute,.btn-solo,.btn-lock,.btn-gen-toggle,.btn-edit-roll,.arp-btn,.btn-midi-arm,#loop-btn,#metro-btn,#midi-record,#jam-btn{transition:background .18s ease,background-color .18s ease,border-color .18s ease,color .14s ease,opacity .18s ease,box-shadow .14s ease,transform .1s cubic-bezier(.22,1,.36,1)}.btn-mute.active,.btn-solo.active,.btn-lock.active,.btn-gen-toggle.active,.btn-edit-roll.active,.arp-btn.active,.btn-midi-arm.active,#loop-btn.active,#metro-btn.active{box-shadow:inset 0 1px #ffffff73,0 2px 6px #0000002e}select,input[type=text],input[type=number]{transition:border-color .14s ease,box-shadow .14s ease}select:hover:not(:focus),input[type=text]:hover:not(:focus),input[type=number]:hover:not(:focus){border-color:var(--acc);box-shadow:0 0 0 1px #0064c81a,inset 0 1px 3px #0032a01a}input[type=range]{transition:opacity .12s ease}input[type=range]::-webkit-slider-thumb{transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25);box-shadow:0 2px 8px #0064dc59,inset 0 1px #ffffffe6}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35);box-shadow:0 3px 10px #0064dc6b,inset 0 1px #ffffffe6}input[type=range]::-moz-range-thumb{transition:transform .12s cubic-bezier(.34,1.56,.64,1)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.25)}input[type=range]:active::-moz-range-thumb{transform:scale(1.35)}.drop-zone,.sf2-drop-zone{transition:background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.drop-zone:hover,.sf2-drop-zone:hover{transform:scale(1.012);box-shadow:0 4px 18px #0064dc24}.drop-zone.drag-over,.sf2-drop-zone.drag-over{transform:scale(1.025);box-shadow:0 6px 24px #0078f038;animation:dropzone-pulse .9s ease-in-out infinite}@keyframes dropzone-pulse{0%,to{border-color:var(--acc);box-shadow:0 6px 24px #0078f038}50%{border-color:var(--acc2);box-shadow:0 8px 30px #00a0f05c}}@keyframes modal-fadein{0%{opacity:0}to{opacity:1}}@keyframes modal-slidein{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay.open{animation:modal-fadein .2s ease-out both}.modal-overlay.open .modal-window{animation:modal-slidein .22s cubic-bezier(.22,1,.36,1) both}.modal-close{transition:background .14s ease,transform .1s cubic-bezier(.22,1,.36,1)}.modal-close:hover{transform:scale(1.1)}.modal-close:active{transform:scale(.93)}.card{transition:box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.card:hover{box-shadow:0 8px 28px #003cb429,0 2px 8px #001e781f,inset 0 1px #ffffffeb;transform:translateY(-1px)}.toolbar-btn{transition:box-shadow .1s ease,transform .1s cubic-bezier(.22,1,.36,1),background .14s ease}.win-menu-item{transition:background .12s ease,color .1s ease}.win-dropdown-item{transition:background .1s ease,color .1s ease}@media (prefers-reduced-motion: reduce){button,.btn-generate,.btn-scramble,.btn-humanize,.btn-download,.btn-random-sf2,.btn-transport,.btn-mute,.btn-solo,.btn-lock,.btn-gen-toggle,.btn-edit-roll,.arp-btn,.btn-midi-arm,#loop-btn,#metro-btn,#midi-record,#jam-btn,.btn-theme,select,input[type=text],input[type=number],input[type=range],.drop-zone,.sf2-drop-zone,.modal-close,.card,.toolbar-btn,.win-menu-item,.win-dropdown-item{transition:none!important;animation:none!important}.modal-overlay.open,.modal-overlay.open .modal-window{animation:none!important;opacity:1!important;transform:none!important}.drop-zone.drag-over,.sf2-drop-zone.drag-over{animation:none!important}.btn-generate:hover:not(:disabled),.btn-generate:active:not(:disabled),.btn-transport:hover:not(:disabled),.btn-transport:active:not(:disabled),.btn-scramble:hover:not(:disabled),.btn-humanize:hover:not(:disabled),.btn-download:hover:not(:disabled),.btn-random-sf2:hover:not(:disabled),.btn-theme:hover,.btn-theme:active,.modal-close:hover,.modal-close:active,.card:hover,.drop-zone:hover,.sf2-drop-zone:hover,.drop-zone.drag-over,.sf2-drop-zone.drag-over{transform:none!important;filter:none!important;animation:none!important}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb,input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:none!important}}.btn-theme{font:11px/1 Tahoma,sans-serif;padding:3px 9px;border-radius:5px;cursor:pointer;background:var(--btn-hi1);color:var(--txt);border:1px solid var(--b-btn);opacity:.65;transition:opacity .15s}.btn-theme:hover{opacity:.9}.btn-theme.active{opacity:1;font-weight:700;background:var(--acc);color:#fff;border-color:var(--acc)}.btn-theme{transition:opacity .15s ease,background .18s ease,color .14s ease,border-color .14s ease,transform .1s cubic-bezier(.22,1,.36,1)}.btn-theme:hover:not(.active){transform:scale(1.06)}.btn-theme:active{transform:scale(.95)}.ascii-side{position:fixed;top:0;width:38px;height:100vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center;pointer-events:none;z-index:0;overflow:hidden}.ascii-side-left{left:2px}.ascii-side-right{right:2px}.ascii-side span{font:10px/1.4 monospace;display:block;white-space:nowrap;writing-mode:horizontal-tb;transform-origin:center;animation:ascii-bob 4s ease-in-out infinite}@keyframes ascii-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}