.pads-body{--pad-ink: #303b3d;--pad-muted: #7a817e;--pad-line: #dedfd8;--pad-accent: #4c7475;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#efeee9;color:var(--pad-ink)}.pads-stage{min-height:100svh;display:grid;place-items:center;padding:32px 24px}.instrument-shell{width:min(860px,100%)}.instrument-shell button,.instrument-shell input,.instrument-shell select{font:inherit}.instrument-shell button,.instrument-shell a,.instrument-shell summary{-webkit-tap-highlight-color:transparent}.instrument-shell button{cursor:pointer}.instrument-shell button:disabled{cursor:wait;opacity:.55}.instrument-shell :focus-visible{outline:2px solid var(--pad-accent);outline-offset:5px}.instrument-header{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;margin-bottom:28px}.pads-brand{width:80px;height:40px;overflow:hidden;display:flex;align-items:center}.pads-brand img{width:80px;height:80px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;filter:brightness(0)}.instrument-header h1{text-align:center;font-size:14px;font-weight:400;letter-spacing:.02em}.instagram-link{justify-self:end;display:grid;place-items:center;width:40px;height:40px;color:var(--pad-muted);border-radius:50%}.instagram-link:hover{color:var(--pad-ink);background:#e5e6df}.pads-display{display:grid;grid-template-columns:80px 1fr 56px;align-items:center;gap:24px;height:112px;padding:18px 28px;color:#b9cfcb;background:#253636;border-radius:14px}.active-key{font-size:49px;line-height:1;font-weight:400;letter-spacing:-.04em}.spectrum{height:40px;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.35}.spectrum span{width:3px;min-height:2px;max-height:100%;border-radius:3px;background:#a5c3ba;transition:height 90ms linear}.is-playing .spectrum{opacity:1}.play-button{display:grid;place-items:center;width:52px;height:52px;border:1px solid #6a8580;border-radius:50%;color:#d6e6dc;background:transparent;transition:background .2s}.play-button:hover{background:#3a504d}.play-button.is-playing{color:#263c34;background:#c1d6c6;border-color:#c1d6c6}.loading-ring{width:18px;height:18px;border:2px solid #93a7a1;border-top-color:transparent;border-radius:50%;animation:pad-spin .8s linear infinite}@keyframes pad-spin{to{transform:rotate(360deg)}}.audio-notice{padding:12px 0 0;font-size:12px;color:#9a4d3c}.transport-panel{margin:14px 0 28px}.key-bank{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.key-bank button{min-height:43px;border:1px solid transparent;border-radius:7px;color:#727b77;background:transparent;font-size:13px}.key-bank button:hover{background:#e3e6df}.key-bank button.is-active{border-color:#bdc9be;background:#dde5da;color:#3e6051}.mixer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-strip{min-width:0;padding:20px 23px 22px;border:1px solid var(--pad-line);border-radius:13px;background:#f7f7f2}.channel-head{display:flex;align-items:center;justify-content:space-between}.channel-head h2{font-size:15px;font-weight:400}.mute-button{width:30px;height:28px;border:1px solid #dadfd6;border-radius:5px;font-size:11px!important;color:#849087;background:transparent}.mute-button.is-active{color:#a96252;background:#efe2d9;border-color:#d9c0b3}.channel-main{position:relative;display:grid;place-items:center;min-height:156px;padding:12px 0 18px}.channel-meter{position:absolute;width:3px;height:66px;left:4px;top:38px;border-radius:3px;background:#e2e6dd;overflow:hidden}.channel-meter span{position:absolute;inset:auto 0 0;border-radius:3px;background:#80a38b;transition:height 90ms linear}.effect-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;border-top:1px solid #e7e8e1;padding-top:20px}.pad-knob-control{min-width:0;display:grid;justify-items:center;gap:9px}.pad-knob-label{display:flex;gap:4px;align-items:center;justify-content:center;border:0;padding:4px 0;color:#727c73;background:transparent;font-size:9px!important;line-height:1;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.effect-led{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#739984}.pad-knob{--knob-size: 41px;position:relative;width:var(--knob-size);height:var(--knob-size);border:1px solid #cfd4c9;border-radius:50%;background:linear-gradient(145deg,#fffffc,#e9ece3);box-shadow:0 3px 6px #333b2815,inset 0 0 0 3px #fffffa}.pad-knob:before{content:"";position:absolute;inset:-4px;border:1px solid #e0e4d9;border-bottom-color:transparent;border-radius:50%}.pad-knob-mark{position:absolute;inset:0;transform:rotate(var(--knob-angle))}.pad-knob-mark:before{content:"";position:absolute;width:2px;height:8px;left:calc(50% - 1px);top:6px;border-radius:2px;background:#587764}.pad-knob input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);cursor:ew-resize;opacity:0;touch-action:pan-y}.pad-knob:focus-within{outline:2px solid var(--pad-accent);outline-offset:5px}.pad-knob-control output{font-size:10px;color:#879085;font-variant-numeric:tabular-nums}.pad-knob-control.is-large{gap:9px}.pad-knob-control.is-large .pad-knob{--knob-size: 74px}.pad-knob-control.is-large .pad-knob-mark:before{height:12px;top:8px}.pad-knob-control.is-large .pad-knob-label{font-size:9px!important}.pad-knob-control.is-large output{font-size:11px}.is-bypassed .pad-knob{opacity:.5}.is-bypassed .effect-led{background:#c7cdc1}.is-bypassed .pad-knob-label{color:#a0a59b}.master-strip{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:45px;padding:24px 3px}.master-volume{display:grid;gap:10px;font-size:11px;color:var(--pad-muted)}.master-volume>span{display:flex;justify-content:space-between}.master-volume output{font-size:10px}.master-volume input,.free-delay-control input{accent-color:#6e8a71;width:100%;height:3px;cursor:pointer}.delay-panel{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;font-size:11px;color:var(--pad-muted)}.delay-label{font-size:11px}.segmented-control{display:flex;padding:3px;background:#e6e8e0;border-radius:6px}.segmented-control button{min-height:28px;min-width:48px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:#8a9184;font-size:10px}.segmented-control button.is-active{background:#f9faf5;color:#536b58;box-shadow:0 1px 3px #333b2810}.number-control{display:flex;flex-direction:row-reverse;align-items:center;gap:5px;font-size:9px}.number-control input{width:44px;border:0;border-bottom:1px solid #d1d7c9;background:transparent;color:var(--pad-ink);padding:7px 2px;text-align:center;font-size:12px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.number-control input::-webkit-inner-spin-button,.number-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.select-control select{width:61px;border:0;color:#62715d;padding:8px 0;background:transparent;font-size:11px;cursor:pointer}.free-delay-control{display:grid;gap:8px;width:137px}.free-delay-control>span{display:flex;justify-content:space-between;font-size:9px}.free-delay-control b{font-size:10px;font-weight:400}.instrument-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:8px;padding:18px 0 0;border-top:1px solid #dedfd5;color:#8b9186;font-size:10px}.instrument-footer a{color:inherit;text-decoration:none}.instrument-footer a:hover{color:var(--pad-accent)}.pad-credits{max-width:225px;text-align:right}.pad-credits summary{cursor:pointer;list-style:none}.pad-credits summary::-webkit-details-marker{display:none}.pad-credits summary:after{content:"+";display:inline-block;margin-left:8px}.pad-credits[open] summary:after{content:"−"}.pad-credits p{margin-top:10px;line-height:1.6}.pad-credits p a{border-bottom:1px solid #c4cebd}@media(max-width:700px){.pads-stage{padding:24px 18px}.instrument-header{margin-bottom:20px}.pads-display{height:100px;padding:16px 22px}.mixer-grid{gap:12px}.channel-strip{padding:17px 14px 20px}.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:17px}.master-strip{grid-template-columns:1fr;gap:24px;padding:25px 0}.master-volume{max-width:100%}.delay-panel{justify-content:flex-start;gap:15px}.delay-label{margin-right:auto}}@media(max-width:420px){.pads-stage{padding:20px 14px}.instrument-header{grid-template-columns:64px 1fr 64px}.pads-brand{width:64px}.pads-brand img{width:64px;height:64px}.pads-display{grid-template-columns:60px 1fr 48px;gap:10px;padding:16px 19px}.active-key{font-size:43px}.play-button{width:45px;height:45px}.spectrum{gap:3px}.spectrum span{width:2px}.key-bank{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.key-bank button{min-height:37px}.transport-panel{margin:12px 0 20px}.channel-strip{padding:13px 9px 18px}.channel-head h2{font-size:13px}.effect-grid{gap:16px 5px}.pad-knob{--knob-size: 34px}.pad-knob-label{font-size:8px!important;gap:3px}.effect-led{width:3px;height:3px}.instrument-footer{font-size:9px;gap:8px}.pad-credits{max-width:125px}}@media(prefers-reduced-motion:reduce){.spectrum span,.channel-meter span,.play-button{transition:none}.loading-ring{animation:none}}.pads-stage{--pad-ink: #303638;--pad-muted: #747b7e;--pad-accent: #397fc7;--pad-line: #c7cfd6;--pad-surface: #fdfefd;--pad-recess: #e9edf0;--pad-raised: #fafbfc;--pad-selected: #e6eef9;--pad-selected-ink: #245e9b;--pad-track: #dce1e7;--pad-edge: #fff;--pad-screen: #8fc2ed;background:#eff1f2;color:var(--pad-ink);transition:background .25s;color-scheme:light}.instrument-shell{position:relative;isolation:isolate;min-width:0;padding:24px 28px 21px;border:1px solid #c9ced4;border-radius:12px;background:linear-gradient(115deg,#fff 18%,#fcfdff 64%,#e9edf1);box-shadow:0 28px 45px -25px #222d3245,0 2px #cbd0d8,inset 0 0 0 1px #fff,inset 0 -4px 2px #dce1e6}.instrument-shell:before{content:"";position:absolute;inset:2px;z-index:-1;border-radius:10px;pointer-events:none;background:repeating-linear-gradient(0deg,#75808b05 0 .5px,transparent .5px 2px),repeating-linear-gradient(97deg,transparent 0 2px,#ffffff30 2px 2.5px)}.instrument-header{grid-template-columns:130px 1fr 130px;margin-bottom:21px}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px}.skin-picker{display:flex;align-items:center;gap:7px}.skin-swatch{width:13px;height:13px;border:1px solid #818b9477;border-radius:50%;box-shadow:inset 0 1px #fff6}.skin-swatch[aria-pressed=true]{outline:1px solid var(--pad-muted);outline-offset:3px}.skin-swatch.pearl{background:linear-gradient(120deg,#fff,#dbe1e8)}.skin-swatch.carbon{background:linear-gradient(120deg,#292b2e,#08090a)}.skin-swatch.olive{background:linear-gradient(135deg,#899575 0 55%,#dfbd80 55% 78%,#eee7cd 78%)}.instagram-link{color:var(--pad-muted);width:30px}.instagram-link:hover{background:var(--pad-recess);color:var(--pad-ink)}.pads-display{position:relative;overflow:hidden;background:linear-gradient(#11191e,#080e14);color:var(--pad-screen);border:1px solid #182129;box-shadow:inset 0 3px 10px #000,0 0 0 2px #b4bfca,0 1px 0 3px var(--pad-edge);border-radius:8px;height:104px}.pads-display:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000020 0 1px,transparent 1px 3px)}.spectrum span{background:var(--pad-screen)}.play-button{color:var(--pad-screen);border-color:var(--pad-screen);z-index:1}.pad-readiness{position:absolute;bottom:7px;right:17px;color:var(--pad-screen);opacity:.65;font-size:8px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.play-button:hover{background:#ffffff12}.play-button.is-playing{background:var(--pad-screen);color:#10181e;border-color:var(--pad-screen)}.transport-panel{margin-bottom:21px}.key-bank button{color:var(--pad-muted)}.key-bank button:hover{background:var(--pad-recess)}.key-bank button.is-active{border-color:var(--pad-line);color:var(--pad-selected-ink);background:var(--pad-selected);box-shadow:inset 0 1px var(--pad-edge)}.channel-strip{background:linear-gradient(140deg,var(--pad-surface),var(--pad-raised));border-color:var(--pad-line);padding-top:16px}.channel-main{min-height:142px}.channel-meter{top:34px;background:var(--pad-track)}.channel-meter span{background:var(--pad-accent)}.mute-button{color:var(--pad-muted);border-color:var(--pad-line);background:linear-gradient(var(--pad-raised),var(--pad-recess))}.mute-button.is-active{color:#bc8177;background:#60342e22;border-color:#ad736a}.effect-grid{border-color:var(--pad-line);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.effect-with-mode{display:grid;gap:9px;min-width:0}.mode-banks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:19px}.effect-mode{border:0;padding:0;margin:0;min-width:0}.effect-mode legend{width:100%;text-align:center;padding:0 0 7px;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--pad-muted)}.effect-mode-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:2px;gap:2px;border:1px solid var(--pad-line);border-radius:6px;background:var(--pad-recess)}.effect-mode-buttons button{min-width:0;min-height:34px;padding:0 2px;border:0;border-radius:4px;background:transparent;color:var(--pad-muted);font-size:10px;transition:background .15s,color .15s}.effect-mode-buttons button[aria-pressed=true]{color:var(--pad-selected-ink);background:var(--pad-selected);box-shadow:inset 0 1px var(--pad-edge),0 1px 3px #0002}.effect-mode-buttons button:hover{color:var(--pad-ink)}.pad-knob-label,.pad-knob-control output{color:var(--pad-muted)}.effect-led{background:var(--pad-accent)}.pad-knob{cursor:ns-resize;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-color:#8c99a9;background:repeating-conic-gradient(from 0deg,#ffffff99 0deg 1deg,#48564f38 1deg 2deg,transparent 2deg 3deg),conic-gradient(from 20deg,#c6cbd2,#fafcff 55deg,#a8aeb8 125deg,#d8dce2,#fff 245deg,#b3bbc7 310deg,#c6cbd2);box-shadow:1px 9px 11px -5px #1a243157,0 3px 3px #1a243147,inset 0 1px 1px #fff}.pad-knob-cap{position:absolute;inset:3px;border:1px solid #fffffff2;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,transparent 0 1px,#61788c0a 1px 1.5px,#ffffffa0 1.5px 2px),conic-gradient(from 25deg,#e8edf2,#fff 65deg,#e4eaf0 160deg,#fff 250deg,#e8edf2);box-shadow:inset 0 -2px 5px #74899b25,inset 0 2px 2px #fff}.pad-knob:before{border-color:var(--pad-track);border-bottom-color:transparent}.pad-knob-mark{pointer-events:none}.pad-knob-mark:before{background:var(--pad-accent);box-shadow:1px 1px 0 var(--pad-edge)}.is-large .pad-knob-cap{inset:5px}.is-bypassed .pad-knob{opacity:.62}.is-bypassed .pad-knob-label{color:var(--pad-muted);opacity:.65}.is-bypassed .effect-led{background:var(--pad-line)}.master-strip{grid-template-columns:1fr;padding:18px 0 12px}.master-strip>.pad-knob-control{justify-self:center}.delay-panel{color:var(--pad-muted)}.segmented-control{background:var(--pad-recess);border:1px solid var(--pad-line)}.segmented-control button{color:var(--pad-muted)}.segmented-control button.is-active{background:var(--pad-raised);color:var(--pad-selected-ink)}.number-control input,.select-control select{color:var(--pad-ink);border-color:var(--pad-line)}.select-control select option{background:var(--pad-surface)}.free-delay-control input{accent-color:var(--pad-accent)}.instrument-footer{color:var(--pad-muted);border-color:var(--pad-line)}.pad-credits p a{border-color:var(--pad-line)}.spectrum span{height:100%;min-height:0;transform:scaleY(.05);transition:transform .1s linear}.channel-meter span{height:100%;transform-origin:bottom;transition:transform .1s linear}.pad-knob:after{content:"";position:absolute;inset:-5px;border-radius:50%}.skin-picker{gap:2px}.skin-swatch{position:relative;width:27px;height:32px;border:0;border-radius:5px;box-shadow:none}.skin-swatch.pearl,.skin-swatch.carbon,.skin-swatch.olive{background:transparent}.skin-swatch:before{content:"";position:absolute;inset:9px 7px;border-radius:50%;border:1px solid #818b9477}.skin-swatch.pearl:before{background:linear-gradient(120deg,#fff,#dbe1e8)}.skin-swatch.carbon:before{background:linear-gradient(120deg,#292b2e,#08090a)}.skin-swatch.olive:before{background:linear-gradient(135deg,#899575 0 55%,#dfbd80 55% 78%,#eee7cd 78%)}.skin-swatch[aria-pressed=true]{outline:none}.skin-swatch[aria-pressed=true]:before{outline:1px solid var(--pad-muted);outline-offset:3px}.pads-stage[data-skin=carbon]{--pad-ink: #bfc3c1;--pad-muted: #8a9399;--pad-accent: #759bbd;--pad-surface: #0d0f10;--pad-recess: #070809;--pad-raised: #17191b;--pad-line: #292d30;--pad-edge: #ffffff0c;--pad-selected: #20262a;--pad-selected-ink: #c8dbe7;--pad-track: #343b40;--pad-screen: #8caed0;background:#111315;color-scheme:dark}[data-skin=carbon] .instrument-shell{background:linear-gradient(115deg,#17191a,#0b0d0e 62%,#030404);border-color:#24282a;box-shadow:0 28px 45px -25px #000c,0 2px #020303,inset 0 0 0 1px #3b3f42,inset 0 -4px 3px #000}[data-skin=carbon] .instrument-shell:before{background:repeating-linear-gradient(0deg,#00000032 0 .5px,transparent .5px 2px)}[data-skin=carbon] .pads-brand img{filter:brightness(0) invert(1)}[data-skin=carbon] .pads-display{background:linear-gradient(#080a0b,#030404);border-color:#010202;box-shadow:inset 0 3px 10px #000,0 0 0 2px #353a3d,0 0 0 3px #090b0c}[data-skin=carbon] .pad-knob{border-color:#3f4447;background:repeating-conic-gradient(from 0deg,#ffffff12 0deg 1deg,#0006 1deg 2deg,transparent 2deg 3deg),conic-gradient(from 20deg,#090a0b,#292d30 58deg,#08090a 130deg,#202326 195deg,#32373a 245deg,#0a0b0c 315deg,#090a0b);box-shadow:1px 9px 11px -5px #000d,0 3px 3px #000b,inset 0 1px 1px #ffffff18}[data-skin=carbon] .pad-knob-cap{border-color:#393d40;background:repeating-radial-gradient(circle,transparent 0 1px,#0004 1px 1.5px,#ffffff06 1.5px 2px),conic-gradient(from 25deg,#101214,#25282a 65deg,#0b0d0e 160deg,#202326 250deg,#101214);box-shadow:inset 0 -2px 5px #000a,inset 0 2px 2px #ffffff10}.pads-stage[data-skin=olive]{--pad-ink: #1a2419;--pad-muted: #34432e;--pad-accent: #354b30;--pad-surface: #a9b394;--pad-recess: #8f9b7b;--pad-raised: #b3bda0;--pad-line: #667453;--pad-edge: #f6f2d92e;--pad-selected: #c4cda9;--pad-selected-ink: #22361c;--pad-track: #bdc5a7;--pad-screen: #c0d3a7;background:#dce0d2}[data-skin=olive] .instrument-shell{background:linear-gradient(180deg,#ffffff0b,transparent 28%,#17200f18),linear-gradient(115deg,#9ba789,#879575 58%,#748462);border-color:#b99a63;box-shadow:0 28px 45px -25px #19211288,0 2px #a48451,inset 0 0 0 1px #f5dfae,inset 0 0 0 4px #ddbe84,inset 0 0 0 5px #8e8455}[data-skin=olive] .pads-display{background:linear-gradient(#10170e,#070c07);border-color:#0c110b;box-shadow:inset 0 3px 10px #000,0 0 0 2px #c6cab4,0 0 0 3px #596349}[data-skin=olive] .pad-knob{border-color:#a29470;background:repeating-conic-gradient(from 0deg,#fff8df80 0deg 1deg,#655a383d 1deg 2deg,transparent 2deg 3deg),conic-gradient(from 20deg,#c8bd99,#f4edd3 58deg,#a69871 132deg,#ded3af 200deg,#fcf7e3 248deg,#b3a47b 315deg,#c8bd99);box-shadow:1px 9px 11px -5px #1a251280,0 3px 3px #26301e66,inset 0 1px 1px #fff9df}[data-skin=olive] .pad-knob-cap{border-color:#f4ecd0;background:repeating-radial-gradient(circle,transparent 0 1px,#84714a0c 1px 1.5px,#fff9e344 1.5px 2px),conic-gradient(from 25deg,#e6dcbb,#f5efdc 65deg,#ddd0a9 160deg,#f1e9cd 250deg,#e6dcbb);box-shadow:inset 0 -2px 5px #8c7a4933,inset 0 2px 2px #fffae6}@media(max-width:700px){.instrument-shell{padding:20px 18px}.instrument-header{grid-template-columns:85px 1fr 108px}.master-strip{grid-template-columns:1fr;gap:16px}.delay-panel{flex-wrap:wrap;justify-content:flex-end;gap:10px}.delay-label{display:none}}@media(max-width:420px){.pads-stage{padding:14px 9px}.instrument-shell{padding:18px 12px}.instrument-header{grid-template-columns:62px 1fr 97px}.instrument-header h1{font-size:12px}.header-tools{gap:5px}.skin-picker{gap:6px}.skin-swatch{width:11px;height:11px}.channel-strip{padding-left:9px;padding-right:9px}.channel-head h2{font-size:12px}.pads-display{padding-left:17px;padding-right:17px}.instrument-footer{font-size:8px}}@media(max-width:640px){.pads-stage{padding:12px 9px;grid-template-columns:minmax(0,1fr)}.instrument-shell{padding:18px 12px}.instrument-header{grid-template-columns:58px 1fr 122px}.instrument-header h1{font-size:12px}.skin-picker{gap:2px}.skin-swatch{width:27px;height:36px}.skin-swatch:before{inset:11px 7px}.header-tools{gap:5px}.mixer-grid{grid-template-columns:minmax(0,1fr);gap:14px}.channel-strip{padding:14px 14px 18px}.channel-head h2{font-size:15px}.mute-button{width:40px;height:36px}.channel-main{min-height:140px}.effect-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:17px}.mode-banks{gap:9px}.effect-mode-buttons button{min-height:38px;font-size:9px}.pad-knob{--knob-size: 42px}.pad-knob-label{font-size:9px!important;min-height:30px;gap:3px}.pad-knob-control output{font-size:11px}.key-bank{grid-template-columns:repeat(6,minmax(0,1fr))}.key-bank button{min-height:43px}.instrument-footer{font-size:9px}.master-strip{gap:12px}}@media(max-width:360px){.effect-grid .pad-knob-label{flex-direction:column;font-size:8px!important;letter-spacing:0;gap:5px}}.pads-offline{margin:3px 0 14px;color:var(--pad-muted);font-size:11px}.offline-line{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px}.offline-line>span:not(.offline-info-wrap){opacity:.65;letter-spacing:.12em;font-size:10px}.offline-line>span.is-current{color:var(--pad-ink);opacity:1}.offline-switch{width:40px;height:23px;display:inline-flex;align-items:center;padding:2px;border:1px solid var(--pad-line);border-radius:15px;background:var(--pad-recess);cursor:pointer;transition:background .2s}.offline-switch[aria-checked=true]{background:var(--pad-selected);border-color:var(--pad-accent)}.offline-switch:disabled{opacity:.5;cursor:default}.offline-switch-thumb{width:17px;height:17px;border-radius:50%;background:var(--pad-raised);border:1px solid var(--pad-line);box-shadow:0 1px 2px #0002;transform:translate(0);transition:transform .2s}.offline-switch[aria-checked=true] .offline-switch-thumb{transform:translate(17px);border-color:var(--pad-accent)}.offline-info-wrap{position:relative;display:inline-flex}.offline-info-button{color:var(--pad-ink);opacity:.75;background:none;border:0;font:inherit;font-size:17px;line-height:1;cursor:pointer;padding:6px}.offline-tooltip{display:none;position:absolute;z-index:8;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);width:min(230px,70vw);padding:10px 11px;border:1px solid var(--pad-line);border-radius:6px;background:var(--pad-raised);color:var(--pad-ink);box-shadow:0 5px 18px #0002;line-height:1.5;text-align:left}.offline-info-wrap:hover .offline-tooltip,.offline-tooltip.is-visible{display:block}.offline-feedback{min-height:20px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 4px;font-size:10px}.offline-feedback progress{flex:0 1 180px;height:5px;accent-color:var(--pad-accent)}.offline-pause{border:0;background:none;color:var(--pad-muted);text-decoration:underline;cursor:pointer;font:inherit}.offline-dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#0009}.offline-dialog{width:min(100%,380px);padding:23px;border:1px solid var(--pad-line);border-radius:10px;background:var(--pad-surface);color:var(--pad-ink);box-shadow:0 20px 70px #0005}.offline-dialog h2{font-size:18px;margin:0 0 12px}.offline-dialog p{margin:0 0 22px;color:var(--pad-muted);line-height:1.55}.offline-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.offline-dialog-actions button{min-height:39px;padding:7px 14px;border:1px solid var(--pad-line);border-radius:5px;background:var(--pad-raised);color:var(--pad-ink);font:inherit;cursor:pointer}.offline-dialog-actions .offline-confirm{border-color:var(--pad-accent);background:var(--pad-selected);color:var(--pad-selected-ink)}.offline-switch:focus-visible,.offline-info-button:focus-visible,.offline-dialog button:focus-visible,.offline-pause:focus-visible{outline:2px solid var(--pad-accent);outline-offset:3px}