/* Volt Metal Edition — presentation only; audio and preset contracts unchanged. */
:root{--bg:#101215;--panel:#21252b;--line:#464c55;--text:#f0f1f3;--muted:#adb4bf;--orange:#ffbb59;--cyan:#67dce5;--metal:repeating-linear-gradient(0deg,#ffffff03 0 1px,#00000004 1px 3px)}
body{background:radial-gradient(ellipse at 50% -20%,#45515e66,transparent 60%),linear-gradient(120deg,#111419,#1b2026 60%,#101216);font-family:'DM Sans',system-ui,sans-serif}
header{height:76px;background:var(--metal),linear-gradient(180deg,#30353c,#14171c);border-bottom:1px solid #707783;box-shadow:0 4px 16px #0008;padding:0 3%;position:relative}
header:after{content:'';position:absolute;bottom:-2px;left:4%;right:4%;height:1px;background:linear-gradient(90deg,transparent,#ffbb5988,transparent);pointer-events:none}
.brand{font-size:36px;gap:9px}.brand b{color:#f4f6fa;font-size:40px;letter-spacing:-2px;text-shadow:0 2px 2px #000}.brand span{color:#c2c7cf;max-width:none;font-size:10px;letter-spacing:3px;margin-left:14px}.header-right{gap:20px}
main{max-width:1660px;padding:28px 3% 0}.intro{margin-bottom:24px}.intro .eyebrow{font-size:9px;letter-spacing:3px;color:#9ca7b5}h1{font-size:clamp(30px,3vw,45px);font-weight:600;letter-spacing:-1.5px;margin:8px 0}h1 em{color:#f2f4f8}.intro p{font-size:14px;color:#aeb9c6}.intro .quiet{font-size:11px}
h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}button,select,.file-button{border-radius:7px;border-color:#656d78;background:linear-gradient(180deg,#3b414a,#252a31);box-shadow:inset 0 1px #ffffff15,0 2px 3px #0004;color:#f0f2f5}button:hover,.file-button:hover{background:linear-gradient(180deg,#484f59,#2c323b);border-color:#9ba6b4}select option,select optgroup{background:#22272e;color:#f4f5f7}button:disabled{opacity:.4}.primary{background:linear-gradient(180deg,#5b4224,#342618);color:#ffcb80;border-color:#eaa955;box-shadow:inset 0 1px #ffdf9d44,0 0 10px #ffb54118}.primary:hover{background:#6c4e2a;color:#ffe5be}.quiet{background:transparent;box-shadow:none}
.panel,.presetbar,.files,.bundled-library,.effects-info{background:var(--metal),linear-gradient(140deg,#2e333b,#1d2228 65%,#292e35);border-color:#5b626d;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #0004;border-radius:10px}
.presetbar{padding:12px 16px;gap:12px;margin-bottom:22px}.presetbar>.eyebrow{color:#d6dbe3}.preset-trigger{background:linear-gradient(180deg,#1d2127,#11151a);border-color:#828b97;box-shadow:inset 0 2px 6px #0006;max-width:none}.preset-trigger:hover,.preset-trigger[aria-expanded=true]{background:#252b32}.preset-trigger-icon{border:0;background:transparent;font-size:28px;flex-basis:24px}.preset-trigger-copy small{color:#aeb8c5}.preset-trigger-copy strong{font-size:16px;font-weight:600}.presetbar .spacer{display:none}.presetbar>button:not(.preset-trigger){font-size:11px}.midi-panel{padding:10px 18px;margin-bottom:15px}.midi-panel summary{font-size:11px;letter-spacing:.5px;color:#c4ccd7}.midi-row span{color:var(--cyan)}
.studio-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.rack,aside{min-width:0}aside{display:flex;flex-direction:column;gap:16px}aside>.panel{margin:0}.panel h3{font-weight:600;font-size:19px}.io .tiny{color:#c0c7d1}.meter-label{color:#b9c2cd}.meter{height:9px;background:repeating-linear-gradient(90deg,#13171c 0 10px,#2c323a 10px 13px);border:1px solid #0007;box-shadow:inset 0 1px 3px #000}.meter i{background:repeating-linear-gradient(90deg,transparent 0 10px,#152018 10px 13px),linear-gradient(90deg,#85e560,#b5f881 80%,#ffbc5c);box-shadow:0 0 9px #a0ee4d44}.local{color:#b0c6c8}.hint,.test small{color:#aeb8c4}.clip{margin-bottom:18px}
.amp{position:relative;border:1px solid #8c949e;border-radius:15px;padding:10px;background:var(--metal),linear-gradient(100deg,#5b6168,#20252c 3%,#12161a 6%,#252a30 93%,#717880 97%,#292d33);box-shadow:inset 0 2px 2px #ffffff50,inset 0 -3px 4px #000,0 15px 25px #0008}
.amp-top{background:var(--metal),linear-gradient(110deg,#535a62,#30363d 45%,#22272e);border:1px solid #707783;border-bottom:0;padding:19px 24px;border-radius:9px 9px 0 0;box-shadow:inset 0 1px #ffffff27}.amp-top h2{font-size:24px;letter-spacing:1px;font-weight:700;color:#f4f6f9;text-shadow:0 2px 1px #0009}.amp-top h2 i{font-style:normal;font-weight:500;color:#dae0e9;letter-spacing:0}.amp-top .eyebrow{color:#ffc16c;font-size:8px}.badge{color:#c8d3df;border-color:#798493;background:#11151b44;font-size:7px}.amp.nam-active .amp-top{background:var(--metal),linear-gradient(110deg,#3f575e,#232e39)}
.amp-face{background:var(--metal),linear-gradient(110deg,#505760,#30363e 45%,#262b32);color:#e4e8f0;padding:24px 16px;gap:18px;border:1px solid #707783;border-top:1px solid #ffffff15;border-bottom:3px solid #14181d;flex-wrap:wrap}.model{width:100%;display:block;align-self:auto}.model .tiny{display:none}#modes{flex-direction:row;justify-content:center;gap:0;margin:0 0 2px}#modes button{min-width:100px;color:#c2cbd8;border-color:#5e6875;background:#14181dcc;font-size:11px;padding:7px 16px;border-radius:0}#modes button:first-child{border-radius:20px 0 0 20px}#modes button:last-child{border-radius:0 20px 20px 0}#modes button.selected{background:linear-gradient(#44321e,#251e16);border-color:#f6b54d;color:#ffdaa0;box-shadow:0 0 9px #ffb84955,inset 0 0 7px #ffbc4930}.knobs{flex:1;gap:12px}.knob-control label{font-size:9px;color:#d9e0e9;letter-spacing:1px}.amp-face output,.knob-control output{color:#ffc879;font-size:10px}.amp-face .knob{--orange:#ffc15d}.knob{background:conic-gradient(from 225deg,var(--orange) var(--turn),#171d23 0deg 270deg,transparent 0);box-shadow:0 3px 8px #0008}.knob:before{inset:5px;border:1px solid #cbd1da;background:conic-gradient(from 10deg,#b4bac2,#f7f8fa 25deg,#747d88 70deg,#c4cbd4 110deg,#646d79 165deg,#d4d9df 210deg,#f0f3f7 240deg,#7b8592 285deg,#d4d9df 330deg,#b4bac2);box-shadow:inset 0 0 0 2px #434c57,inset 0 0 0 3px #ffffff66,0 3px 5px #000c}.knob:after{background:#141b24;border-radius:2px;box-shadow:1px 0 1px #ffffff99}.knob input{z-index:2}.power{color:#d3dae3;font-size:8px;background:transparent;box-shadow:none}.led{background:#ffcc70;box-shadow:0 0 4px #ffb343,0 0 10px #ffb34399;border:1px solid #ffebc6}button[aria-pressed=false] .led{background:#2e343c;border-color:#59616b;box-shadow:inset 0 1px 3px #000}.grille{height:105px;border:6px solid #1e2329;border-radius:0 0 9px 9px;background:radial-gradient(ellipse at center,#05080b 0 2px,#686f78 2.4px 3px,transparent 3.5px) 0 0/9px 8px,linear-gradient(110deg,#67707a,#343b44 65%,#636d78);box-shadow:inset 0 4px 13px #000b}.grille-logo{font-size:43px;letter-spacing:-3px;transform:none;color:#e8edf4;text-shadow:1px 2px 2px #000}.grille-logo span{font-size:6px;color:#bac4d0}.screw{color:#d1d8e2;text-shadow:0 1px 2px #000}.amp.nam-active .grille-logo{color:#acecf0}
.signal{margin:22px 0 16px}.section-title h3{color:#e1e6ed}.chain{padding:10px;background:var(--metal),linear-gradient(180deg,#2e343c,#1b2026);border:1px solid #555f6b;border-radius:9px;gap:7px}.chain button{padding:8px 9px;font-size:10px;flex:1 0 16%;border-radius:15px;background:#262d35;border-color:#606b79;color:#b7c1ce;box-shadow:inset 0 1px #ffffff0a}.chain button.active{border-color:#ffc260;color:#ffe0a6;background:#45321e;box-shadow:0 0 7px #ffbc4933}
.effects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pedal{--shell:#4d6878;--ink:#e9f1f7;position:relative;isolation:isolate;border-radius:11px;border:1px solid #9aa7b3;padding:18px 12px 15px;background:var(--metal),linear-gradient(110deg,#ffffff48,transparent 35%,#00000030 75%,#ffffff1c),var(--shell)!important;box-shadow:inset 0 0 0 3px #11182066,inset 0 0 0 4px #e5ecf044,inset 0 3px 3px #ffffff66,inset 0 -4px 5px #0008,0 7px 10px #0007;color:var(--ink);min-height:220px}.pedal:before,.pedal:after{content:'⊕';position:absolute;top:7px;color:#d4dce4;font:10px monospace;text-shadow:0 1px 2px #000;background:#1b222c;border-radius:50%;width:10px;height:10px;line-height:10px;pointer-events:none}.pedal:before{left:8px}.pedal:after{right:8px}.pedal h3{font-size:14px;font-weight:700;letter-spacing:.5px;margin:9px 0 19px;color:var(--ink)!important;text-transform:uppercase;text-shadow:0 1px 1px #0005}.pedal .knob-control{min-width:47px;flex:1}.pedal .knob-control label{font-size:8px;letter-spacing:.6px;color:var(--ink)}.pedal .knob-control output{color:var(--ink);font-size:9px;opacity:.9}.pedal .knob{width:46px;height:46px;--orange:#ffe1a1}.pedal .knob:after{top:9px;transform-origin:1px 14px}.pedal .pedal-note{color:var(--ink)!important;opacity:.82;font-size:10px;line-height:1.6;margin:4px 0 16px}.pedal .switch{font-size:8px;letter-spacing:1px;gap:10px;border:1px solid #d9e0e555;border-radius:20px;padding:9px 14px;background:linear-gradient(#323b45,#141c25);box-shadow:inset 0 1px #ffffff44,0 2px 3px #0008;color:#e4eaf2;min-height:35px}.pedal .switch .led{width:8px;height:8px}.pedal .switch.active{border-color:#ffd587;color:#ffe2ae}.pedal .switch:after{content:'';width:17px;height:17px;border-radius:50%;background:radial-gradient(circle,#b4bdc9 0 38%,#596575 41% 48%,#d1d8e2 52% 60%,#54606d 63%);box-shadow:0 2px 3px #0009;flex-shrink:0}.pedal button:not(.switch){font-size:10px}.pedal .ambient-mode{color:var(--ink)}
#pedal-gate{--shell:#526660}#pedal-drop{--shell:#4a526f}#pedal-autowah{--shell:#796141}#pedal-boost{--shell:#ab8a50;--ink:#17191b}#pedal-od{--shell:#627856}#pedal-fuzz{--shell:#a36c51;--ink:#17191b}#pedal-chorus{--shell:#3b6a91}#pedal-flanger{--shell:#416e79}#pedal-phaser{--shell:#736087}#pedal-tremolo{--shell:#79618f}#pedal-delay{--shell:#407f8c}#pedal-reverb{--shell:#929ba8;--ink:#161b22}#pedal-shimmer{--shell:#586ba0}#pedal-ambient{--shell:#66577f}#pedal-layers{--shell:#3a6373}.gate-state{color:#e4edda}.fuzz-tone-bypass.active{background:#ecd9b0;color:#222a31}
#tuner{--shell:#263943;min-height:0;margin:0;padding:18px;gap:12px;background:var(--metal),linear-gradient(135deg,#35424b,#202831)!important}#tuner .section-title{display:block;text-align:left}#tuner .section-title h3{font-size:18px;text-transform:none;margin:0 0 12px}#tuner .tuner-display{background:linear-gradient(180deg,#0b1319,#15242b);border-color:#55717e;border-radius:6px;box-shadow:inset 0 2px 6px #0009;padding:10px}#tuner .tuner-note{font-size:45px;color:var(--cyan)}#tuner .tuner-scale{border-color:#657e8a}#tuner .tuner-scale:after{background:var(--cyan)}#tuner .tuner-needle{background:var(--cyan);box-shadow:0 0 9px #67dce555}#tuner[data-active=false] .tuner-note{color:#78929e}#tuner .tuner-detail{color:#bdcdd6;font-size:11px;min-height:28px}#tuner .tuner-settings summary{color:#b9cbd9;font-size:11px}#tuner .tuner-options{font-size:12px}#tuner .switch{margin:0 auto}.in-tune .tuner-detail{color:var(--cyan)!important}
.bundled-library{margin:18px 0}.bundled-library summary{color:#bdcadb;font-size:12px}.library-card{background:#202730;border-color:#505d6c}.library-card small{color:#aebdcc}.metronome,.backing{margin:18px 0;padding:18px}.backing .section-title,.metronome .section-title{margin-bottom:0}.metronome .section-title h3,.backing .section-title h3{font-size:16px}.backing .eyebrow,.metronome .eyebrow{font-size:8px;color:#9daec1}.backing .badge{border:0}.metro-controls input[type=number],.backing-form input{background:#141b23;border-color:#526276}.metro-controls label{color:#becbd9}#metroBeat{background:#172129;color:#a8dce0}.backing-tabs [aria-pressed=true]{background:#283f49;border-color:#79c2d2;color:#c2f1fa}.backing-mixer output{color:#8ddde7}#backingStatus{color:#c1d3e4}.effects-info summary{color:#bdcbdc}.files>div+div{border-color:#5b6573}#namStatus{color:#e9c491}#namOrigin{color:#a4d6df}#message{background:linear-gradient(110deg,#2e333b,#1d252e);border-color:#667484;color:#d6e1ee;box-shadow:inset 3px 0 var(--orange)}footer{border-color:#505a67;color:#a0adbd}.tip{color:#aebac9}dialog{background:#222b35;border-color:#718297}summary{color:#c9d8e7}
.preset-picker{background:#1c232c;border-color:#7a8798}.preset-picker-head{background:var(--metal),linear-gradient(120deg,#3a4654,#202a36)}.preset-search{background:#111923;border-color:#586b82}.preset-categories{border-color:#465568}.preset-categories button{border-color:#53647a}.preset-categories button[aria-pressed=true]{background:#4d3922;border-color:#e5b064}.preset-choice-group h3{background:#1c232cf5;color:#b2bfd0}.preset-choice:hover,.preset-choice:focus-visible{background:#303d4b}.preset-choice.is-current{background:linear-gradient(100deg,#493723,#2a3641);border-color:#cf9f59}.preset-choice-body small{color:#aebdce}.preset-choice-body strong{color:#f1f4f8}.preset-choice-icon{background:#2d3b4a;border-color:#5a6c81}.preset-picker-foot{background:#18212b;border-color:#465568;color:#a3b4c8}
@media(min-width:1400px){.amp-face .knob{width:76px;height:76px}.amp-face .knob:after{top:12px;height:18px;transform-origin:1px 26px}}
@media(min-width:761px) and (max-width:1200px){.studio-layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.effects{grid-template-columns:repeat(2,minmax(0,1fr))}.amp-face{padding:20px 12px;gap:12px}.amp-top{padding:18px 16px}.amp-top h2{font-size:20px}.amp-top h2 i{font-size:18px}.amp-top .badge{display:none}.amp-face .knob{width:52px;height:52px}.amp-face .knob:after{top:10px;transform-origin:1px 16px}.knobs{gap:8px}}
@media(max-width:760px){header{height:70px;padding:0 4%}.brand{font-size:30px}.brand b{font-size:35px}.brand span{display:none}.header-right{gap:8px}#activate{font-size:11px;padding:10px 12px}main{padding:23px 4% 0}.intro{align-items:center;gap:12px}.intro h1{font-size:30px;line-height:1.1}.intro p{font-size:12px}.intro .eyebrow{font-size:7px}.intro .quiet{font-size:9px;padding:8px}.studio-layout{display:flex;flex-direction:column;gap:20px}.presetbar{gap:8px}.presetbar>.preset-trigger{flex-basis:100%}.presetbar>button:not(.preset-trigger){flex:1}.amp{padding:7px}.amp-top{padding:16px 12px}.amp-top h2{font-size:19px;letter-spacing:.8px}.amp-top h2 i{font-size:18px;margin-left:5px}.amp-face{padding:18px 7px;gap:15px}.amp-face .knob{width:48px;height:48px}.amp-face .knob:after{top:9px;height:12px;transform-origin:1px 15px}.knobs{gap:5px}.amp-face .knob-control{min-width:0}.amp-face .knob-control label{font-size:7px}.power{font-size:7px;gap:9px;padding:0}.grille{height:80px}.grille-logo{font-size:36px}.effects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pedal{padding:16px 9px 13px;min-height:210px}.pedal h3{font-size:12px}.pedal .knob{width:40px;height:40px}.pedal .knob:after{top:8px;transform-origin:1px 12px}.pedal .knob-control{min-width:40px}.pedal .knob-control label{font-size:7px}.pedal .pedal-note{font-size:9px}.panel{padding:18px}.chain button{flex-basis:25%;font-size:9px}.files{margin-top:18px}aside{display:flex;gap:16px}#tuner{order:-1}.preset-picker-head h2{font-size:21px}.delay-layer-grid{grid-template-columns:1fr}.delay-layer .pedal-controls{gap:18px}}
@media(max-width:420px){.effects{grid-template-columns:1fr}.pedal{min-height:190px}.pedal .knob{width:48px;height:48px}.pedal .knob:after{top:9px;transform-origin:1px 15px}.pedal .knob-control label{font-size:9px}.pedal .pedal-note{font-size:10px}.intro h1{font-size:27px}.amp-face .knob{width:40px;height:40px}.amp-face .knob:after{top:8px;height:10px;transform-origin:1px 12px}.knobs{gap:4px}.amp-face .knob-control label{letter-spacing:.4px}.amp-top h2 i{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
aside .metronome,aside .backing{margin:0;padding:16px}aside .metronome .section-title,aside .backing .section-title{flex-wrap:wrap;gap:10px}aside .metro-header-actions{width:100%;justify-content:space-between;gap:8px}aside .backing .section-title>div:last-child{width:100%}aside #backingToggle,aside #metroToggle{padding:9px;font-size:10px}aside .backing .badge{display:none}aside .backing-form>div{flex-direction:column}aside .backing-tabs{flex-wrap:wrap}aside .backing-mixer{grid-template-columns:1fr;gap:14px}aside .backing .section-title h3{font-size:15px}aside .metro-controls{grid-template-columns:1fr}aside .backing audio{min-width:0}.connection-advanced{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.connection-advanced>summary{font-size:11px;color:#b7c9db}.connection-advanced .latency-tools{border-top:0;padding-top:10px;margin-top:0}#tuner .tuner-settings select{background:#26323e;width:100%}
@media(min-width:1201px) and (max-width:1399px){.amp-face .knob{width:64px;height:64px}.amp-face .knob:after{top:11px;height:15px;transform-origin:1px 21px}}
#pedal-comp{--shell:#9ba9b8;--ink:#111d2b}#pedal-comp .knob{--orange:#99edff}#pedal-comp .switch.active{color:#b7f0ff;border-color:#9ce5ff;box-shadow:0 0 8px #99e7ff33,inset 0 1px #ffffff44}#pedal-comp .switch.active .led{background:#a9f1ff;border-color:#e5fbff;box-shadow:0 0 8px #67dce5}#pedal-comp .pedal-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}