@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#121313;--panel:#1b1d1c;--line:#343633;--text:#ecece4;--muted:#969991;--orange:#f4ad55}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#23251f 0,transparent 55%),var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,select,input{font:inherit}button,a,label.file-button{ -webkit-tap-highlight-color:transparent}button,select,.file-button{background:#282a27;border:1px solid #41443c;color:var(--text);border-radius:6px;padding:11px 14px;cursor:pointer}button:hover,.file-button:hover{border-color:var(--orange);color:#fff}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}select{max-width:100%}.primary{background:var(--orange);border-color:var(--orange);color:#1e1d18;font-weight:700}.primary:hover{color:#151613;background:#ffc078}.quiet{background:transparent}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#161817}.brand{color:var(--orange);display:flex;align-items:center;gap:9px;font-size:42px;text-decoration:none}.brand b{font:700 46px 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#f5f0df}.brand span{font-size:9px;letter-spacing:3px;color:var(--muted);margin-left:18px;max-width:70px;line-height:1.8}.header-right{display:flex;gap:24px;align-items:center}.status,.tiny,.eyebrow,.meter-label,.badge,.tag{font-size:10px;letter-spacing:1.5px;font-weight:600}.status{color:#b1b3a9}main{max-width:1530px;margin:auto;padding:36px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{color:var(--orange)}h1{font:500 36px 'Space Grotesk';letter-spacing:-1.5px;margin:9px 0}h1 em{font-style:normal;color:var(--orange)}p{color:var(--muted);line-height:1.65;margin:8px 0}h2,h3{font-family:'Space Grotesk';font-weight:500;margin:10px 0}h3{font-size:17px}.presetbar{border:1px solid var(--line);background:#1c1e1b;display:flex;gap:16px;align-items:center;padding:12px 18px;border-radius:9px;margin-bottom:24px}.presetbar select{min-width:195px;background:transparent}.tag{color:#aaa88f;font-size:8px}.spacer{flex:1}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.amp{border:1px solid #5a5443;border-radius:12px;padding:8px;background:repeating-linear-gradient(45deg,#242522 0,#242522 2px,#292a26 3px,#242522 4px);box-shadow:0 10px 30px #0005}.amp-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#252720;border-radius:6px 6px 0 0}.amp-top h2{font-size:25px;letter-spacing:3px;margin:6px 0 0}.amp-top h2 i{font-size:21px;font-weight:400;color:#cbc3aa;letter-spacing:-.5px;margin-left:10px}.badge{border:1px solid #6b6654;border-radius:4px;color:#c1baa4;font-size:8px;padding:6px;white-space:nowrap}.amp-face{background:linear-gradient(120deg,#d0c3a1,#b5a57f);color:#28291f;padding:22px 12px;display:flex;align-items:center;gap:8px;border-top:1px solid #f5e4b7;border-bottom:4px solid #484638}.knobs{display:flex;flex:1;justify-content:space-around}.knob-control{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:60px}.knob-control label{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.knob{position:relative;width:55px;height:55px;border-radius:50%;background:conic-gradient(from 225deg,var(--orange) var(--turn),#55574c 0deg 270deg,transparent 0);display:grid;place-items:center}.knob:before{content:'';position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(#32342d 0deg 5deg,#262821 6deg 10deg);box-shadow:0 4px 6px #0007;border:1px solid #141612}.knob:after{content:'';position:absolute;top:10px;width:3px;height:12px;background:#ece3c8;transform-origin:1px 17px;transform:rotate(var(--rot));pointer-events:none}.knob input{position:absolute;width:100%;height:100%;opacity:0;cursor:ns-resize;touch-action:none}.knob-control output{font:10px monospace;color:var(--orange)}.amp-face output{color:#35382a}.amp-face .knob{--orange:#3b4431}.model{width:100px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px}#modes{display:flex;flex-direction:column;gap:4px}#modes button{font-size:10px;padding:6px;border-color:#827b62;color:#444738;background:transparent}#modes button.selected{color:#f7e9c7;background:#34392c}.power{background:transparent;color:#333a2b;border:0;padding:5px;font-size:8px;display:flex;flex-direction:column;gap:14px;align-items:center}.led{width:10px;height:10px;display:inline-block;border-radius:50%;background:#b6ee82;box-shadow:0 0 9px #b6ee8266}button[aria-pressed=false] .led{background:#62665a;box-shadow:none}.grille{height:160px;position:relative;display:grid;place-items:center;background:repeating-linear-gradient(90deg,#1118 0 2px,transparent 2px 5px),repeating-linear-gradient(0deg,#716b54 0px 1px,#2b2d24 1px 4px);box-shadow:inset 0 4px 20px #0009;border:7px solid #282a23;border-radius:0 0 6px 6px}.grille-logo{font:700 italic 63px 'Space Grotesk';letter-spacing:-5px;text-shadow:2px 3px #111;color:#ede3bf;transform:rotate(-6deg)}.grille-logo span{display:block;font:6px 'DM Sans';letter-spacing:2.5px;text-align:center}.screw{position:absolute;font-size:10px;color:#948a6a;top:10px}.s1{left:10px}.s2{right:10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title span{font-size:8px;letter-spacing:1px;color:var(--muted)}.signal{margin:24px 0}.chain{display:flex;gap:6px;align-items:center}.chain button{flex:1;font-size:9px;padding:11px 2px;position:relative}.chain button.active{border-color:#887149;color:#efc17c;background:#312d22}.chain button:not(:last-child):after{content:'›';position:absolute;right:-6px;color:#999;z-index:1}.effects{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pedal{padding:15px 6px 12px;border:1px solid #48483c;border-radius:8px;background:linear-gradient(145deg,#33392f,#232820);text-align:center;box-shadow:0 4px 8px #0003}.pedal:nth-child(2){background:linear-gradient(145deg,#5e442c,#382c20)}.pedal:nth-child(3){background:linear-gradient(145deg,#344a4d,#243235)}.pedal:nth-child(4){background:linear-gradient(145deg,#424857,#2c303b)}.pedal:nth-child(5){background:linear-gradient(145deg,#514554,#322d38)}.pedal h3{font-size:14px;margin:6px 0 15px}.pedal .knob{width:42px;height:42px}.pedal .knob:after{top:8px;height:10px;transform-origin:1px 13px}.pedal .knob-control{gap:5px;margin-bottom:13px}.pedal .knob-control label{font-size:8px}.pedal .switch{font-size:9px;background:#1113;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:8px;margin:5px auto 0}.pedal .led{width:6px;height:6px}.files{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;margin-top:22px;background:#1b1d1b}.files>div{padding:22px;min-width:0}.files>div+div{border-left:1px solid var(--line)}.files p,.files details{font-size:11px;line-height:1.7;color:var(--muted)}a{color:var(--orange)}.file-button{display:inline-block;font-size:11px;margin:12px 0}.file-button input{display:none}#cabKnob{margin-top:12px}#resetIR{font-size:10px;padding:10px}.panel{background:#1c1e1b;border:1px solid var(--line);border-radius:9px;padding:20px}.panel select{width:100%;margin-top:10px;font-size:12px}.panel .knob-control{flex-direction:row;justify-content:space-between;margin:18px 0}.panel .knob-control label{order:-1;flex:1}.panel .knob-control output{min-width:45px}.panel .knob{width:40px;height:40px}.panel .knob:after{top:8px;height:9px;transform-origin:1px 12px}.hint{font-size:10px;line-height:1.6}.meter-label{display:flex;justify-content:space-between;color:#a6aa9e;font-size:8px;margin:14px 0 7px}.meter{height:7px;border-radius:2px;background:#0d100d;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#96bd6b,#efd065 80%,#ed6b4d)}.clip{font-size:8px;letter-spacing:1px;color:#9caa8c;margin:7px 0 24px}.full{width:100%;margin:22px 0 10px;font-size:12px}.row{display:flex;gap:8px}.row button{flex:1;font-size:11px}.local{border-top:1px solid var(--line);padding-top:15px;margin-top:16px;font-size:10px;color:#a6b994}.test{margin-top:16px}.test h3{font-size:21px}.test p{font-size:12px}.test small{font-size:10px;line-height:1.6;color:var(--muted)}.tip{padding:24px 10px;font-size:11px;color:#c2c2b4}.tip p{font-size:11px}#message{border:1px solid #48402e;background:#28251d;color:#d3bd97;border-radius:6px;padding:14px 18px;margin:24px 0;font-size:12px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;color:#757c70;font-size:9px;letter-spacing:1px}dialog{background:#20231e;border:1px solid #66634d;border-radius:12px;color:var(--text);max-width:640px;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:27px}dialog p{font-size:12px}dialog li{margin:18px 0}.close{float:right}summary{cursor:pointer;color:var(--orange)}@media(min-width:1400px){.amp-face{padding:24px}.knob{width:65px;height:65px}.knob:after{transform-origin:1px 22px}}@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(0,1fr) 255px}.amp-face{flex-wrap:wrap}.model{width:100%;display:block}.model .tiny{display:none}#modes{flex-direction:row;justify-content:center;margin-bottom:14px}#modes button{min-width:85px}.effects{grid-template-columns:repeat(3,1fr)}.pedal .knob-control{display:inline-flex;min-width:48px}.pedal .knob{width:36px;height:36px}.pedal .knob:after{transform-origin:1px 10px}.knobs{gap:2px}.knob-control{min-width:45px}.knob{width:43px;height:43px}.knob:after{transform-origin:1px 12px}.presetbar{flex-wrap:wrap}.tag{display:none}}@media(max-width:760px){header{padding:0 5%;height:75px}.brand{font-size:30px}.brand b{font-size:36px}.brand span,.status{display:none}main{padding:24px 4%}.intro{align-items:start;gap:12px}h1{font-size:28px}.intro p{font-size:11px}.intro button{font-size:10px;padding:9px}.studio-layout{grid-template-columns:1fr}.rack{min-width:0}.amp-top{padding:15px}.amp-top h2{font-size:20px}.amp-top .badge{display:none}.amp-face{padding:20px 5px}.knobs{gap:0}.knob-control{min-width:40px}.knob{width:42px;height:42px}.knob-control label{font-size:8px}.effects{grid-template-columns:repeat(2,1fr)}.files{grid-template-columns:1fr}.files>div+div{border-left:0;border-top:1px solid var(--line)}.chain{flex-wrap:wrap}.chain button{min-width:20%;padding:12px}.section-title>span{font-size:7px}.presetbar{gap:7px;padding:10px}.presetbar .spacer{display:none}.presetbar button{padding:10px;font-size:10px}.presetbar select{min-width:150px}.presetbar>.eyebrow{display:none}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.io{grid-column:1/-1}.test{margin:0}.tip{padding:15px 5px}footer span:nth-child(2){display:none}.panel .full{padding:14px}}

.nam-panel select{display:block;width:100%;margin:10px 0 14px}.nam-panel .tiny{display:block;margin-top:15px}.nam-panel h3{line-height:1.6}.nam-panel .badge{display:inline-block;margin-left:4px}.nam-panel .file-button{margin-right:6px}#clearNAM{font-size:10px;padding:10px}#namStatus{color:#dcc39b;overflow-wrap:anywhere}#namInputKnob{margin-top:18px}.knob-control:has(input:disabled){opacity:.4}.knob input:disabled{cursor:default}body.working #status{color:#efc17c}.file-button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.amp.nam-active .amp-top{background:linear-gradient(115deg,#2d3427,#212c2c)}.amp.nam-active .grille-logo{color:#c9ebc8}

.presetbar select{width:clamp(190px,38vw,540px);min-width:0;text-overflow:ellipsis}.bundled-library{margin:20px 0 0;border:1px solid #454638;border-radius:8px;background:#1b211b;padding:16px}.bundled-library summary{font-family:'Space Grotesk';font-size:14px;line-height:1.6}.bundled-library>p{font-size:11px;margin:14px 0}.library-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.library-card{padding:14px;border:1px solid #373f31;border-radius:6px;background:#232a22;min-width:0}.library-card h4{font-size:12px;font-weight:500;line-height:1.6;margin:0 0 10px;overflow-wrap:anywhere}.library-card button{font-size:10px;padding:10px;margin:0 5px 7px 0}.library-card small{display:block;color:#9da791;font-size:9px;line-height:1.6;margin-top:5px}#namOrigin{color:#b3c59e;overflow-wrap:anywhere}@media(max-width:760px){.presetbar select{width:100%;flex-basis:100%}.library-cards{grid-template-columns:1fr}}

.effects{grid-template-columns:repeat(3,minmax(0,1fr))}.pedal{display:flex;flex-direction:column;padding:16px 10px;min-height:178px}.pedal-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pedal .knob-control{min-width:46px}.pedal .switch{margin-top:auto}.pedal-note{font-size:9px;line-height:1.6;margin:3px 0 14px;color:#cec7b8}.pedal:nth-child(2){background:linear-gradient(145deg,#5b3f48,#33272e)}.pedal:nth-child(3){background:linear-gradient(145deg,#5e442c,#382c20)}.pedal:nth-child(4){background:linear-gradient(145deg,#344a4d,#243235)}.pedal:nth-child(5){background:linear-gradient(145deg,#3d4957,#252d37)}.pedal:nth-child(6){background:linear-gradient(145deg,#574c2f,#342e21)}.pedal:nth-child(7){background:linear-gradient(145deg,#424857,#2c303b)}.pedal:nth-child(8){background:linear-gradient(145deg,#514554,#322d38)}.pedal:nth-child(9){background:linear-gradient(145deg,#53506b,#302d43)}.effects-info{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#1c1e1c}.effects-info summary{font-size:12px}.effects-info p{font-size:11px}.chain{flex-wrap:wrap}.chain button{flex:1 0 16%;white-space:nowrap;padding:12px 8px}.knob:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:3px}@media(max-width:1100px){.effects{grid-template-columns:repeat(2,minmax(0,1fr))}.pedal .knob{width:42px;height:42px}.pedal .knob:after{transform-origin:1px 13px}}@media(max-width:760px){.chain button{flex-basis:23%;font-size:9px}.pedal-controls{gap:6px}.pedal .knob-control{min-width:42px}.pedal .knob{width:38px;height:38px}.pedal .knob:after{transform-origin:1px 11px}.pedal-note{font-size:9px}}@media(max-width:380px){.effects{grid-template-columns:1fr}}

/* Searchable preset browser, aligned with the studio rack. */
#preset{display:none}.presetbar{gap:12px}.preset-trigger{display:flex;align-items:center;gap:13px;text-align:left;flex:1;min-width:0;max-width:640px;padding:12px 15px;border:1px solid #61513b;background:linear-gradient(110deg,#30291f,#25261f);box-shadow:inset 0 1px #ffffff09}.preset-trigger:hover,.preset-trigger[aria-expanded=true]{border-color:var(--orange);background:linear-gradient(110deg,#3b3021,#292a21)}.preset-trigger-icon{display:grid;place-items:center;flex:0 0 34px;height:38px;border:1px solid #80623c;border-radius:5px;background:#f4ad5510;color:var(--orange);font-size:24px}.preset-trigger-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.preset-trigger-copy small{font-size:8px;letter-spacing:1.4px;color:#bba47d}.preset-trigger-copy strong{font-family:'Space Grotesk';font-size:15px;line-height:1.4;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-trigger-chevron{font-size:20px;color:var(--orange);padding-left:8px}.presetbar .tag{display:none}.presetbar .spacer{flex:.15}.preset-picker{position:fixed;margin:0;padding:0;border:1px solid #69563c;border-radius:13px;background:#1a1d19;color:var(--text);max-width:none;display:none;flex-direction:column;box-shadow:0 28px 100px #000b;overflow:hidden}.preset-picker[open]{display:flex}.preset-picker::backdrop{background:#080b0870;backdrop-filter:blur(3px)}.preset-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 24px 17px;background:linear-gradient(110deg,#2c2b21,#1d231c)}.preset-picker-head h2{font-size:23px;letter-spacing:-.5px;margin:8px 0 0}.preset-picker-head .eyebrow{font-size:8px}.preset-picker-head button{padding:9px 12px;background:#ffffff04;border-color:#555746}.preset-search{display:flex;align-items:center;gap:12px;margin:0 22px 16px;padding:11px 13px;border:1px solid #484d3f;border-radius:7px;background:#11170f;flex-shrink:0}.preset-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 2px #f4ad5510}.preset-search>span{font-size:25px;color:#b7baaa;line-height:1}.preset-search input{min-width:0;flex:1;padding:4px 0;border:0;outline:none;background:transparent;color:var(--text);font-size:13px}.preset-search input::placeholder{color:#858c7d}.preset-search kbd{font:8px monospace;color:#8c9384;border:1px solid #3c4435;border-radius:3px;padding:4px}.preset-categories{display:flex;gap:7px;padding:0 22px 16px;flex-shrink:0;border-bottom:1px solid #343b2d}.preset-categories button{padding:9px 12px;background:transparent;border-color:#3a4133;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:9px}.preset-categories button span{font:9px monospace;color:#8d9883;background:#0e140b;border-radius:3px;padding:3px 5px}.preset-categories button[aria-pressed=true]{background:#3c3020;border-color:#947344;color:#ffd399}.preset-categories button[aria-pressed=true] span{color:#ffd399;background:#5a4224}.preset-results{overflow-y:auto;overscroll-behavior:contain;min-height:80px;scrollbar-width:thin;scrollbar-color:#65583d #151a12;padding:9px 14px 15px;flex:1}.preset-choice-group{margin:0}.preset-choice-group h3{position:sticky;top:-9px;z-index:1;background:#1a1d19ef;backdrop-filter:blur(5px);font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#9ca48f;margin:0;padding:15px 10px 10px}.preset-choice{display:flex;align-items:center;text-align:left;width:100%;gap:13px;padding:13px 11px;background:transparent;border:1px solid transparent;margin:3px 0;border-radius:7px}.preset-choice:hover,.preset-choice:focus-visible{background:#2a3023;border-color:#626344}.preset-choice.is-current{background:linear-gradient(110deg,#3c3121,#292e21);border-color:#88693e}.preset-choice-icon{display:grid;place-items:center;flex:0 0 36px;height:38px;border:1px solid #484f3b;border-radius:5px;background:#252d1f;color:#becaa9;font:500 20px 'Space Grotesk'}.preset-choice[data-type=nam] .preset-choice-icon{font-size:14px;color:#c7bfdc;border-color:#50475d;background:#302b38}.preset-choice[data-type=personal] .preset-choice-icon{color:#a8d5ce;border-color:#3b5c53;background:#23382e}.preset-choice.is-current .preset-choice-icon{color:var(--orange);border-color:#8a6c43;background:#493722}.preset-choice-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.preset-choice-body strong{font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;color:#ecece0}.preset-choice-body small{font-size:10px;color:#98a18d;line-height:1.5}.preset-choice-badge{font:8px 'DM Sans';letter-spacing:1px;color:#87927d;white-space:nowrap;flex:0 0 auto}.preset-choice.is-current .preset-choice-badge{color:#edbd77}.preset-empty{text-align:center;padding:42px 20px;color:#c4cdb8}.preset-empty strong{font-family:'Space Grotesk';font-size:18px;font-weight:500}.preset-empty p{font-size:12px}.preset-picker-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #343b2d;padding:13px 23px;font-size:9px;color:#85917b;background:#171c14;flex-shrink:0}.foot-divider{padding:0 6px;color:#647159}@media(max-width:760px){.presetbar{flex-wrap:wrap;gap:8px}.presetbar>.eyebrow{display:none}.presetbar .preset-trigger{flex:1 0 100%;max-width:100%;padding:12px 13px}.presetbar .preset-trigger-copy strong{font-size:14px}.presetbar .preset-trigger-copy small{font-size:8px}.preset-trigger-icon{height:35px}.presetbar .spacer{display:none}.preset-picker-head{padding:20px 17px 16px}.preset-picker-head h2{font-size:21px}.preset-search{margin:0 15px 14px}.preset-categories{padding:0 15px 14px;gap:5px;overflow-x:auto}.preset-categories button{padding:10px 9px;font-size:10px;gap:6px}.preset-results{padding:6px 8px 12px}.preset-choice{padding:12px 8px;gap:9px}.preset-choice-body strong{font-size:12px}.preset-choice-badge{font-size:7px;letter-spacing:.5px}.preset-choice-icon{flex-basis:30px;height:34px}.preset-picker-foot{padding:13px 16px}.preset-picker-foot>span:last-child{display:none}.preset-search kbd{display:none}}@media(prefers-reduced-motion:no-preference){.preset-picker[open]{animation:preset-appear .16s ease-out}@keyframes preset-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}

.latency-tools{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.latency-tools button{width:100%;margin:12px 0 4px;font-size:12px;padding:12px}.latency-tools details{margin-top:12px}.latency-tools summary{font-size:10px}.latency-tools .tiny{font-size:9px}

.sustain-tools{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.sustain-tools button{width:100%;font-size:11px;padding:12px}

.gate-state{display:block;margin:0 0 12px;font:9px monospace;color:#bbd9a1;line-height:1.5}.gate-state[data-closed=true]{color:#f4bf77}

#cabKnob{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}

.tuner{margin-top:24px;padding:20px}.tuner-note{text-align:center;font:600 52px monospace;color:var(--orange)}.tuner-scale{position:relative;display:flex;justify-content:space-between;margin:12px auto 24px;max-width:400px;border-bottom:4px solid #646454;padding-bottom:12px}.tuner-scale:after{content:"";position:absolute;left:45%;width:10%;bottom:-4px;height:4px;background:#b6ee82}.tuner-needle{position:absolute;left:50%;bottom:-10px;width:3px;height:35px;background:var(--orange);transition:left .1s}.tuner-detail{text-align:center;min-height:24px}.tuner-options{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.tuner-options input{width:20px;height:20px;vertical-align:middle}.in-tune .tuner-note,.in-tune .tuner-detail{color:#b6ee82}.tuner-display[hidden]{display:none}

.backing{margin-top:24px;padding:24px}.backing-tabs{display:flex;gap:8px;margin:12px 0 20px}.backing-tabs [aria-pressed=true]{border-color:var(--orange);background:#392d21;color:var(--orange)}.backing audio{width:100%;margin:12px 0;display:block}.backing-loop{display:flex;align-items:center;gap:8px}.backing input[type=checkbox]{width:20px;height:20px}.backing-form{margin:14px 0}.backing-form>label{display:block;margin-bottom:8px;color:var(--muted)}.backing-form>div{display:flex;gap:8px}.backing-form input{min-width:0;flex:1;background:#121513;border:1px solid var(--line);border-radius:6px;padding:12px;color:var(--text)}.backing-mixer{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.backing-mixer label{font-size:11px;letter-spacing:1px}.backing-mixer output{float:right;color:var(--orange)}.backing-mixer input{display:block;width:100%;min-height:40px;accent-color:var(--orange);margin-top:10px}.backing [hidden]{display:none!important}#youtubeMount{margin:18px 0}#youtubeMount iframe{width:100%;min-height:230px;aspect-ratio:16/9;border:0;border-radius:8px}.backing a{color:var(--orange)}#backingStatus{color:#d4c5a5}@media(max-width:650px){.backing{padding:16px}.backing-form>div{flex-direction:column}.backing .badge{display:none}.backing-mixer{gap:16px}.backing-tabs button{flex:1}}