*{box-sizing:border-box}
:root{--bg:#070a0d;--panel:#10151a;--panel2:#151b20;--line:#29323a;--text:#eeeae3;--muted:#7d858b;--amber:#e5a12f;--cyan:#42d8c2}
html{background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 50% -10%,#182027 0,#0a0d10 35%,#07090b 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
main{max-width:1080px;margin:auto;padding:18px 20px 24px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
small,span{font:11px monospace;color:var(--muted)}
.topbar{height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #263038}
.brand{display:flex;align-items:center;gap:8px}.brand strong{font-size:27px;letter-spacing:4px;font-weight:800}.brand small{display:block;text-align:center;letter-spacing:4px;margin-top:2px}.sun{font-size:34px;color:var(--amber);line-height:1}
.top-actions{display:flex;gap:8px}.icon-btn{min-width:34px;height:34px;border:1px solid #34404a;border-radius:8px;background:#10161b;color:#d8dde0}
.presetbar{height:58px;margin-top:12px;border:1px solid #34404a;border-radius:11px;background:linear-gradient(180deg,#151c22,#0e1419);display:flex;align-items:center;gap:16px;padding:7px 12px;max-width:620px;margin-left:auto;margin-right:auto}.presetbar>div{display:flex;flex-direction:column;gap:2px;flex:1}.presetbar strong{font-size:14px}.navbtn{font-size:30px;color:#aeb5ba}.presetdots{font-size:22px}
.signal-chain{display:flex;align-items:center;justify-content:center;margin:16px 0 12px;overflow:hidden}.chain-node{width:94px;height:70px;border:1px solid #275d59;border-radius:11px;background:linear-gradient(145deg,#101b1c,#0c1315);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;color:#8fe9dc}.chain-node b{font-size:23px}.chain-node span{font-size:11px;color:#d5ddd9}.chain-node.active{border-color:#3fba8f;box-shadow:inset 0 0 20px rgba(46,181,143,.06)}.chain-node i{position:absolute;width:8px;height:8px;border-radius:50%;background:#47e78b;bottom:10px}.chain-line{height:1px;width:25px;background:#59656d}
.telemetry{display:grid;grid-template-columns:repeat(3,1fr) 2.3fr 2.3fr;gap:10px;align-items:center;margin:10px 0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#0e1317}.telemetry>div{display:flex;flex-direction:column;gap:3px}.telemetry b{font:11px monospace}.tuner-mini{display:grid!important;grid-template-columns:auto auto auto;align-items:center;gap:7px!important}.tuner-mini strong{font-size:20px;color:var(--amber)}.tuner-mini i{font:9px monospace;color:#858d92;font-style:normal}.meter-wrap{gap:5px!important}.meter-wrap label{font:9px monospace;display:flex;gap:7px;align-items:center}.meter-wrap meter{width:100%;height:8px}
.module{background:linear-gradient(145deg,rgba(20,27,32,.98),rgba(11,15,18,.98));border:1px solid #29333b;border-radius:13px;padding:15px;box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);overflow:hidden}
.module-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.module-head.compact{margin-bottom:13px}.module-title{display:flex;align-items:center;gap:10px;min-width:180px}.module-title h2,.bottom-title h2{font-size:20px;color:#f0eee9;margin:0;letter-spacing:1px}.module-title small,.bottom-title small{display:block;margin-top:2px;letter-spacing:2px}.module-icon{width:36px;height:36px;border:1px solid var(--amber);border-radius:8px;display:grid;place-items:center;color:var(--amber);font-weight:800}.eq-icon{border-color:#ae83ef;color:#ae83ef}.cab-icon{border-color:#52d8cb;color:#52d8cb}.fx-icon{border-color:#55aef4;color:#55aef4}.model-select{height:40px;min-width:210px;margin-left:auto;border:1px solid #35414a;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#0d1317}.model-select strong{font:13px Arial}.model-select button{font-size:23px;color:#aab2b7}.power{width:43px;height:43px;border:1px solid var(--amber);border-radius:9px;background:#1b1710;color:var(--amber);font-size:25px;box-shadow:0 0 12px rgba(229,161,47,.08)}
.amp-module{padding:13px;margin-bottom:12px}.amp-face{border:1px solid #394149;border-radius:10px;overflow:hidden;background:#090d10;box-shadow:inset 0 0 25px #000}.grille{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(90,101,109,.2),transparent 55%),repeating-radial-gradient(circle at 50% 50%,#14191d 0 2px,#090d10 2px 5px);border-bottom:1px solid #20282d;text-shadow:0 2px 5px #000}.grille div{font-size:36px;font-weight:900;letter-spacing:5px}.grille small{letter-spacing:6px;color:#aab1b5;margin-top:3px}.amp-plate{padding:25px 18px 20px;background:linear-gradient(180deg,#7e5c2a,#b28a48 15%,#6b4b22 85%,#3d2b17);box-shadow:inset 0 2px 3px rgba(255,255,255,.12),inset 0 -15px 20px rgba(0,0,0,.35)}
.rig{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rig .module .knobs{margin-top:10px}.knobs{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:18px 8px;align-items:start}
.knob{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;user-select:none}.knobface{--pct:50;--angle:0deg;width:76px;height:76px;border-radius:50%;position:relative;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.18) 0 5%,transparent 19%),radial-gradient(circle at 50% 48%,#30343a 0,#181c20 52%,#0b0e11 78%,#050608 100%);border:1px solid #5d646b;box-shadow:inset 0 2px 2px rgba(255,255,255,.16),inset 0 -8px 13px rgba(0,0,0,.82),0 5px 12px rgba(0,0,0,.55),0 0 0 5px #101317,0 0 0 6px #353b40}
.knobface:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(from -135deg,#e0a13b 0deg calc(var(--pct)*2.7deg),#20252a calc(var(--pct)*2.7deg) 270deg,transparent 270deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));opacity:.95;filter:drop-shadow(0 0 3px rgba(226,162,59,.3));pointer-events:none}
.knobface:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:25px;margin-left:-2px;border-radius:3px;background:linear-gradient(#fff,#f0eee9 38%,#d89a32 75%,#8c5a18);box-shadow:0 0 4px rgba(255,188,72,.7);transform-origin:2px 31px;transform:rotate(var(--angle));pointer-events:none}
.knob b{font:12px monospace;color:#e4dfd5;line-height:1.1}.knob small{font:9px monospace;color:#777;letter-spacing:1px}.knobscale{position:absolute;inset:-17px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from -135deg,rgba(190,196,201,.75) 0deg 1deg,transparent 1deg 13.5deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}
.fingerpointer{position:absolute;left:50%;top:4px;width:22px;height:34px;margin-left:-11px;display:flex;align-items:flex-start;justify-content:center;font-size:27px;line-height:1;filter:grayscale(1) brightness(1.65) drop-shadow(0 1px 2px #000);transform-origin:50% 34px;transform:rotate(var(--angle));pointer-events:none;z-index:3;text-shadow:0 1px 1px #000}
.eq-body,.fx-body{display:flex;gap:12px;align-items:center}.eq-body .knobs{grid-template-columns:repeat(2,80px);flex:0 0 180px}.eq-graph{height:120px;flex:1;min-width:180px;border:1px solid #222d35;border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 29px,#263139 30px),repeating-linear-gradient(90deg,transparent 0 35px,#202a31 36px);position:relative;padding:7px;color:#6f787e;font:9px monospace}.eq-graph span{display:block;line-height:22px}.eq-graph footer{position:absolute;left:7px;right:7px;bottom:3px;font:8px monospace;color:#777}.curve{position:absolute;left:7px;right:7px;top:54px;height:25px;border-top:2px solid var(--amber);border-radius:50%;transform:rotate(-3deg);filter:drop-shadow(0 0 4px rgba(229,161,47,.45))}
.cab-body{display:flex;gap:20px;align-items:center}.cabinet{width:160px;height:150px;border:4px solid #30383e;border-radius:6px;background:linear-gradient(145deg,#171d20,#080b0d);padding:13px;box-shadow:inset 0 0 15px #000}.cab-grille{height:100%;display:grid;place-items:center;text-align:center;border:2px solid #252d31;border-radius:3px;background:repeating-radial-gradient(circle,#1b2024 0 2px,#0a0d10 2px 5px);font:bold 22px monospace;color:#aeb5b8}.cab-grille small{font-size:11px}.cab-copy{display:flex;flex-direction:column;gap:7px}.cab-copy b{font-size:11px;color:#c9cfd2;letter-spacing:1px}.cab-copy span{color:#e2e0da}.cab-rule{height:1px;background:#354049;width:100%}.cab-copy small{max-width:250px;line-height:1.5}
.fx-body .knobs{grid-template-columns:repeat(2,1fr);flex:1}.fx-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;min-width:155px}.fx-modes button{padding:9px 7px;border:1px solid #3b4852;border-radius:7px;background:#11181e;font:10px monospace;color:#adb4b9}.fx-modes .selected{border-color:#4caef2;color:#e8f6ff;background:#102131}
.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:12px;margin-top:12px}.bottom-title{display:flex;justify-content:space-between;align-items:center}.cloud{font-size:24px;color:#d6dadd}.file-row{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.file-row input{display:none}.file-btn{background:#f1efeb;color:#111;padding:8px 12px;border-radius:4px;font:11px monospace;cursor:pointer}.model p,.tone p{font:11px monospace;color:#8e979c;line-height:1.55}.footer{display:flex;justify-content:space-between;padding:20px 4px 0;margin-top:12px;border-top:1px solid #273038;color:#777;font:10px monospace;letter-spacing:1px}
#start{font-size:24px;line-height:1;display:grid;place-items:center}.start{display:none}
.power{position:relative;flex:0 0 43px}
.power.on{background:linear-gradient(145deg,#342613,#18130b);box-shadow:0 0 16px rgba(229,161,47,.22),inset 0 0 10px rgba(229,161,47,.12)}
#start{filter:grayscale(1) brightness(1.35);text-shadow:0 1px 2px #000}
#start.on{filter:none;filter:drop-shadow(0 0 5px rgba(255,190,70,.42))}
.chain-node[data-target]{cursor:pointer}.chain-node[data-target]:active{transform:translateY(1px)}

@media(max-width:850px){main{padding:12px}.signal-chain{justify-content:flex-start}.chain-node{min-width:70px;width:70px;height:62px}.chain-line{min-width:10px}.telemetry{grid-template-columns:repeat(3,1fr)}.telemetry .tuner-mini,.telemetry .meter-wrap{grid-column:span 3}.rig{grid-template-columns:1fr}.amp-plate{padding-left:10px;padding-right:10px}.knobs{grid-template-columns:repeat(3,minmax(72px,1fr))}.model-select{min-width:180px}}
@media(max-width:560px){main{padding:8px}.topbar{height:58px}.brand strong{font-size:20px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:3px}.presetbar{max-width:none}.signal-chain{overflow-x:auto;justify-content:flex-start;padding:2px 0 7px}.chain-node{min-width:62px;width:62px;height:58px}.chain-node b{font-size:19px}.telemetry{grid-template-columns:1fr 1fr;gap:9px}.telemetry .tuner-mini,.telemetry .meter-wrap{grid-column:span 2}.module{padding:12px}.module-head{flex-wrap:wrap}.module-title{min-width:130px}.module-title h2,.bottom-title h2{font-size:17px}.model-select{order:3;width:100%;margin-left:0}.amp-module .model-select{width:auto;flex:1}.amp-face .grille{height:85px}.grille div{font-size:25px;letter-spacing:3px}.grille small{font-size:8px;letter-spacing:3px}.amp-plate{padding:25px 8px 18px}.knobface{width:70px;height:70px}.knobscale{inset:-16px}.knobface:before{inset:-13px}.knobface:after{top:6px;height:23px;transform-origin:2px 29px}.fingerpointer{top:3px;font-size:25px}.eq-body,.fx-body{align-items:flex-start}.eq-body .knobs{flex:0 0 150px;grid-template-columns:repeat(2,65px)}.eq-graph{min-width:120px;height:105px}.fx-modes{min-width:120px}.cab-body{gap:12px}.cabinet{width:120px;height:130px}.bottom-grid{grid-template-columns:1fr}.footer{font-size:8px}.footer span:last-child{display:none}}


/* EQ compact controls: keep knobs clear of the graph */
.eq-body .knobface{width:52px;height:52px}
.eq-body .knobscale{inset:-11px}
.eq-body .knobface:before{inset:-9px}
.eq-body .knobface:after{top:5px;height:18px;transform-origin:2px 23px}
.eq-body .fingerpointer{top:2px;width:18px;height:26px;margin-left:-9px;font-size:19px;transform-origin:50% 26px}
.eq-body .knob{gap:4px}
.eq-body .knob b{font-size:10px}
.eq-body .knob small{font-size:8px}
@media(max-width:560px){
 .eq-body .knobs{flex:0 0 118px;grid-template-columns:repeat(2,52px);gap:12px 7px}
 .eq-body .knobface{width:48px;height:48px}
 .eq-body .knobscale{inset:-10px}
 .eq-body .knobface:before{inset:-8px}
 .eq-body .knobface:after{top:4px;height:17px;transform-origin:2px 21px}
 .eq-body .fingerpointer{font-size:17px;height:23px;transform-origin:50% 23px}
 .eq-body .eq-graph{min-width:0;flex:1}
}

/* OD landscape: prevent the three large controls from visually colliding */
.od-module .knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:0 6px}
.od-module .knobface{width:62px;height:62px}
.od-module .knobscale{inset:-12px}
.od-module .knobface:before{inset:-10px}
.od-module .knobface:after{top:5px;height:20px;transform-origin:2px 25px}
.od-module .fingerpointer{top:2px;width:20px;height:28px;margin-left:-10px;font-size:21px;transform-origin:50% 28px}
@media(max-width:850px) and (min-width:561px){
 .od-module .knobface{width:64px;height:64px}
 .od-module .knobscale{inset:-12px}
 .od-module .knobface:before{inset:-10px}
 .od-module .fingerpointer{font-size:22px}
}
@media(max-width:560px){
 .od-module .knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 4px;padding:0 2px}
 .od-module .knobface{width:58px;height:58px}
 .od-module .knobscale{inset:-11px}
 .od-module .knobface:before{inset:-9px}
 .od-module .knobface:after{top:4px;height:18px;transform-origin:2px 23px}
 .od-module .fingerpointer{font-size:19px;height:25px;transform-origin:50% 25px}
}


/* Module bypass logos: one icon, same shape, thumbs-up active / middle-finger bypass */
.module-bypass{appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;font-family:Arial,sans-serif;font-size:23px;line-height:1;transition:transform .12s ease,filter .18s ease,box-shadow .18s ease,color .18s ease;background:#11171c!important}
.module-bypass:not(.bypassed){color:#ffbd45!important;border-color:var(--amber)!important;filter:drop-shadow(0 0 5px rgba(229,161,47,.32));}
.module-bypass.bypassed{color:#9da5aa!important;border-color:#46515a!important;filter:grayscale(1) brightness(.9);box-shadow:none!important}
.module-bypass:active{transform:scale(.96)}
.module-bypass.eq-icon:not(.bypassed){border-color:#ae83ef!important;color:#d8bfff!important}
.module-bypass.cab-icon:not(.bypassed){border-color:#52d8cb!important;color:#a9fff4!important}
.module-bypass.fx-icon:not(.bypassed){border-color:#55aef4!important;color:#a9dfff!important}


/* SOLAR hardware UI refinement — visual only, existing controls/DSP preserved */
:root{--metal:#a88754;--metal-dark:#3d2c18;--brass:#c79a4a}
.topbar{height:72px;border:1px solid #3a4146;border-radius:11px 11px 0 0;padding:8px 14px;background:
 radial-gradient(circle at 34% 20%,rgba(255,197,101,.28),transparent 22%),
 radial-gradient(circle at 70% 75%,rgba(82,49,22,.34),transparent 30%),
 linear-gradient(100deg,#342719,#936f3c 28%,#4c3820 52%,#9a7542 72%,#2b2117);box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 18px #000}
.brand{gap:10px}.sun{width:42px;height:42px;border:2px solid #d5d1c6;border-radius:8px;display:grid;place-items:center;font:bold 27px Georgia;color:#eee8da;background:linear-gradient(145deg,#3b3021,#161311);box-shadow:inset 0 1px 2px #fff4,0 2px 5px #000}
.brand strong{font-size:25px;letter-spacing:2px}.brand small{letter-spacing:3px;color:#bdb6a9}
.presetbar{max-width:none;margin-top:0;border-radius:0 0 9px 9px;border-color:#4d5660;background:linear-gradient(180deg,#151b20,#090d10);box-shadow:inset 0 1px #ffffff0a}
.amp-module{border-color:#56514a;background:linear-gradient(145deg,#111518,#090b0d);padding:9px;box-shadow:0 12px 30px #000}
.amp-module .module-head{height:54px;padding:4px 7px;border:1px solid #4b4030;border-radius:7px;background:
 radial-gradient(circle at 50% 0,rgba(234,180,91,.28),transparent 38%),
 linear-gradient(100deg,#302316,#9b7140 30%,#5b4024 52%,#9a7444 73%,#2b2016)}
.amp-module .module-title h2{font-size:24px;text-shadow:0 2px 2px #000}.amp-module .module-title small{color:#b9b0a2}
.amp-module .model-select{height:38px;border-color:#7c7569;background:linear-gradient(#403b35,#171614);box-shadow:inset 0 1px #fff3}
.amp-module .amp-face{border-color:#4d4b47;border-radius:7px}
.grille{height:128px;background:
 radial-gradient(circle at 50% 50%,rgba(130,130,130,.18),transparent 50%),
 repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px),
 repeating-linear-gradient(90deg,#151719 0 2px,#080a0c 2px 5px)}
.grille div{font-size:34px;letter-spacing:6px;text-shadow:0 2px 5px #000,0 0 18px #fff2}.grille small{color:#aaa;letter-spacing:5px}
.amp-plate{padding:24px 14px 18px;background:
 radial-gradient(circle at 20% 30%,rgba(255,222,155,.2),transparent 22%),
 radial-gradient(circle at 78% 65%,rgba(255,211,116,.14),transparent 25%),
 linear-gradient(180deg,#8b682e,#c09a55 15%,#805a27 80%,#4a331b);border-top:1px solid #d6ae67}
.amp-plate:after{content:"";display:block;position:absolute;pointer-events:none}
.rig .module{border-color:#44494c;border-radius:9px;padding:12px;background:
 radial-gradient(circle at 12% 25%,rgba(180,117,42,.18),transparent 32%),
 linear-gradient(145deg,#171b1d,#0a0d0f);box-shadow:0 8px 22px #000,inset 0 1px #fff2}
.rig .module-head{padding-bottom:8px;border-bottom:1px solid #293038}
.module-bypass{border-radius:7px!important;background:linear-gradient(145deg,#252a2d,#0d1012)!important;box-shadow:inset 0 1px #fff2,0 2px 5px #000}
.od-module{background:
 radial-gradient(circle at 15% 40%,rgba(128,66,21,.28),transparent 42%),
 linear-gradient(145deg,#2a1710,#111416 65%)!important}
.od-module .knobs{padding:3px 8px 2px}.od-module .knobface{width:70px;height:70px}
.eq-module{background:
 radial-gradient(circle at 85% 45%,rgba(70,131,88,.14),transparent 35%),
 linear-gradient(145deg,#17201c,#0d1213)!important}
.eq-module .eq-graph{border-color:#35443c;background:
 linear-gradient(rgba(95,155,116,.06) 1px,transparent 1px),
 linear-gradient(90deg,rgba(95,155,116,.06) 1px,transparent 1px),#0c1110;background-size:25% 25%}
.eq-module .eq-curve{filter:drop-shadow(0 0 4px rgba(152,255,186,.5))}
.cab-module{background:
 radial-gradient(circle at 35% 40%,rgba(123,92,46,.18),transparent 38%),
 linear-gradient(145deg,#1c1b18,#0c0f10)!important}
.fx-body{align-items:flex-end}
.model-select{box-shadow:inset 0 1px #fff2,0 2px 5px #000}
.icon-btn{box-shadow:inset 0 1px #fff1,0 2px 5px #000}
@media(min-width:900px){
 main{max-width:1080px;padding:18px 14px 24px}
 .signal-chain{margin:10px 0}.telemetry{opacity:.9}
 .rig{grid-template-columns:1fr 1fr;gap:10px}
 .rig .module{min-height:238px}
}
@media(max-width:700px){
 .topbar{height:62px}.amp-module .module-head{height:auto}.amp-module .module-title h2{font-size:20px}
 .amp-module .model-select{min-width:160px}.grille{height:100px}.grille div{font-size:27px}
 .rig .module{padding:10px}.od-module .knobface{width:58px;height:58px}
}


/* Uploaded reference visual system — applied to the live functional layout */
body{background:#08090a!important;font-family:Inter,Arial,Helvetica,sans-serif}
main{max-width:1080px!important;padding:12px 14px 22px!important}
.topbar{height:58px!important;border:1px solid #34383d!important;border-radius:10px 10px 0 0!important;padding:6px 14px!important;background:linear-gradient(135deg,#44484d,#181b1e 50%,#30343a)!important;box-shadow:0 18px 40px #000,inset 0 1px 2px #fff3!important}
.brand .sun{width:40px;height:40px;font-size:25px;border-radius:8px;background:linear-gradient(145deg,#e0c98f,#77613a 50%,#302617);color:#16120b;border:1px solid #eee0bb;box-shadow:inset 0 1px 2px #fff8,0 2px 5px #000}
.brand strong{font-size:18px!important;letter-spacing:2px!important}.brand small{font-size:9px!important;letter-spacing:2px!important}
.presetbar{height:48px!important;max-width:100%!important;margin:0!important;border-radius:0 0 9px 9px!important;background:linear-gradient(#25292d,#111417)!important;border-color:#444b52!important}
.signal-chain{margin:10px 0!important}.chain-node{height:52px!important;width:76px!important}
.telemetry{margin:8px 0!important}

.amp-module{border-radius:12px!important;padding:6px!important;background:linear-gradient(135deg,#4a4e52,#17191b 48%,#383c40)!important;border-color:#676c71!important;box-shadow:0 20px 45px #000!important}
.amp-module .module-head{height:50px!important;margin:0!important;padding:4px 10px!important;border:0!important;border-radius:8px 8px 0 0!important;background:linear-gradient(110deg,#241b12,#8b6336 28%,#3f2d1c 52%,#8f6b3f 75%,#231a12)!important}
.amp-module .module-title{min-width:150px!important}.amp-module .module-title h2{font-size:22px!important}
.amp-face{border:2px solid #3e3f40!important;border-radius:9px!important}
.grille{height:112px!important;background-color:#121110!important;background-image:radial-gradient(#2a2825 15%,transparent 16%),radial-gradient(#1a1917 15%,transparent 16%),linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0))!important;background-size:8px 8px,8px 8px,100% 100%!important;background-position:0 0,4px 4px,0 0!important;box-shadow:inset 0 0 25px rgba(0,0,0,.9)!important}
.grille div{font-family:Oswald,Arial,sans-serif!important;font-size:35px!important;letter-spacing:6px!important}
.amp-plate{background:linear-gradient(180deg,#dfba63 0%,#b89135 15%,#d1ab4d 50%,#997523 85%,#bfa048 100%)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -2px 5px rgba(0,0,0,.6),0 10px 20px rgba(0,0,0,.6)!important;position:relative}
.amp-plate:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,255,255,.03) 3px,transparent 4px);pointer-events:none}
.amp-plate .knobface{background:radial-gradient(circle at 50% 45%,#5b3320 0,#24130c 52%,#090605 78%,#030303 100%)!important;border-color:#8e7650!important;box-shadow:inset 0 2px 2px #fff3,inset 0 -8px 13px #000,0 4px 9px #000,0 0 0 4px #3b3020,0 0 0 5px #77705f!important}
.amp-plate .knobface:before{opacity:1}.amp-plate .fingerpointer{filter:grayscale(1) brightness(1.7) drop-shadow(0 1px 2px #000)!important}

.rig{grid-template-columns:5fr 7fr!important;gap:10px!important}
.rig .module{min-height:220px!important;border-radius:11px!important;padding:12px!important}
.od-module{background:linear-gradient(160deg,#3d6a4e 0%,#244431 50%,#183022 100%)!important;border-color:#315b42!important}
.od-module:before,.eq-module:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.08);border-radius:8px;pointer-events:none}
.od-module .module-head,.eq-module .module-head{border-bottom:1px solid rgba(255,255,255,.12)!important}
.od-module .module-title h2,.od-module .module-title small{color:#e7f0e9!important}
.od-module .model-select{border-color:#5e876b!important;background:linear-gradient(#365a43,#17291e)!important;color:#dcefe0!important}
.od-module .knobs{grid-template-columns:repeat(3,minmax(54px,1fr))!important;gap:6px!important;padding:2px 4px!important}
.od-module .knobface{width:62px!important;height:62px!important}
.od-module .knobface:before{inset:-10px!important}
.od-module .knobscale{inset:-12px!important}
.od-module .fingerpointer{font-size:21px!important;height:27px!important}
.eq-module{background:linear-gradient(145deg,#181b1f,#0b0e10)!important}
.eq-module .model-select{background:linear-gradient(#22272c,#111519)!important}
.eq-module .eq-graph{background:#090c0d!important;border-color:#28362f!important}
.eq-module .eq-curve{filter:drop-shadow(0 0 5px rgba(16,185,129,.85))}
.module-bypass{width:38px!important;height:38px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#3d4246,#111416)!important;box-shadow:0 4px 8px #000,inset 0 1px 2px #fff3!important}
.module-bypass:not(.bypassed){color:#d5d9dc!important;border-color:#9da2a5!important}
.module-bypass.bypassed{color:#8d9499!important}

@media(max-width:850px){
 .rig{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
 main{padding:8px!important}.rig{grid-template-columns:1fr!important}
 .grille{height:96px!important}.grille div{font-size:27px!important}
 .amp-plate{padding:20px 8px 16px!important}
}


/* Interactive EQ curve */
.eq-graph svg{touch-action:none;overflow:visible;cursor:crosshair}
.eq-point{fill:#dffff0;stroke:#78e6a1;stroke-width:2;filter:drop-shadow(0 0 5px rgba(100,255,160,.8));cursor:ns-resize}
.eq-point:hover{r:7}


/* EQ graph stays inside its panel and never affects AMP knob state */
.eq-module .eq-body{min-width:0;overflow:hidden}.eq-module .eq-graph{min-width:0;overflow:hidden}.eq-module .eq-graph svg{display:block;width:100%;height:100%;max-width:100%;}


/* EQ graph visual cleanup */
.eq-module .eq-body{display:flex;align-items:stretch;gap:12px}
.eq-module .eq-graph{position:relative;height:150px;min-width:0;flex:1;padding:0!important;overflow:hidden;border:1px solid #3b4745!important;border-radius:8px!important;background-color:#080d0c!important;background-image:linear-gradient(rgba(120,160,145,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,145,.09) 1px,transparent 1px)!important;background-size:25% 25%!important;box-shadow:inset 0 0 24px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.04)!important}
.eq-module .eq-graph:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(190,205,198,.20);pointer-events:none}
.eq-module .eq-graph .eq-curve{position:absolute;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:visible}
.eq-module .eq-graph .eq-fill{fill:rgba(74,206,129,.11);stroke:none}
.eq-module .eq-graph #eqCurve{fill:none;stroke:#9cffbd;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(86,255,153,.75))}
.eq-module .eq-y{position:absolute!important;left:7px;z-index:3!important;line-height:1!important;color:#7f8c87!important;font:9px/1 monospace!important;pointer-events:none}
.eq-module .eq-y-top{top:8px}.eq-module .eq-y-mid{top:calc(50% - 4px)}.eq-module .eq-y-bottom{bottom:8px}
.eq-module .eq-graph footer{position:absolute!important;left:7px;right:7px;bottom:5px;height:11px;display:flex;justify-content:space-between;align-items:center;color:#73807b!important;font:8px monospace!important;z-index:3}
.eq-module .eq-point{r:5;fill:#eafff0;stroke:#71efa1;stroke-width:2;filter:drop-shadow(0 0 4px rgba(80,255,145,.8));cursor:ns-resize}
.eq-module .eq-point:hover{r:7;fill:#fff}
@media(max-width:560px){.eq-module .eq-body{gap:8px}.eq-module .eq-graph{height:132px}.eq-module .eq-y{left:5px}.eq-module .eq-graph footer{left:5px;right:5px;font-size:7px}}


/* FINAL LAYOUT CALIBRATION — symmetry, typography and spacing */
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
main{width:100%;max-width:1080px;margin-inline:auto}
.topbar,.presetbar,.amp-module,.rig .module,.bottom-grid .module{width:100%}
.module-head{min-height:50px;align-items:center}
.module-title{flex:1 1 auto;min-width:0}
.module-title>div{min-width:0}
.module-title h2,.bottom-title h2{font-size:clamp(17px,1.8vw,22px);line-height:1.05;font-weight:800}
.module-title small,.bottom-title small{font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-select{flex:0 1 250px;min-width:170px;height:40px}
.model-select strong{font-size:13px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.module-icon{flex:0 0 38px}
.icon-btn{flex:0 0 36px}

.amp-module .module-head{display:grid;grid-template-columns:minmax(180px,1fr) minmax(230px,320px) 36px;gap:12px}
.amp-module .module-title{min-width:0}
.amp-module .model-select{margin:0;width:100%;max-width:none}
.amp-module .amp-face{width:100%}
.amp-module .grille{width:100%;min-height:108px}
.amp-module .amp-plate{width:100%}
.amp-module .amp-plate .knobs{width:100%;justify-content:space-evenly}

.rig{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;align-items:stretch}
.rig .module{min-width:0;min-height:230px}
.rig .module-head{display:grid;grid-template-columns:minmax(150px,1fr) minmax(155px,1.25fr) 36px;gap:9px}
.rig .module-title{min-width:0}
.rig .model-select{min-width:0;width:100%;margin:0}
.rig .knobs{min-width:0}
.od-module .knobs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px}
.od-module .knob{min-width:0}
.eq-body{min-width:0}
.eq-body .knobs{flex:0 0 166px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 6px}
.eq-body .eq-graph{min-width:0;flex:1}

.cab-body{min-width:0}.cab-copy{min-width:0}.cab-copy small{font-size:9px}
.fx-body{min-width:0}.fx-body .knobs{min-width:0}.fx-modes{min-width:145px}

.bottom-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:stretch}
.bottom-grid .module{min-width:0}

.telemetry{min-width:0}.telemetry>div{min-width:0}
.signal-chain{min-width:0}

@media(min-width:851px){
 .amp-module .amp-plate .knobface{width:72px;height:72px}
 .amp-module .amp-plate .fingerpointer{font-size:25px}
 .rig .module-head{min-height:50px}
 .eq-module .eq-body{height:154px}
 .cab-module .cab-body{height:154px}
 .fx-module .fx-body{height:154px}
}
@media(max-width:850px) and (min-width:561px){
 .amp-module .module-head{grid-template-columns:minmax(160px,1fr) minmax(190px,1.2fr) 36px}
 .rig{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .rig .module-head{grid-template-columns:minmax(125px,1fr) minmax(135px,1.1fr) 36px}
 .eq-body .knobs{flex-basis:145px}
}
@media(max-width:560px){
 .amp-module .module-head{display:flex;gap:8px}
 .amp-module .module-title{flex:1 1 auto}
 .amp-module .model-select{flex:0 1 175px}
 .rig .module-head{display:flex;flex-wrap:wrap;gap:8px}
 .rig .module-title{flex:1 1 120px}
 .rig .model-select{flex:1 1 145px;order:0}
 .rig .module-head>.icon-btn{flex:0 0 36px}
 .eq-body .knobs{flex:0 0 130px;grid-template-columns:repeat(2,62px);gap:10px 5px}
 .eq-module .eq-graph{height:132px}
 .od-module .knobs{column-gap:3px}
 .od-module .knobface{width:56px;height:56px}
 .fx-modes{min-width:118px}
 .cab-body{gap:10px}
 .cabinet{flex:0 0 110px}
}


.ir-upload{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:7px 11px;border:1px solid #59635d;border-radius:6px;background:linear-gradient(#303832,#111612);font:700 9px Arial;letter-spacing:1px;color:#dce9df;cursor:pointer}.ir-upload input{display:none}.cab-copy{gap:7px}.cab-copy #irStatus{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}


.ir-library{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;max-height:52px;overflow:auto}.ir-item{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border:1px solid #465149;border-radius:5px;background:#111715;color:#b9c9bf;font:8px Arial;cursor:pointer}.ir-item:hover{border-color:#77c792;color:#e8fff0}.ir-upload{user-select:none}

@media(max-width:650px){.mode-status{align-items:flex-start}.status-pills{overflow-x:auto;padding-bottom:2px}.status-pill{min-width:82px}.status-caption{padding-top:8px}}

/* AMP / NAM / BYPASS — three explicit mutually-exclusive states */
.mode-status{display:flex;align-items:center;gap:12px;margin:8px 0 10px;padding:8px 10px;border:1px solid #29343b;border-radius:9px;background:linear-gradient(180deg,#11171b,#0b0f12);box-shadow:inset 0 1px #fff1}
.status-caption{font:9px monospace;letter-spacing:2px;color:#727c82;flex:0 0 auto}
.status-pills{display:flex;gap:8px;flex:1;min-width:0}
.status-pill{height:30px;min-width:100px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #414b52;border-radius:7px;background:#0e1316;color:#687177;opacity:.55;transition:.18s ease}
.status-pill i{width:7px;height:7px;border-radius:50%;background:#525b60;box-shadow:none}
.status-pill b{font:10px monospace;letter-spacing:1.5px}
.status-pill.selected{opacity:1}
.status-pill.amp-state.selected{border-color:#42d8a1;background:#102019;color:#75f0c5;box-shadow:0 0 12px rgba(66,216,161,.12),inset 0 1px #fff2}
.status-pill.amp-state.selected i{background:#48e7a0;box-shadow:0 0 8px #48e7a0}
.status-pill.amp-state.nam-active{border-color:#d0923c;background:#24190b;color:#ffc15a;box-shadow:0 0 13px rgba(229,161,47,.16),inset 0 1px #fff2}
.status-pill.amp-state.nam-active i{background:#ffb83f;box-shadow:0 0 8px #ffb83f}
.status-pill.bypass-state.selected{border-color:#69747b;background:#1a1f22;color:#d0d5d8;box-shadow:inset 0 1px #fff1}
.status-pill.bypass-state.selected i{background:#aeb7bc;box-shadow:0 0 5px #aeb7bc}
@media(max-width:650px){.mode-status{align-items:flex-start}.status-pills{overflow-x:auto;padding-bottom:2px}.status-pill{min-width:88px}}

.source-switch{height:30px;min-width:126px;padding:0 12px;border:1px solid #52606a;border-radius:7px;background:linear-gradient(180deg,#1b2328,#101519);color:#bcc7cd;font:700 9px monospace;letter-spacing:1.2px;cursor:pointer;transition:.18s ease;flex:0 0 auto}.source-switch:hover:not(:disabled){border-color:#6e858f;color:#edf4f7;box-shadow:0 0 10px rgba(120,150,160,.10)}.source-switch:disabled{opacity:.38;cursor:not-allowed}.source-switch.nam-selected{border-color:#d0923c;background:#24190b;color:#ffc15a;box-shadow:0 0 11px rgba(229,161,47,.14),inset 0 1px #fff2}@media(max-width:650px){.source-switch{min-width:112px}}