@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{font-family:DM Sans,sans-serif;color:#31362f;background:#eae7df;font-synthesis:none;font-size:14px;--paper: #eae7df;--ink: #31362f;--muted: #686b61;--orange: #b95135;--board: #272e2a;--line: #cfcec3;--display: "Barlow Condensed", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;min-width:375px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input[type=range]{cursor:pointer}button{color:inherit}button,a,input,select,summary{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9b3f25;outline-offset:4px}::selection{background:#b95135;color:#fff7e6}input{caret-color:var(--orange)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eae7df}::-webkit-scrollbar-thumb{background:#aaa99e;border:3px solid #eae7df;border-radius:9px}h1,h2,p{margin:0}svg{flex-shrink:0;vertical-align:middle}button{transition:background .18s ease,opacity .18s ease,transform .18s var(--ease)}button:disabled{opacity:.4}kbd{font-family:inherit;font-size:10px;min-width:18px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #c4c4b8;border-radius:3px;padding:1px 4px;background:#e5e3da;line-height:16px;color:#5f645a}input[type=range]{accent-color:var(--orange)}.site-header{max-width:1340px;margin:0 auto;height:101px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfcec5;padding:0 30px;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.brand-symbol{color:var(--orange);display:flex;margin-right:2px}.brand-second{font-weight:400}.brand-dot{font-size:9px;letter-spacing:0;align-self:flex-start;margin-left:3px;vertical-align:top;display:inline-block;padding-top:5px}.site-header nav{display:flex;gap:33px;align-items:center;font-size:12px}.site-header nav button,.site-header nav a{min-height:44px;display:flex;align-items:center;padding:0;position:relative;color:#6a6d64}.site-header nav .nav-current{color:var(--ink);font-weight:600}.nav-current:after{position:absolute;content:"";bottom:-29px;height:3px;border-radius:3px;background:var(--orange);left:0;right:0}.site-header nav button:hover{color:var(--orange)}.header-note{font-size:11px;color:#72756a;display:flex;gap:8px;align-items:center;white-space:nowrap}.header-note>span{height:5px;width:5px;background:var(--orange);border-radius:50%}main{max-width:1260px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 1px 30px}.intro h1{font-family:var(--display);font-size:50px;line-height:1.1;letter-spacing:-.5px;font-weight:700}.intro h1>span{color:var(--orange)}.intro p{font-size:13px;color:#6b6e65;margin-top:9px}.intro-aside{display:flex;align-items:center;gap:17px;color:#6e7167;font-size:11px;line-height:1.7;margin-top:13px}.little-wave{display:flex;align-items:center;gap:3px;height:34px;color:#9b9e8e}.little-wave i{width:2px;border-radius:2px;background:currentColor;display:block}.instrument{border-radius:14px;background:#e4e0d5;padding:7px;box-shadow:0 2px 2px #443c311c,0 15px 28px -16px #34362a80,0 1px 1px 1px #f8f6ef inset,0 -2px 1px #aba99b inset;scroll-margin-top:20px}.instrument-face{position:relative;background:linear-gradient(110deg,#f5f2e9,#eae7dc);padding:17px 25px 24px;border-radius:8px 8px 0 0;box-shadow:0 1px 1px #fff9 inset,0 -1px #aaa99a}.screw{width:9px;height:9px;border-radius:50%;position:absolute;background:linear-gradient(120deg,#c7c6b8,#eeeee3 50%,#a9aa9c);box-shadow:0 1px 2px #292c2966,0 0 0 1px #5b5c4530}.screw:after{content:"";position:absolute;top:4px;left:1.7px;right:1.7px;height:1px;background:#6c705f;transform:rotate(-35deg)}.face-screw-left{top:15px;left:12px;width:6px;height:6px}.face-screw-right{top:15px;right:12px;width:6px;height:6px}.face-screw-left:after,.face-screw-right:after{top:2.5px;left:1px;right:1px}.instrument-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid #d5d3c6}.instrument-name{font-family:var(--display);font-size:25px;letter-spacing:1.5px;display:flex;gap:14px;align-items:center;white-space:nowrap}.instrument-name>span{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:1.3px;color:#6e7167;border-left:1px solid #c6c7bb;padding-left:14px;font-weight:500}.session-actions{display:flex;gap:19px;align-items:center;font-size:11px}.session-badge{display:flex;align-items:center;gap:6px;color:#5c695b;letter-spacing:1px;font-size:8px;font-weight:600}.session-badge>span{width:5px;height:5px;border-radius:50%;background:#6c8663;box-shadow:0 0 0 3px #6c866313}.text-button{display:flex;align-items:center;gap:6px;min-height:36px}.text-button:hover{color:var(--orange)}.export-button{background:#393d34;color:#f8f6e9;border-radius:5px;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 13px;box-shadow:0 2px 2px #292c2925,0 1px #59614d inset;font-size:11px}.export-button:hover{background:#4e5545}.export-button:active{transform:translateY(1px)}.transport{display:grid;grid-template-columns:114px minmax(220px,1fr) 142px 112px 96px;gap:25px;align-items:center;padding-top:22px}.transport-buttons{display:flex;gap:10px;align-items:center}.play-button{width:62px;height:62px;border-radius:6px;background:linear-gradient(#cd6c49,#b84f31);box-shadow:0 3px #8f412a,0 4px 6px #a7583938,0 1px 1px #eaa58c inset;color:#fff7e8;display:grid;place-items:center}.play-button svg{margin-left:2px}.play-button:hover{background:linear-gradient(#d77a56,#bd5434)}.play-button:active{transform:translateY(2px);box-shadow:0 1px #8f412a}.is-playing svg{margin-left:0}.stop-button{width:39px;height:45px;background:#e7e4d9;border-radius:5px;color:#656b5c;box-shadow:0 1px #fff8 inset,0 2px 1px #bcbcaf}.stop-button:hover{background:#dcded1}.loop-clock{background:#252e25;border-radius:5px;box-shadow:0 2px 3px #181c2180 inset,0 1px #fff9;overflow:hidden;color:#b4c18f;min-width:0}.clock-data{display:flex;justify-content:space-between;padding:12px 16px 10px;gap:10px}.lcd-caption{font-size:7px;letter-spacing:1.6px;color:#a3b18c;display:block}.clock-numbers{font-family:var(--display);font-size:36px;letter-spacing:3px;line-height:1.15;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px;margin-top:3px}.clock-numbers>span{font-size:25px;color:#7b8c64;align-self:center;padding-bottom:4px}.clock-numbers>small{font-family:DM Sans,sans-serif;font-size:6px;letter-spacing:1px;line-height:1.5;max-width:22px;margin-left:5px;font-weight:400}.clock-indicator{display:flex;flex-direction:column;gap:10px;align-items:flex-end;justify-content:center}.clock-state{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:5px;color:#99a980}.clock-state i{height:4px;width:4px;background:#748460;border-radius:50%}.clock-state.live i{background:#b6d58d;box-shadow:0 0 5px #b6d58d66}.beat-marks{display:flex;gap:4px;width:100%;justify-content:flex-end}.beat-marks i{display:block;width:9px;height:6px;background:#3d4834;border-radius:1px;flex-shrink:1}.beat-marks i.downbeat{background:#596847}.beat-marks i.on{background:#c8d6a1;box-shadow:0 0 6px #b5d08433}.clock-length{font-size:6px;letter-spacing:1px;color:#a1ae89}.clock-progress{height:3px;background:#35402f}.clock-progress>span{display:block;background:#b0c58a;height:100%;transition:width .07s linear}.control-label{font-size:8px;letter-spacing:1.1px;white-space:nowrap;font-weight:600;display:block;color:#64695d}.control-label>span{color:#6c7364;font-size:7px;margin-left:8px}.tempo-control,.length-control,.metro-control{display:flex;flex-direction:column;align-items:center;gap:6px}.tempo-value{display:flex;align-items:center;justify-content:center;gap:3px}.tempo-step{width:30px;height:34px;display:grid;place-items:center;color:#616959;border-radius:3px}.tempo-step:hover{background:#d4d5c8}.tempo-value>input{width:53px;border:0;background:transparent;text-align:center;font-family:var(--display);font-size:31px;color:#363e2f;padding:0;line-height:1.1;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.tempo-value>input::-webkit-inner-spin-button,.tempo-value>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tap-button{font-size:7px;letter-spacing:1.5px;color:#646b5b;min-height:20px;padding:0 10px;border-bottom:1px dotted #adaf9e}.tap-button:hover{color:var(--orange)}.length-control{border-left:1px solid #d7d6c9;padding-left:19px}.length-control select{background:#e7e5d9;border:1px solid #c5c9b7;border-radius:4px;font-size:14px;font-weight:500;color:#3e4738;padding:6px 20px 6px 11px;min-height:36px;max-width:100%}.time-signature{font-size:7px;letter-spacing:1.5px;color:#646b5b}.metronome-button{height:36px;min-width:53px;border-radius:4px;background:#e7e5d9;box-shadow:0 1px #fff9 inset,0 1px 2px #858d7933;display:flex;gap:8px;align-items:center;justify-content:center;color:#6c7560}.metronome-button.selected{background:#d7dfc9;color:#43582d}.metronome-button:hover{background:#d9decd}.tiny-led{width:4px;height:4px;border-radius:50%;background:#969d87}.tiny-led.on{background:#52763a;box-shadow:0 0 0 2px #769d5322}.metro-label{font-size:6px;letter-spacing:1.1px;color:#646b5b}.pedalboard{background:var(--board);position:relative;border-radius:0 0 8px 8px;overflow:hidden;padding:29px 25px 0;box-shadow:0 3px 4px #131713aa inset}.board-slats{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 51px,#161e19 52px,#39413a 54px,transparent 57px);opacity:.6;pointer-events:none}.pedal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;position:relative;z-index:1}.pedal{--pedal: #ce805e;--pedal-bright: #d99073;--pedal-dark: #ac6346;--wave: #e2a383;position:relative;background:linear-gradient(115deg,var(--pedal-bright),var(--pedal) 52%,var(--pedal));border-radius:9px;padding:14px 17px 10px;box-shadow:0 5px 0 var(--pedal-dark),0 7px #151b1699,0 12px 11px -2px #080e0999,0 1px #ffffff70 inset,2px 0 1px #fff2 inset,-2px 0 1px #0001 inset;color:#3d3025;min-width:0}.pedal.honey{--pedal: #ceb367;--pedal-bright: #dfc57f;--pedal-dark: #a38944;--wave: #e1cb84;color:#443b23}.pedal.sage{--pedal: #8ba89b;--pedal-bright: #a4bdb0;--pedal-dark: #628676;--wave: #a3c2b2;color:#2c4339}.pedal.lilac{--pedal: #aaa0bc;--pedal-bright: #bfb4ce;--pedal-dark: #857a99;--wave: #c5b5dc;color:#42384f}.screw-tl{left:8px;top:9px}.screw-tr{right:8px;top:9px}.screw-bl{left:8px;bottom:9px}.screw-br{right:8px;bottom:9px}.track-top{display:flex;justify-content:space-between;align-items:center;height:27px;padding:0 5px}.track-number{font-size:8px;letter-spacing:1.9px;font-weight:600;opacity:.9}.led-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;margin-right:-8px}.led-button:hover{background:#fff2}.led{width:10px;height:10px;border:2px solid #453e33;border-radius:50%;background:#3f6648;box-shadow:0 1px 2px #19231377 inset,0 1px #fff4}.playing .led{background:#b7e991;border-color:#3e5738;box-shadow:0 0 6px #b5e48c99,0 0 0 1px #2e4d2b}.muted .led{background:#484d3c}.pedal-title{margin-top:10px;margin-bottom:17px}.pedal-title h2{font-family:var(--display);font-size:35px;line-height:1.05;letter-spacing:.5px}.pedal-title p{font-size:10px;margin-top:5px;opacity:.8}.wave-display{color:var(--wave);background:#29302a;box-shadow:0 2px 3px #111a15aa inset,0 1px #fff5;border-radius:4px;padding:8px 9px 0;overflow:hidden}.wave-label{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1px;color:var(--wave);opacity:.8}.waveform{width:100%;height:48px;display:block;margin:5px 0 1px}.waveform rect{fill:var(--wave);opacity:.67}.waveform rect.passed{opacity:1}.wave-baseline{stroke:currentColor;stroke-width:.4;opacity:.2}.playhead{stroke:#f4efd9;stroke-width:.7;opacity:.7}.wave-bottom{display:flex;align-items:center;gap:4px;font-size:6px;letter-spacing:1px;color:var(--wave);border-top:1px solid #ffffff0d;height:24px}.status-dot{width:3px;height:3px;border-radius:50%;background:currentColor}.clear-track{display:grid;place-items:center;margin-left:auto;color:var(--wave);width:27px;height:26px;margin-right:-6px;opacity:.7}.clear-track:hover{opacity:1;background:#fff1}.muted .waveform{opacity:.3}.track-controls{display:grid;grid-template-columns:1fr 66px 1fr;gap:4px;align-items:center;margin-top:19px}.effect-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:57px;position:relative;padding:3px 1px;border-radius:4px;opacity:.75}.effect-button>span{font-size:6px;letter-spacing:.5px;white-space:nowrap}.effect-button strong{font-size:17px;font-weight:500;line-height:20px}.effect-button:hover{background:#ffffff25;opacity:1}.effect-button.selected{opacity:1;background:#2730251a;box-shadow:0 1px 2px #36332320 inset}.effect-button.selected:after{content:"";height:3px;width:3px;border-radius:50%;position:absolute;top:0;background:currentColor}.volume-control{display:flex;flex-direction:column;align-items:center;gap:5px}.knob-wrap{position:relative;width:62px;height:58px;display:grid;place-items:center}.knob-ticks{position:absolute;inset:1px;background:repeating-conic-gradient(from -135deg,transparent 0deg 28deg,#27302577 28deg 30deg,transparent 30deg 30.5deg);border-radius:50%;-webkit-mask:radial-gradient(transparent 65%,#000 66%);mask:radial-gradient(transparent 65%,#000 66%);clip-path:polygon(0 0,100% 0,100% 100%,71% 100%,50% 77%,29% 100%,0 100%)}.knob{width:43px;height:43px;border-radius:50%;position:relative;background:linear-gradient(125deg,#53584e,#2e342b 65%,#262c23);box-shadow:0 3px 3px #27302570,0 1px 1px #a7a99599 inset,0 -2px 1px #1b2219 inset;display:grid;place-items:center}.knob:before{content:"";position:absolute;inset:4px;border-radius:50%;background:linear-gradient(140deg,#4c5148,#343a30);box-shadow:0 0 0 1px #191f1a55}.knob>span{position:absolute;inset:3px;transform:rotate(var(--angle));border-radius:50%}.knob>span:before{content:"";position:absolute;top:1px;left:calc(50% - 1px);width:2px;height:10px;border-radius:1px;background:#dedbca;box-shadow:0 1px 1px #0008}.knob-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.knob-wrap:has(input:focus-visible){outline:3px solid #752e1b;outline-offset:2px;border-radius:50%}.volume-label{font-size:6px;letter-spacing:1px;display:flex;gap:5px;line-height:1.5}.volume-label>b{font-weight:500;opacity:.7;font-size:6px;font-variant-numeric:tabular-nums}.switch-zone{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:20px;padding-top:2px}.footswitch-guide{position:absolute;width:106px;height:87px;border:1px solid currentColor;border-bottom:0;border-radius:55px 55px 0 0;opacity:.25;top:0}.footswitch{position:relative;width:83px;height:83px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7a7466,#3e4739 60%,#5d6251);box-shadow:0 2px 1px #fff5,0 0 0 1px #26302677,0 4px 5px #252c2a55 inset;padding:6px;transition:transform .12s var(--ease),box-shadow .15s ease}.footswitch:before{content:"";position:absolute;inset:3px;border-radius:50%;border:2px solid #c2d8a755;transition:border-color .2s}.playing .footswitch:before{border-color:#c2e3a7;box-shadow:0 0 7px #a8d87977}.muted .footswitch:before{border-color:#4a5145}.switch-metal{height:65px;width:65px;display:grid;place-items:center;position:relative;background:linear-gradient(120deg,#a1a79f,#e3e7df 25%,#8d9689 53%,#c7cfc0 73%,#9ca495);border-radius:50%;box-shadow:0 4px 1px #505c4b,0 6px 5px #26342488,0 1px 1px #fff inset}.switch-top{width:53px;height:53px;display:block;background:linear-gradient(145deg,#e4e8df,#cdd4c9 45%,#b5c0af);border-radius:50%;box-shadow:0 1px 1px #fff inset,0 0 0 1px #8b9685,0 2px 3px #7e8978}.switch-top:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid #cdd6c4;box-shadow:0 1px 2px #7c897755 inset;opacity:.6}.footswitch:hover:not(:disabled){transform:translateY(1px)}.footswitch:active:not(:disabled){transform:translateY(3px)}.footswitch:active .switch-metal{box-shadow:0 1px 1px #505c4b,0 2px 2px #26342488,0 1px 1px #fff inset}.switch-caption{font-size:8px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:7px;margin-top:15px}.switch-caption kbd{font-size:7px;background:#fff1;border-color:currentColor;opacity:.55;min-width:14px;line-height:12px;padding:0 3px;color:inherit}.undo-button{font-size:8px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:30px;margin:2px auto 0;padding:0 8px;opacity:.75}.undo-button:disabled{opacity:.4}.undo-button:not(:disabled):hover{text-decoration:underline}.queued .led,.recording .led{background:#ee633c;border-color:#7a3624;box-shadow:0 0 5px #ffad7199}.queued .footswitch:before,.recording .footswitch:before{border-color:#ff805a;box-shadow:0 0 8px #ea492b99}.queued .wave-display,.recording .wave-display{color:#ffd3a9}.queued .wave-bottom,.recording .wave-bottom{color:#ffc395}.recording .status-dot{animation:record-pulse 1s steps(2,end) infinite}.recording .waveform rect{fill:#efb28e}.board-rail{display:flex;align-items:center;justify-content:space-between;position:relative;padding:24px 1px 17px;gap:15px;color:#b8bdb0}.board-hint{font-size:6px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.rail-led{width:4px;height:4px;border-radius:50%;background:#869b6d;box-shadow:0 0 0 2px #869b6d16}.master-volume{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1px}.master-volume svg{color:#a1ab93}.master-volume input{height:18px;width:91px;appearance:none;background:transparent;cursor:pointer}.master-volume input::-webkit-slider-runnable-track{height:3px;background:#555e4d;border-radius:2px;box-shadow:0 1px 1px #1119 inset}.master-volume input::-moz-range-track{height:3px;background:#555e4d;border-radius:2px}.master-volume input::-webkit-slider-thumb{appearance:none;width:9px;height:13px;border-radius:2px;margin-top:-5px;background:linear-gradient(90deg,#858d7a,#c5cbb8 50%,#8c9582);box-shadow:0 1px 3px #1118}.master-volume input::-moz-range-thumb{border:0;width:9px;height:13px;border-radius:2px;background:#bac2ab}.master-volume output{font-size:8px;min-width:25px;letter-spacing:0;font-variant-numeric:tabular-nums}.master-volume output>span{font-size:6px;opacity:.7;margin-left:1px}.input-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 10px 21px;margin-top:15px;border-bottom:1px solid #cfcec5}.input-intro{display:flex;align-items:center;gap:14px}.input-icon{width:46px;height:46px;display:grid;place-items:center;background:#e0ddd2;border-radius:50%;color:#757b68;flex-shrink:0}.input-intro h2{font-weight:600;font-size:13px;letter-spacing:-.1px}.input-intro p{color:#77796d;font-size:10px;margin-top:5px}.input-buttons{display:flex;gap:9px;white-space:nowrap}.input-buttons>button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c7c8ba;border-radius:5px;padding:0 12px;min-height:37px;font-size:10px;color:#5c6555}.input-buttons>button.active{background:#e1e4d7;border-color:#c4cbb5;color:#4c5d41}.input-buttons>button:hover{background:#dedfd2}.mic-button>svg:last-child{margin-left:4px}.below-board{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 18px;gap:15px;color:#72786a;font-size:10px}.below-board>p{display:flex;align-items:center;gap:8px}.tip-dot{width:4px;height:4px;border-radius:50%;background:#a2aa91}.below-board>button{display:flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap;font-size:10px}.below-board>button:hover{color:var(--orange)}.site-footer{max-width:1200px;margin:0 auto;padding:15px 0 20px;border-top:1px solid #cfcec5;color:#757b6d;display:flex;justify-content:space-between;align-items:center;gap:20px}.keyboard-hints{display:flex;gap:19px;font-size:9px;align-items:center}.keyboard-hints>span{display:flex;gap:5px;align-items:center}.keyboard-hints kbd{font-size:8px;line-height:14px;min-width:16px}.save-state{display:flex;align-items:center;gap:6px;font-size:9px}.save-state>span{width:4px;height:4px;border-radius:50%;background:#7f9270}.save-state>span.unsaved{background:var(--orange)}.browser-notice{padding:14px 18px;background:#f0dbc2;color:#63452e;font-size:13px;border-radius:6px;margin-bottom:14px;line-height:1.6}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);width:max-content;background:#333e30;color:#f6f2e6;font-size:12px;line-height:1.6;border-radius:7px;padding:13px 17px;box-shadow:0 6px 25px #27302533;display:flex;align-items:center;gap:20px;transition:opacity .2s,transform .3s var(--ease)}.toast.visible{opacity:1;transform:translate(-50%);pointer-events:auto}.toast>button{display:grid;place-items:center;width:26px;height:26px;color:#c7d0ba;flex-shrink:0}.sheet{color:var(--ink);background:#f0ede3;border:0;box-shadow:0 20px 90px #161e1955;border-radius:15px;max-width:490px;width:calc(100% - 36px);padding:37px;margin:auto;overflow-y:auto;max-height:calc(100dvh - 40px)}.sheet::backdrop{background:#1b241dc0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-close{position:absolute;right:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#6b7461}.sheet-close:hover{background:#dcded1}.sheet h2{font-family:var(--display);font-size:38px;letter-spacing:-.3px;line-height:1.1;margin-bottom:15px;margin-top:5px;padding-right:10px}.sheet p{font-size:13px;line-height:1.75;color:#666e5d;margin-bottom:19px}.sheet-art{height:60px;width:60px;border-radius:50%;background:#e3dccb;color:var(--orange);display:grid;place-items:center;margin-bottom:21px}.mic-note{display:flex;gap:12px;align-items:center;line-height:1.7;font-size:11px;color:#606b52;background:#e4e7d9;border-radius:7px;padding:15px;margin-bottom:17px}.sheet p.small-copy{font-size:11px}.sheet p.error-message{color:#8f3c25;background:#f0ddd0;padding:12px;border-radius:5px;font-size:12px}.sheet-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;background:#b65336;color:#fff5e4;border-radius:5px;width:100%;font-size:12px;padding:12px 14px;margin-top:14px;line-height:1.5;text-align:center}.sheet-primary:hover{background:#a8472c}.sheet-secondary{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;width:100%;font-size:11px;min-height:43px;color:#657059;margin-top:8px}.sheet-secondary:hover{background:#e3e5d8}.sheet-secondary.bordered{border:1px solid #c6cdb8;border-radius:5px}.help-steps{list-style:none;counter-reset:help;padding:0;margin:26px 0 23px;display:flex;flex-direction:column;gap:22px}.help-steps>li{position:relative;padding-left:38px;counter-increment:help}.help-steps>li:before{content:counter(help);position:absolute;top:1px;left:0;width:25px;height:25px;display:grid;place-items:center;background:#e4dfd0;color:#96704b;font-family:var(--display);font-size:18px;border-radius:50%}.help-steps b{font-size:13px;font-weight:600;display:block;margin-bottom:5px}.help-steps li>span{font-size:11px;line-height:1.8;color:#66705c}.help-details{font-size:11px;color:#606b55;border-top:1px solid #d0d4c4;padding-top:14px}.help-details summary{cursor:pointer;min-height:28px}.help-details p{font-size:11px;line-height:1.8;margin-top:10px}.help-keys{border-top:1px solid #d0d4c4;padding-top:16px;margin-top:15px;font-size:9px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;color:#6b745f}.help-keys kbd{font-size:8px}.about-lines p{font-size:13px;line-height:1.8}.export-spec{display:flex;justify-content:space-between;border-top:1px solid #ced3c2;border-bottom:1px solid #ced3c2;padding:14px 0;gap:12px;color:#6a755e;font-size:8px;letter-spacing:1px}@keyframes record-pulse{50%{opacity:.3}}@media(min-width:1450px){.site-header{max-width:1380px}main{max-width:1320px}.site-footer{max-width:1260px}.intro{padding-top:42px;padding-bottom:35px}.intro h1{font-size:55px}.instrument-face{padding:20px 28px 26px}.pedalboard{padding:32px 28px 0}.pedal-grid{gap:26px}.pedal{padding:17px 20px 13px}.pedal-title{margin-top:13px;margin-bottom:20px}.pedal-title h2{font-size:39px}.waveform{height:53px}.track-controls{margin-top:22px}.switch-zone{margin-top:25px}.footswitch{width:87px;height:87px}.footswitch-guide{height:90px}.board-rail{padding-top:27px;padding-bottom:20px}.input-strip{padding-top:25px;padding-bottom:25px}.intro p{font-size:14px}}@media(max-width:1100px){.site-header{margin:0 22px;padding:0 8px;height:86px}.nav-current:after{bottom:-22px}.header-note{display:none}main{padding:0 22px}.intro h1{font-size:45px}.site-footer{margin:0 22px}.instrument-face{padding:15px 17px 22px}.instrument-name>span{display:none}.transport{grid-template-columns:100px minmax(190px,1fr) 117px 94px 73px;gap:14px}.length-control{padding-left:12px}.transport-buttons{gap:8px}.play-button{width:55px;height:57px}.stop-button{width:33px}.session-actions{gap:13px}.pedalboard{padding:25px 17px 0}.pedal-grid{gap:16px}.pedal{padding:13px 12px 10px}.track-controls{grid-template-columns:1fr 55px 1fr;gap:2px}.knob-wrap{width:55px;height:55px}.pedal-title h2{font-size:32px}.switch-zone{margin-top:18px}.footswitch{width:77px;height:77px}.switch-metal{height:60px;width:60px}.switch-top{width:49px;height:49px}.footswitch-guide{width:98px;height:80px}.switch-caption{font-size:7px;letter-spacing:1.1px}.wave-label{font-size:5px}.input-strip{padding-left:3px;padding-right:3px}.input-intro p{font-size:9px}.input-buttons>button{font-size:9px;padding:0 10px}.input-icon{width:40px;height:40px}}@media(max-width:800px){.site-header{height:79px;margin:0 20px;padding:0 1px}.brand{font-size:22px}.brand-symbol svg{width:25px}.site-header nav{gap:23px;font-size:11px}.nav-current:after{bottom:-18px}main{padding:0 20px}.intro{padding:29px 0 25px}.intro h1{font-size:41px}.intro p{font-size:12px}.intro-aside{display:none}.instrument{padding:6px}.instrument-face{padding:17px 17px 20px}.instrument-name{font-size:24px;letter-spacing:1px}.session-badge{display:none}.instrument-heading{padding-bottom:16px}.session-actions{gap:11px}.transport{grid-template-columns:92px minmax(150px,1fr) 115px;gap:19px 15px}.loop-clock{grid-column:2;grid-row:1}.tempo-control{grid-column:3;grid-row:1}.length-control{grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;padding-left:0;gap:10px}.length-control select{font-size:12px;min-height:33px;padding-top:5px;padding-bottom:5px}.time-signature{display:none}.length-control .control-label{font-size:7px;letter-spacing:.8px}.metro-control{grid-column:3;grid-row:2;flex-direction:row;justify-content:center;gap:8px}.metro-control>.control-label{display:none}.metro-control>.metro-label{font-size:6px;max-width:50px;line-height:1.5}.metronome-button{min-width:37px;width:37px;gap:4px;height:32px}.transport-buttons{grid-row:1 / 3;align-self:start;margin-top:15px;flex-direction:column;align-items:center;gap:17px;position:relative}.transport-buttons:after{content:"TRANSPORT";font-size:6px;letter-spacing:1px;color:#6e7563;position:absolute;bottom:-20px}.stop-button{width:51px;height:33px}.play-button{width:58px;height:58px}.clock-data{padding:11px 12px 9px}.clock-numbers{font-size:35px}.clock-indicator{gap:9px}.pedalboard{padding:23px 20px 0}.pedal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px}.pedal{padding:14px 20px 10px}.track-top{padding-right:6px}.pedal-title{margin-top:5px;margin-bottom:16px}.pedal-title h2{font-size:36px}.pedal-title p{font-size:10px}.wave-label{font-size:6px}.track-controls{grid-template-columns:1fr 65px 1fr;gap:5px;margin-top:15px}.knob-wrap{width:62px;height:56px}.effect-button>span{font-size:6px}.switch-zone{margin-top:18px}.footswitch{width:79px;height:79px}.footswitch-guide{height:83px}.switch-caption{font-size:8px}.undo-button{min-height:30px;margin-top:3px}.board-hint{font-size:5px;letter-spacing:.8px;max-width:160px;line-height:1.8}.board-rail{padding:25px 0 18px}.input-strip{flex-wrap:wrap;gap:18px;padding:22px 4px}.input-intro h2{font-size:13px}.input-intro p{font-size:10px}.input-buttons{margin-left:54px}.input-buttons>button{min-height:40px;padding:0 14px;font-size:10px}.below-board{padding-left:4px;padding-right:4px;font-size:9px}.below-board>p{max-width:290px;line-height:1.7}.below-board>button{font-size:9px}.site-footer{margin:0 20px;padding-top:16px;flex-direction:column;align-items:flex-start;gap:15px}.keyboard-hints{font-size:8px;gap:16px}.save-state{font-size:9px}}@media(max-width:480px){.site-header{margin:0 18px;height:74px}.brand{font-size:21px;letter-spacing:-.9px;gap:5px}.brand-symbol{margin-right:1px}.brand-symbol svg{width:24px;height:24px}.brand-dot{font-size:7px;padding-top:4px;margin-left:2px}.site-header nav{gap:17px;font-size:10px}.site-header nav a{display:none}.site-header nav button{min-height:44px}.intro{padding:25px 0 24px}.intro h1{font-size:40px}.intro p{font-size:11px;margin-top:8px}main{padding:0 12px}.intro{padding-left:7px}.instrument{border-radius:10px;padding:5px}.instrument-face{padding:13px 10px 17px}.instrument-heading{gap:7px;padding-bottom:13px}.instrument-name{font-size:21px;letter-spacing:.6px}.session-actions{gap:6px}.new-button{font-size:0;width:31px;justify-content:center}.new-button svg{width:19px;height:19px}.export-button{font-size:9px;gap:5px;min-height:33px;padding:0 8px;border-radius:4px}.export-button svg{width:14px}.face-screw-left,.face-screw-right{display:none}.transport{grid-template-columns:52px minmax(139px,1fr) 94px;gap:14px 11px;padding-top:17px}.transport-buttons{margin-top:12px;gap:14px}.transport-buttons:after{font-size:5px;letter-spacing:.5px;bottom:-17px}.play-button{width:48px;height:53px}.play-button svg{width:22px}.stop-button{width:43px;height:32px}.clock-data{padding:10px 10px 9px;gap:7px}.lcd-caption{font-size:5px;letter-spacing:1px}.clock-numbers{font-size:32px;gap:2px;letter-spacing:2px;margin-top:7px}.clock-numbers>small{display:none}.clock-state{font-size:5px;letter-spacing:.6px;gap:4px;white-space:nowrap}.clock-state i{width:3px;height:3px}.clock-indicator{gap:9px}.clock-length{font-size:5px;letter-spacing:.4px;white-space:nowrap}.beat-marks{gap:3px}.beat-marks i{width:5px;height:5px;min-width:1px}.tempo-control{gap:4px}.control-label{font-size:6px;letter-spacing:1px}.control-label>span{font-size:5px;margin-left:4px}.tempo-value{gap:0}.tempo-value>input{font-size:29px;width:43px}.tempo-step{width:24px;height:34px}.tap-button{font-size:6px;letter-spacing:1px;min-height:24px}.length-control{gap:5px}.length-control .control-label{font-size:6px;letter-spacing:.4px;line-height:1.5;max-width:36px;white-space:normal}.length-control select{font-size:11px;min-height:32px;padding-left:7px;padding-right:17px;width:77px}.metro-control{gap:6px}.metro-control>.metro-label{font-size:5px;letter-spacing:.6px}.metronome-button{width:32px;min-width:32px;height:32px;gap:4px}.metronome-button svg{width:17px}.tiny-led{width:3px;height:3px}.pedalboard{padding:22px 11px 0}.pedal-grid{gap:24px 12px}.pedal{border-radius:7px;padding:12px 10px 9px}.screw{width:7px;height:7px}.screw:after{top:3px;left:1px;right:1px}.screw-tl{top:7px;left:6px}.screw-tr{top:7px;right:6px}.screw-bl{bottom:7px;left:6px}.screw-br{bottom:7px;right:6px}.track-top{padding-left:4px;padding-right:4px;height:24px}.track-number{font-size:6px;letter-spacing:1.4px}.led-button{width:35px;height:35px;margin-right:-5px}.led{width:9px;height:9px}.pedal-title{margin-top:7px;margin-bottom:14px;padding-left:2px}.pedal-title h2{font-size:31px;letter-spacing:.3px}.pedal-title p{font-size:8px;margin-top:5px}.wave-display{padding:7px 7px 0;border-radius:3px}.wave-label{font-size:5px;letter-spacing:.6px}.waveform{height:42px;margin-top:5px;margin-bottom:0}.wave-bottom{font-size:5px;letter-spacing:.7px;height:24px;gap:3px}.clear-track{width:27px;height:27px}.clear-track svg{width:11px}.track-controls{grid-template-columns:1fr 52px 1fr;gap:1px;margin-top:13px}.knob-wrap{width:51px;height:51px}.knob{width:37px;height:37px}.knob>span:before{height:9px}.effect-button{gap:5px;min-height:48px}.effect-button svg{width:15px}.effect-button strong{font-size:16px}.effect-button>span{font-size:5px;letter-spacing:.2px}.volume-label,.volume-label>b{font-size:5px;gap:3px;letter-spacing:.6px}.switch-zone{margin-top:18px}.footswitch{width:74px;height:74px}.footswitch-guide{width:90px;height:78px}.switch-metal{width:58px;height:58px}.switch-top{width:47px;height:47px}.switch-caption{font-size:7px;letter-spacing:1px;margin-top:14px;gap:5px}.switch-caption kbd{font-size:6px;line-height:10px;min-width:12px;padding:0 2px}.undo-button{font-size:7px;min-height:30px}.undo-button svg{width:12px}.board-rail{gap:8px;padding:24px 2px 16px}.board-hint{max-width:108px;font-size:4px;letter-spacing:.6px;gap:5px;line-height:1.9}.rail-led{width:3px;height:3px;flex-shrink:0}.master-volume{gap:6px;font-size:5px;letter-spacing:.7px}.master-volume svg{width:13px}.master-volume input{width:66px}.master-volume output{min-width:21px;font-size:7px}.master-volume output>span{font-size:5px}.input-strip{margin-top:8px;padding:20px 7px;gap:17px}.input-intro{gap:11px}.input-icon{width:37px;height:37px}.input-icon svg{width:22px}.input-intro h2{font-size:12px}.input-intro p{font-size:9px;line-height:1.5;max-width:270px;margin-top:5px}.input-buttons{margin-left:48px;gap:7px}.input-buttons>button{font-size:9px;padding:0 10px;gap:5px;min-height:40px}.input-buttons svg{width:14px}.mic-button>svg:last-child{width:14px;margin-left:0}.below-board{padding:9px 7px 16px;align-items:flex-start;gap:11px}.below-board>p{font-size:8px;max-width:202px;padding-top:10px;line-height:1.7}.below-board>button{font-size:8px;gap:4px;min-height:43px}.below-board>button svg{width:13px}.tip-dot{flex-shrink:0;width:3px;height:3px}.site-footer{margin:0 19px;gap:14px;padding-top:16px;padding-bottom:25px}.keyboard-hints{gap:13px;font-size:7px;flex-wrap:wrap}.keyboard-hints>span{gap:4px}.keyboard-hints kbd{font-size:7px;min-width:13px;line-height:13px;padding:0 3px}.save-state{font-size:8px}.toast{font-size:11px;padding:12px 13px;bottom:16px;gap:12px}.sheet{padding:31px 25px}.sheet h2{font-size:34px}.sheet p{font-size:12px}.help-steps{gap:19px}.help-steps li>span{font-size:11px}.help-keys{font-size:8px;gap:5px}.export-spec{font-size:7px;letter-spacing:.7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.led-button{width:44px;height:44px;margin-right:-12px}.clear-track{min-width:32px;min-height:32px}.undo-button{min-height:36px}.wave-label,.wave-bottom{font-size:7px}.effect-button>span{font-size:7px}.volume-label,.volume-label>b{font-size:7px}.switch-caption,.control-label{font-size:9px}.metro-label,.time-signature{font-size:8px}.tap-button{font-size:8px;min-height:24px}.clock-length,.clock-state,.lcd-caption{font-size:8px}.clock-numbers>small{font-size:7px}.board-hint{font-size:7px}.wave-bottom{letter-spacing:.5px}.track-number{font-size:9px;letter-spacing:1.5px}@media(max-width:1100px){.wave-label,.wave-bottom{font-size:6px}.effect-button>span,.volume-label,.volume-label>b{font-size:6px}.switch-caption{font-size:8px}.board-hint{font-size:6px}.track-number{font-size:8px}.lcd-caption,.clock-state,.clock-length{font-size:7px}.control-label{font-size:8px}.metro-label,.time-signature,.tap-button{font-size:7px}}@media(max-width:480px){.clock-data{display:block;position:relative;min-height:71px;padding:11px 9px 8px}.clock-indicator{position:absolute;right:8px;top:12px;width:48px;gap:11px;align-items:flex-end}.clock-state,.clock-length{font-size:6px;letter-spacing:.3px}.lcd-caption{font-size:6px;letter-spacing:.8px}.clock-numbers{font-size:29px;gap:1px;letter-spacing:1px;margin-top:6px}.clock-numbers>span{font-size:21px}.beat-marks{gap:2px}.beat-marks i{min-width:1px;width:4px}.control-label{font-size:7px}.tap-button{font-size:7px;letter-spacing:.5px}.length-control .control-label{font-size:7px;max-width:40px}.metro-control>.metro-label{font-size:6px;letter-spacing:.2px}.wave-label,.wave-bottom{font-size:6px;letter-spacing:.4px}.effect-button>span{font-size:6px;letter-spacing:0}.effect-button{min-height:54px}.volume-label,.volume-label>b{font-size:6px;letter-spacing:.4px}.track-number{font-size:7px}.switch-caption{font-size:8px;letter-spacing:.7px}.led-button{margin-right:-10px}.board-hint{font-size:5px;letter-spacing:.4px;max-width:108px}.undo-button{min-height:36px;font-size:9px}.wave-bottom{height:28px}.clear-track{margin-right:-8px}.keyboard-hints{font-size:8px;gap:10px}.save-state{font-size:9px}}.site-header nav button,.site-header nav a,.header-note,.intro p,.intro-aside,.input-intro p,.below-board,.site-footer{color:#606858}.pedal-title p,.effect-button,.volume-label>b,.track-number{opacity:1}.toast{visibility:hidden}.toast.visible{visibility:visible}