/* Keep the editor width stable when its content crosses the scrollbar threshold. */
:root{overflow-y:scroll}
/* The rig layout sits below the existing, unchanged editor topbar. */
main{max-width:none;padding-inline:clamp(16px,2.5vw,80px)}
.editor-shell{overflow:visible}.workspace{filter:none}.panel{gap:28px;overflow:visible}
.rig-top{display:grid;grid-template-columns:minmax(0,3.3fr) minmax(0,1fr);align-items:stretch;gap:18px}
.rig-top>.amp-hero{container-type:inline-size;min-height:0;aspect-ratio:3.3;overflow:visible;border-radius:12px;filter:drop-shadow(0 14px 12px #0007)}
.amp-choice{position:absolute;z-index:3;inset:3% 5% auto;width:90%;height:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#eee;text-shadow:0 1px 3px #000;font-family:Arial,sans-serif}
.amp-choice:hover,.amp-choice:active{background:transparent;border-color:transparent}.amp-choice:focus-visible{outline-offset:0}
.choice-kind{font-size:9px;letter-spacing:2px;font-weight:400;opacity:.72}.model-label{font-size:clamp(12px,1.3vw,20px);font-weight:600;line-height:1.2}.choice-hint{font-size:10px;font-weight:400;opacity:.65}
:is(.rig-top,.amp-collection-art) .amp-controls{inset:31% 7% 5%;position:absolute;display:flex;padding:0;gap:4px;align-items:center}
:is(.rig-top,.amp-collection-art) .amp-controls .control-label{font-size:1.4cqw;margin-bottom:1cqw}:is(.rig-top,.amp-collection-art) .amp-controls .dial,:is(.rig-top,.amp-collection-art) .amp-controls .dial-range{width:8.2cqw}:is(.rig-top,.amp-collection-art) .amp-controls .dial-range{font-size:1.15cqw}:is(.rig-top,.amp-collection-art) .amp-controls .readout{font-size:1.9cqw;margin-top:.5cqw}
.cabinet-hero{isolation:isolate;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-width:0;padding:22px;overflow:hidden;border:10px solid #252625;border-radius:15px;outline:1px solid #494c49;background:#171b1a;color:#dddcd3;box-shadow:inset 0 0 0 2px #77766b,0 14px 18px #0007;text-shadow:0 2px 4px #000;text-align:center}
.cabinet-hero:hover{background:#202622;outline-color:#b8c4b5}.cabinet-grille{position:absolute;inset:7px;z-index:-1;border:1px solid #77766b66;border-radius:3px;background:repeating-linear-gradient(0deg,#ad9d7220 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#c0b6932a 0 1px,#121816 1px 4px);box-shadow:inset 0 0 22px 12px #0009}
.cabinet-hero .model-label{padding:8px 10px;background:#141713e8;border:1px solid #989d8c70;border-radius:2px;font-size:clamp(11px,1.1vw,17px)}.cabinet-placeholder-note{position:absolute;bottom:12px;left:8px;right:8px;font-size:9px;color:#969d91;font-weight:400}.cabinet-hero[data-cabinet="10"] .cabinet-grille{opacity:.3}
.rig-effects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff14;padding:18px 0 8px;background:linear-gradient(180deg,#15191c20,#080c111c);--unit-height:220px}
.rig-slot{min-width:0;padding:0 12px 8px;text-align:center;border-right:1px solid #ffffff16}.rig-slot:last-child{border-right:0}.slot-category{text-align:left;padding-inline:10px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#9fa8aa;margin:0 0 10px}.slot-heading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:36px}.slot-heading select{min-width:0;width:auto;max-width:calc(100% - 36px);background-color:#161b20;border:1px solid #434b4e;border-radius:6px;padding:7px 30px 7px 10px;color:#dedfd9;font:12px Arial,sans-serif}
.rig-stage{height:calc(var(--unit-height) + 28px);display:flex;align-items:center;justify-content:center;min-width:0;position:relative}.rig-mount{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.rig-stage .pedal[data-effect]{flex:none;max-width:none;min-width:0;margin:0}.rig-stage .pedal .pedal-knob{min-width:0;min-height:0}.rig-effects .rig-stage .pedal .pedal-readout input{font-size:max(10px,3cqw);min-width:24px}.rig-effects .rig-stage .pedal[data-effect="vox-wah"] .pedal-readout{top:25cqw}.rig-effects .rig-stage .pedal[data-effect="vox-wah"] .pedal-readout input{width:25cqw}
/* Fade the whole effect artwork between its enabled and bypassed opacity. */
.rig-effects .pedal{opacity:1;transition:opacity .35s ease-out}
@media(prefers-reduced-motion:reduce){.rig-effects .pedal{transition:none}}
.rig-slot[data-bypassed="true"] .pedal{opacity:.22;filter:brightness(.8) saturate(.65)}.empty-slot{font-size:12px;color:#8e9899;line-height:1.7;border:1px dashed #79868b50;border-radius:12px;padding:32px 16px;max-width:90%}.rig-mount:empty{display:none}
.expression-settings .metal-module{padding:0;background:none;border:0;box-shadow:none;opacity:1;color:#e6e8ed;overflow:visible}.expression-settings .module-heading{margin:0 0 20px;flex-wrap:wrap}.expression-settings .module-title{color:#cbd3e2;font:600 13px Arial,sans-serif;text-transform:none}.expression-settings #expression-heading select{max-width:100%;font-size:12px}.expression-settings .control-row{gap:20px}.expression-settings .control,.expression-settings .dial-range{color:#cbd3e2}.expression-settings .dial:before{background:repeating-conic-gradient(from 224.4deg,#bac2d1 0deg 1.2deg,transparent 1.2deg 27deg)}
.model-dialog{max-width:960px;width:calc(100% - 40px)}.model-dialog h2{margin:0}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.model-card{min-width:0;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#11171b;border:1px solid #ffffff20;border-radius:8px;font-size:12px;line-height:1.5;color:#d2d8d7}.model-card:hover{border-color:#a1b6ba;background:#202b2d}.model-card[aria-pressed="true"]{border-color:#a7c4ab;box-shadow:inset 0 0 0 1px #a7c4ab;background:#26342b}.model-preview{display:block;width:100%;pointer-events:none}.model-preview.amp-hero{min-height:0;aspect-ratio:3.3;border-radius:4px;background-size:100% 100%;overflow:hidden}.cabinet-preview{height:92px;max-width:110px;border:8px solid #333632;border-radius:6px;box-shadow:inset 0 0 0 1px #b4aa7f70;background:repeating-linear-gradient(0deg,#b2a57940 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#b2a57930 0 1px,#171b16 1px 4px)}.cabinet-preview[data-cabinet="10"]{background:none;opacity:.35}
@media(max-width:1050px){.rig-top{grid-template-columns:minmax(0,3.3fr) minmax(0,1fr);gap:12px}.rig-effects{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.rig-slot:nth-child(2){border-right:0}.rig-slot:nth-child(-n+2){padding-bottom:20px;border-bottom:1px solid #ffffff16}.amp-choice{gap:2px}.choice-kind{font-size:8px}.choice-hint{font-size:9px}.cabinet-hero{padding:12px;border-width:7px;gap:6px}.cabinet-placeholder-note{font-size:8px;bottom:7px}.cabinet-hero .model-label{padding:5px;font-size:11px}.cabinet-hero>.choice-kind{display:none}}
@media(max-width:680px){.rig-top{grid-template-columns:1fr;gap:18px}.rig-top>.amp-hero{aspect-ratio:3.3;min-height:0;background-size:100% 100%}.rig-top>.cabinet-hero{width:180px;aspect-ratio:1;height:auto;justify-self:center}:is(.rig-top,.amp-collection-art) .amp-controls{inset:31% 7% 5%;gap:1px}:is(.rig-top,.amp-collection-art) .amp-controls .control-label{font-size:1.45cqw}.amp-choice .model-label{font-size:12px}.amp-choice .choice-kind{display:none}.amp-choice .choice-hint{font-size:8px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-dialog{padding:18px}.model-card{padding:12px 8px;font-size:11px}.cabinet-hero>.choice-kind{display:block}}
@media(max-width:520px){.rig-effects{grid-template-columns:1fr;row-gap:18px}.rig-slot{border-right:0;border-bottom:1px solid #ffffff16;padding-bottom:18px}.rig-slot:last-child{border-bottom:0}.rig-stage{height:calc(var(--unit-height) + 48px)}.rig-slot:nth-child(2){border-bottom:1px solid #ffffff16}}

/* Center the visible label, dial and scale as a group; values remain in hover text and slider metadata. */
#amp-controls .control .readout{display:none}

/* Tweed cabinets: stationary circular speakers behind a removable cloth layer. */
.cabinet-tweed-art{display:none;position:absolute;inset:0;pointer-events:none}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]){container-type:inline-size;isolation:isolate;border:0;outline:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible;filter:drop-shadow(0 14px 12px #0007)}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]) .cabinet-tweed-art,.cabinet-preview:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]) .cabinet-tweed-art{display:block}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]) :is(.cabinet-grille,.choice-kind,.choice-hint,.cabinet-placeholder-note){display:none}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]) .model-label{position:absolute;z-index:4;bottom:2.5%;left:50%;transform:translateX(-50%);width:max-content;max-width:70%;padding:2px 8px;font-size:clamp(10px,1vw,15px);line-height:1.2;color:#e5d4ac;background:#30251be8;border:1px solid #a6936870;border-radius:2px;text-shadow:0 1px 2px #000}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]):focus-visible{outline:2px solid #8caeff;outline-offset:3px}
.tweed-enclosure{position:absolute;inset:0;border:9.8cqw solid transparent;border-image-source:url('assets/cabinets/tweed-1x12/enclosure-v1.png');border-image-slice:150 fill;border-image-width:9.8cqw;border-image-repeat:stretch;filter:saturate(.72) brightness(.9)}
.tweed-speaker{position:absolute;z-index:1;left:14%;top:14%;width:72%;aspect-ratio:1;border-radius:50%;clip-path:circle(50%);background:url('assets/cabinets/tweed-1x12/speaker-12-v1.png') center/contain no-repeat;filter:brightness(.85);box-shadow:0 3px 12px #000b}
.tweed-grille{position:absolute;z-index:2;inset:10.3%;border-radius:1.5cqw;background:url('assets/cabinets/tweed-1x12/grille-v1.png') center/100% 100% no-repeat;opacity:.88;box-shadow:inset 0 0 12px 5px #0009;transition:opacity .25s ease}
.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]):focus-visible .tweed-grille{opacity:0}
@media(hover:hover){.cabinet-hero:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]):hover .tweed-grille{opacity:0}}
.cabinet-preview:is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"],[data-cabinet="4"],[data-cabinet="5"],[data-cabinet="6"],[data-cabinet="7"],[data-cabinet="8"],[data-cabinet="9"]){container-type:inline-size;position:relative;aspect-ratio:1;height:auto;border:0;border-radius:0;background:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.tweed-grille{transition:none}}

/* The 4×10 shares the exact enclosure/grille assets and calibrated rail width. */
.tweed-speaker-extra{display:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="1"] .tweed-speaker{display:block;width:34%;left:14%;top:14%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="1"] .tweed-speaker--2{left:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="1"] .tweed-speaker--3{top:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="1"] .tweed-speaker--4{left:52%;top:52%}

/* BLACK 2×10: black tolex, cream piping, silver cloth and two side-by-side drivers. */
:is(.cabinet-hero,.cabinet-preview):is([data-cabinet="2"],[data-cabinet="3"]) .tweed-enclosure{border-image-source:url('assets/cabinets/black-2x10/enclosure-v1.png');filter:none}
:is(.cabinet-hero,.cabinet-preview):is([data-cabinet="2"],[data-cabinet="3"]) .tweed-grille{background-image:url('assets/cabinets/black-2x10/grille-v1.png')}
:is(.cabinet-hero,.cabinet-preview):is([data-cabinet="2"],[data-cabinet="3"]) .tweed-speaker{width:36%;left:12%;top:32%}
:is(.cabinet-hero,.cabinet-preview):is([data-cabinet="2"],[data-cabinet="3"]) .tweed-speaker--2{display:block;left:52%}
.cabinet-hero:is([data-cabinet="2"],[data-cabinet="3"]) .model-label{color:#e7e4d7;background:#191a1be8;border-color:#c6c5bb70}

/* BLACK 2×12 shares the black frame, with larger drivers inside the same UI footprint. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="3"] .tweed-speaker{width:38%;left:11%;top:31%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="3"] .tweed-speaker--2{left:51%}

/* VOX AC15: fixed pale-linen header and badge, brown diamond cloth, one Blue driver. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="4"] .tweed-enclosure{border-image-source:url('assets/cabinets/vox-ac15/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="4"] .tweed-grille{inset:27% 10.6% 12%;background-image:url('assets/cabinets/vox-ac15/grille-v1.png');background-size:cover;background-position:center top;border-radius:1cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="4"] .tweed-speaker{width:58%;left:21%;top:28.5%;background-image:url('assets/cabinets/vox-ac15/speaker-blue-v1.png')}
.cabinet-hero[data-cabinet="4"] .model-label{color:#e0dcca;background:#39372edf;border-color:#b4ac8c80}

/* VOX AC30: black woven covering, fixed header/badge, two Blue Alnico fronts. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="5"] .tweed-enclosure{border-image-source:url('assets/cabinets/vox-ac30/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="5"] .tweed-grille{inset:27% 10.6% 12%;background-image:url('assets/cabinets/vox-ac30/grille-v1.png');background-size:cover;background-position:center top;border-radius:1cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="5"] .tweed-speaker{width:38%;left:11%;top:39%;background-image:url('assets/cabinets/vox-ac15/speaker-blue-v1.png')}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="5"] .tweed-speaker--2{display:block;left:51%}
.cabinet-hero[data-cabinet="5"] .model-label{color:#e9d7ac;background:#1b1a17ed;border-color:#b6a77a80}

/* VOX AD412: shared AC30 frame, lightly worn blue cloth and four neodymium-model drivers. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-enclosure{border-image-source:url('assets/cabinets/vox-ac30/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-grille{inset:27% 10.6% 12%;background-image:url('assets/cabinets/vox-ad412/grille-worn-v1.png');background-size:cover;background-position:center top;border-radius:1cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-speaker{display:block;width:27%;left:20.5%;top:28.5%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-speaker--2{left:52.5%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-speaker--3{top:60.5%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="6"] .tweed-speaker--4{left:52.5%;top:60.5%}
.cabinet-hero[data-cabinet="6"] .model-label{color:#e9d7ac;background:#1b1a17ed;border-color:#b6a77a80}

/* UK H30: vintage black tolex, brown basketweave and a baked Marshall script badge. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-enclosure{border-image-source:url('assets/cabinets/uk-h30/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-grille{inset:11% 10.3% 12%;background-image:url('assets/cabinets/uk-h30/grille-marshall-v1.png');background-size:cover;background-position:center;border-radius:1cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-speaker{display:block;width:34%;left:14%;top:14%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-speaker--2{left:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-speaker--3{top:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="7"] .tweed-speaker--4{left:52%;top:52%}
.cabinet-hero[data-cabinet="7"] .model-label{color:#eadfc6;background:#1c1915ed;border-color:#bba47480}

/* US V30: RECTO-family frame, open metal grille and attached Mesa/Boogie badge. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-enclosure{border-image-source:url('assets/cabinets/us-v30/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-grille{inset:10.3%;background-image:url('assets/cabinets/us-v30/grille-mesa-v1.png');background-size:100% 100%;border-radius:.5cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-speaker{display:block;width:34%;left:14%;top:14%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-speaker--2{left:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-speaker--3{top:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="9"] .tweed-speaker--4{left:52%;top:52%}
.cabinet-hero[data-cabinet="9"] .model-label{color:#eee9df;background:#17191bed;border-color:#a6a8aa80}

/* UK T75: black Marshall cloth, ivory script and lightly worn UK80-family rails. */
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-enclosure{border-image-source:url('assets/cabinets/uk-t75/enclosure-v1.png');border-image-slice:100 fill;filter:none}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-grille{inset:10.3%;background-image:url('assets/cabinets/uk-t75/grille-marshall-v1.png');background-size:100% 100%;border-radius:.5cqw}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-speaker{display:block;width:34%;left:14%;top:14%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-speaker--2{left:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-speaker--3{top:52%}
:is(.cabinet-hero,.cabinet-preview)[data-cabinet="8"] .tweed-speaker--4{left:52%;top:52%}
.cabinet-hero[data-cabinet="8"] .model-label{color:#eee9df;background:#17191bed;border-color:#a6a8aa80}

/* One shared Fender badge on the four existing Fender-family grille layers. */
:is(.cabinet-hero,.cabinet-preview):is([data-cabinet="0"],[data-cabinet="1"],[data-cabinet="2"],[data-cabinet="3"]) .tweed-grille::after{content:"";position:absolute;left:5%;top:5%;width:32%;aspect-ratio:3;background:url('assets/cabinets/fender-shared/script-badge-v1.png') center/contain no-repeat;filter:drop-shadow(0 1px 1px #0009);pointer-events:none}

/* Physical brand badges replace the amp header's model text; model names stay in the chooser. */
.amp-choice :is(.choice-kind,.model-label,.choice-hint){display:none}
.amp-brand{display:block;position:absolute;left:50%;top:15.5%;width:var(--brand-width,24%);height:20%;transform:translate(-50%,-50%);background:var(--brand-art) center/contain no-repeat;filter:drop-shadow(0 1px 1px #0008);pointer-events:none}
.amp-choice .amp-brand{top:50%;width:var(--brand-button-width,26.667%);height:80%}
.amp-hero:is([data-amp="0"],[data-amp="1"],[data-amp="2"],[data-amp="3"]){--brand-art:url('assets/theme/shared/brand-badges/vox-v1.png');--brand-width:16%;--brand-button-width:17.778%}
.amp-hero:is([data-amp="4"],[data-amp="5"],[data-amp="6"],[data-amp="7"],[data-amp="8"]){--brand-art:url('assets/theme/shared/brand-badges/marshall-v1.png')}
.amp-hero[data-amp="9"]{--brand-art:url('assets/theme/shared/brand-badges/mesa-boogie-v1.png')}
.amp-hero[data-amp="10"]{--brand-art:url('assets/theme/shared/brand-badges/soldano-v1.png')}
.amp-hero:is([data-amp="11"],[data-amp="12"]){--brand-art:url('assets/theme/shared/brand-badges/dumble-v1.png')}
.amp-hero:is([data-amp="13"],[data-amp="14"]){--brand-art:url('assets/cabinets/fender-shared/script-badge-v1.png')}

/* Center and contain badges within each artwork's actual upper panel. */
.amp-hero{--brand-panel-top:0%;--brand-panel-height:31%}
.amp-choice{top:var(--brand-panel-top);height:var(--brand-panel-height);padding:0}
.amp-brand{top:calc(var(--brand-panel-top) + var(--brand-panel-height)/2);height:calc(var(--brand-panel-height)*.7)}
.amp-choice .amp-brand{top:50%;height:70%}
.amp-hero[data-amp="0"]{--brand-panel-top:6%;--brand-panel-height:29.5%}
.amp-hero[data-amp="1"]{--brand-panel-top:3%;--brand-panel-height:25%}
.amp-hero[data-amp="2"]{--brand-panel-top:5%;--brand-panel-height:27%}
.amp-hero[data-amp="3"]{--brand-panel-top:5%;--brand-panel-height:26%}
.amp-hero[data-amp="4"]{--brand-panel-top:5%;--brand-panel-height:33%}
.amp-hero[data-amp="5"]{--brand-panel-top:4%;--brand-panel-height:26%}
.amp-hero[data-amp="6"]{--brand-panel-top:10%;--brand-panel-height:18%}
.amp-hero[data-amp="7"]{--brand-panel-top:11%;--brand-panel-height:19.5%}
.amp-hero[data-amp="8"]{--brand-panel-top:11%;--brand-panel-height:19.5%}
.amp-hero[data-amp="9"]{--brand-panel-top:12%;--brand-panel-height:25%}
.amp-hero[data-amp="10"]{--brand-panel-top:12%;--brand-panel-height:25%}
.amp-hero[data-amp="11"]{--brand-panel-top:0%;--brand-panel-height:29%}
.amp-hero[data-amp="12"]{--brand-panel-top:0%;--brand-panel-height:36.5%}
.amp-hero[data-amp="13"]{--brand-panel-top:0%;--brand-panel-height:24%}
.amp-hero[data-amp="14"]{--brand-panel-top:0%;--brand-panel-height:32%}
.amp-hero[data-amp="15"]{--brand-panel-top:0%;--brand-panel-height:32%}

/* An OFF cabinet shares the quiet empty-slot treatment used by effects. */
.cabinet-empty{display:none}
.cabinet-hero[data-cabinet="10"]{padding:0;border:0;outline:0;background:transparent;box-shadow:none;text-shadow:none;gap:0}
.cabinet-hero[data-cabinet="10"]:hover{background:transparent;outline:0}
.cabinet-hero[data-cabinet="10"] > :not(.cabinet-empty){display:none}
.cabinet-hero[data-cabinet="10"] > .cabinet-empty{display:block;font-weight:400}
.cabinet-hero[data-cabinet="10"]:hover > .cabinet-empty{border-color:#c3cbd780;color:#c3cbd7}
.cabinet-hero[data-cabinet="10"]:focus-visible{outline:2px solid #8caeff;outline-offset:3px}

/* Browse the existing collection without leaving the rig. */
.rig-stage > button.empty-slot{display:grid;place-items:center;width:min(160px,90%,var(--unit-height));height:auto;aspect-ratio:1;border-radius:50%;padding:16px;background:transparent;font-weight:400;margin:0}
.rig-stage > button.empty-slot:hover{border-color:#c3cbd780;color:#c3cbd7;background:#ffffff05}
.rig-stage > button.empty-slot[hidden]{display:none}
.effect-collection{width:calc(100% - 40px);max-width:1240px;padding:24px}
.effect-collection .dialog-heading{align-items:flex-start;gap:16px;margin-bottom:14px}
.effect-collection .dialog-heading p{margin:6px 0 0;color:#a5afb6}
:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain){margin:0 0 20px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}
:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain) button{font-size:12px;border-radius:20px;padding:8px 15px;background:#12171d}
:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain) button[aria-pressed="true"]{color:#e8eee9;background:#12171d}
#collection-message:empty{display:none}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.collection-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:20px;border:1px solid #ffffff20;border-radius:10px;background:#11171b}
.effect-collection .collection-category{margin:0;color:#99a7a9;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.collection-art{height:224px;display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 8px 20px;overflow:hidden}
.effect-collection .collection-card > h3{margin:8px 0 10px;font-size:18px;color:#e6e8e2}
.effect-collection .collection-description{margin:0 0 14px;font-size:12px;line-height:1.65;color:#bbc4c8}
.collection-card details{margin:0 0 20px;font-size:12px;color:#aebabc}
.collection-card summary{cursor:pointer;color:#d0d9d7}
.collection-card dl{margin:12px 0 0;line-height:1.6}.collection-card dt{font-weight:600;color:#d8dfdd}.collection-card dd{margin:2px 0 10px}
.collection-use{margin-top:auto;align-self:flex-start;padding:9px 18px}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.effect-collection{width:calc(100% - 20px);max-height:calc(100% - 20px);padding:16px}.collection-grid{grid-template-columns:1fr}.collection-card{padding:18px}:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain){gap:6px}:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain) button{padding:7px 11px}}

/* Wide Settings groups related controls into three columns. */
#delete-local-preset{flex:0 0 34px;width:34px;padding:0}
#preset-sync-key{width:100%;min-width:0;padding:9px 10px;border:1px solid #414957;border-radius:6px;background:#12161d;color:#e6e8ed;text-transform:none}
#settings-dialog{width:calc(100% - 48px);max-width:1180px;padding:24px 28px}
#settings-dialog button{height:32px;padding:7px 9px;font-size:12px;white-space:nowrap}
#settings-dialog .icon-button{width:32px;padding:0;font-size:24px}
#settings-dialog .dialog-heading{margin-bottom:24px}
.settings-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.settings-column{min-width:0}
.settings-column+.settings-column{border-left:1px solid #353b47;padding-left:28px}
.settings-section+.settings-section{border-top:1px solid #353b47;margin-top:18px;padding-top:16px}
#settings-dialog h3{font-size:14px;color:#e6e8ed;margin:0 0 14px}
#settings-dialog h4{font-size:11px;color:#a4adbd;font-weight:400;margin:20px 0 12px}
#settings-dialog label{margin-top:12px}
#settings-dialog .settings-noise{margin:12px 0}
#settings-dialog .settings-noise .control{max-width:102px}
#settings-dialog .settings-noise .control-label{margin-top:0}
#settings-dialog .settings-noise input.value{padding:3px 4px;border:0}
#settings-dialog .note{font-size:11px;line-height:1.5}
.settings-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#settings-dialog .settings-assignments label{margin-top:0}
.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #353b47;margin-top:24px;padding-top:18px}
#settings-dialog .settings-footer .dialog-actions{margin:0}
.settings-footer .note{margin:0}
@media(max-width:900px){
 #settings-dialog{padding:22px}
 .settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .settings-column+.settings-column{padding-left:24px}
 .settings-column:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #353b47;padding:22px 0 0}
}
@media(max-width:600px){
 #settings-dialog{width:calc(100% - 24px);max-height:calc(100% - 24px);padding:20px}
 .settings-columns{grid-template-columns:minmax(0,1fr);gap:22px}
 .settings-column+.settings-column{border-left:0;border-top:1px solid #353b47;padding:22px 0 0}
 .settings-footer{align-items:flex-end}
}
/* Keep the two settings knobs compact so the desktop dialog fits on screen. */
#settings-dialog .settings-noise .control{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 78px 58px;align-items:center;column-gap:12px}
#settings-dialog .settings-noise .control-label{grid-column:1;grid-row:1;text-align:left;white-space:normal;font:12px Arial,sans-serif}
#settings-dialog .settings-noise .dial{grid-column:2;grid-row:1;width:78px;margin:0}
#settings-dialog .settings-noise .dial-range{grid-column:2;grid-row:2;margin-top:0;width:78px}
#settings-dialog .settings-noise .readout{grid-column:3;grid-row:1;margin:0}
#settings-dialog .settings-noise .value{width:48px;font-size:18px}

#settings-dialog #expression-settings-title~.settings-assignments{margin-top:14px}

/* Retain expression target and range with a compact Settings presentation. */
#settings-dialog .expression-settings .module-heading{margin-bottom:12px;gap:8px}
#settings-dialog .expression-settings .module-title{font-size:14px;color:#e6e8ed}
#settings-dialog .expression-settings .control-label{margin:0 0 6px;font-size:11px}
#settings-dialog .expression-settings .dial{width:66px}
#settings-dialog .expression-settings .dial-range{width:66px}
#settings-dialog .expression-settings .control-row{gap:16px}
#settings-dialog .expression-settings .readout{font-size:16px}
#settings-dialog .expression-settings .note{margin-bottom:0}

#settings-dialog .dialog-heading{margin-bottom:18px}
#settings-dialog .settings-noise .control{grid-template-columns:minmax(0,1fr) 64px 58px}
#settings-dialog .settings-noise .dial,#settings-dialog .settings-noise .dial-range{width:64px}
#settings-dialog .expression-settings .dial,#settings-dialog .expression-settings .dial-range{width:54px}
#settings-dialog .settings-switches{display:flex;flex-wrap:wrap;gap:10px 14px;margin:4px 0 16px}
#settings-dialog .settings-switches .checkbox-label{margin:0}
#settings-dialog .settings-footer{margin-top:18px;padding-top:12px}

/* Per-model presets sit outside the pedal artwork. */
.effect-preset-bar{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin:8px auto 2px;max-width:300px}
.effect-preset-bar[hidden]{display:none}
.effect-preset-bar select{min-width:0;flex:1;width:0;padding:7px 34px 7px 10px;border:1px solid #434b4e;border-radius:6px;background-color:#161b20;font-size:12px}
.effect-preset-bar button{flex:none;font-size:12px;padding:7px 10px}
#effect-preset-dialog input[type=text],#chain-preset-name{text-transform:none}
.effect-preset-files{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #353b47;margin-top:20px;padding-top:16px}
#effect-preset-message:empty{display:none}

/* Reserve the preset toolbar's height within each grid row so units stay aligned. */
.rig-slot{display:flex;flex-direction:column}
.rig-slot .rig-stage{flex:none;margin-top:auto}
.rig-slot .slot-heading,.rig-slot .effect-preset-bar{flex-shrink:0}

/* Effect and preset menus share the remaining row width equally. */
.slot-heading{gap:6px;padding-inline:10px}
.slot-heading:has(.effect-preset-bar:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}
.slot-heading .effect-preset-bar{display:contents}
.slot-heading .effect-preset-bar[hidden]{display:none}
.slot-heading:has(.effect-preset-bar:not([hidden])) select{width:100%;min-width:0;max-width:none;padding-left:7px;padding-right:25px;background-position:right 8px center}
.slot-heading .effect-preset-bar button{padding:7px 8px}

/* Cabinet names use the same hover/accessibility treatment as the amp. */
.cabinet-hero .model-label{display:none}

/* Amp browsing shares the pedal collection cards and explicit selection action. */
:is(.amp-collection-card,.cabinet-collection-card)[data-selected="true"]{border-color:#9cb8a2;box-shadow:inset 0 0 0 1px #9cb8a240}
.amp-collection-art{display:flex;align-items:center;min-height:140px;width:100%;padding:16px 0;border:0;background:transparent;cursor:pointer}
.amp-collection-art:hover,.amp-collection-art:active{background:transparent}
.amp-collection-art:focus-visible{outline:2px solid #8caeff;outline-offset:2px}

/* Each miniature scales the same faceplate and hardware layout to its own width. */
.amp-collection-art .amp-hero{container-type:inline-size}
.amp-collection-art .amp-controls{gap:.35cqw}
.amp-collection-art .dial-range{margin-top:-.25cqw;padding:0 .1cqw}
.amp-collection-art .knob-skirt span{font-size:.6cqw}
.amp-collection-art .knob{filter:drop-shadow(.1cqw .25cqw .15cqw #000a)}
.amp-collection-art .control-label:after{display:none}
.amp-collection-art .amp-hero[data-amp="8"] .amp-eq-guide{font-size:.85cqw;height:1.2cqw;gap:1cqw}

/* Dialog form labels must not override the amp's own faceplate styling. */
.amp-collection-art .control-label{display:block;gap:normal;margin-top:0;color:inherit}

/* Cabinet collection uses the live enclosure, speakers and grille at card scale. */
.cabinet-collection-art{height:224px;display:flex;align-items:center;justify-content:center;padding:12px 8px 20px}
.cabinet-collection-art .cabinet-preview{width:100%;max-width:192px;flex:none}
.cabinet-collection-art .cabinet-preview[data-cabinet="10"]{display:grid;place-items:center;aspect-ratio:1;height:auto;border:1px dashed #79868b70;border-radius:12px;background:none;opacity:1;color:#8e9899;font:64px Arial,sans-serif;box-shadow:none}
.cabinet-collection-card:focus-within .tweed-grille{opacity:0}
@media(hover:hover){.cabinet-collection-art:hover .tweed-grille{opacity:0}}

.model-pairings{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 18px}
.effect-collection .model-pairings-heading{margin:0;font-size:11px;color:#99a7a9}
.model-pair-link{max-width:100%;padding:2px 0;border:0;border-radius:2px;background:transparent;color:#a8bfff;font:inherit;font-size:12px;line-height:1.5;text-align:left;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.model-pair-link:hover{background:transparent;color:#d5e1ff}

/* One centered library controls the complete effects row. */
.chain-preset-bar{width:min(760px,100%);justify-self:center;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0 auto -10px;text-align:center}
.chain-preset-main>label{flex:none;align-self:center;white-space:nowrap;text-align:left;font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:#b5c0c3}
.chain-preset-actions{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:24px;min-width:0}
.chain-preset-main{display:flex;align-items:center;flex-wrap:wrap;flex:1 1 380px;gap:8px;min-width:0}
.chain-preset-tools{display:flex;gap:8px;flex:none}
.chain-preset-actions select{flex:1;min-width:100px;width:0;padding:9px 34px 9px 12px;border:1px solid #4b585e;border-radius:6px;background-color:#151c22;color:#e1e8e7;font-size:13px}
.chain-preset-actions button{flex:none;padding:9px 14px;font-size:12px}
.chain-preset-bar>p{margin:0;font-size:10px;line-height:1.5;color:#8f9da3}
#chain-message:empty{display:none}
#chain-preset-dialog input[type=text]{width:100%;padding:9px 10px;border:1px solid #414957;border-radius:6px;background:#12161d;color:#eee}

/* Full-height editor view keeps a compact way back to the topbar. */
.header-view-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
#editor-topbar[hidden],#show-topbar[hidden]{display:none}
body.editor-fullscreen main{margin-block:0;padding-top:16px;min-height:100dvh}
#show-topbar{position:fixed;top:10px;right:10px;z-index:100;width:32px;height:32px;background:#191f29e8;box-shadow:0 2px 8px #0006}

/* JCM2000 prototype: reference-like groups using the seven real ToneLab controls. */
.amp-hero[data-amp="8"]{--amp-art:url('assets/theme/uk-modern/hero-panel-v4.png')}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls{inset:0;display:block}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls .amp-eq-guide{display:none}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls .control{position:absolute;left:var(--control-x);top:57%;width:5.5cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="8"] [data-amp-parameter="4"]{--control-x:37%}
.amp-hero[data-amp="8"] [data-amp-parameter="1"]{--control-x:43.3%}
.amp-hero[data-amp="8"] [data-amp-parameter="2"]{--control-x:49.6%}
.amp-hero[data-amp="8"] [data-amp-parameter="3"]{--control-x:55.9%}
.amp-hero[data-amp="8"] [data-amp-parameter="0"]{--control-x:66%}
.amp-hero[data-amp="8"] [data-amp-parameter="5"]{--control-x:74%}
.amp-hero[data-amp="8"] [data-amp-parameter="6"]{--control-x:85%}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls .dial{width:5.5cqw;transform:translateY(-50%)}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls .dial-range{position:absolute;left:0;top:2.3cqw;width:5.5cqw;margin:0;font-size:.65cqw;color:#29271f}
.amp-hero:is([data-amp="7"],[data-amp="8"]) .amp-controls .control-label{position:absolute;left:50%;top:3.5cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}

/* The red rocker is a temporary output mute, with a dimmed lens when off. */
.amp-power{display:none;position:absolute;z-index:4;left:6.5%;top:46.7%;width:5%;height:18.5%;padding:0;border:0;border-radius:2px;background:transparent}
.amp-hero:is([data-amp="7"],[data-amp="8"])>.amp-power:not([hidden]){display:block}
.amp-power:hover,.amp-power:active{background:transparent}
.amp-power[aria-checked="false"]:after{content:'';position:absolute;inset:17% 13%;border-radius:1px;background:linear-gradient(180deg,#2a0809ed,#080607e8);box-shadow:inset 0 1px 3px #000}
.amp-power:focus-visible{outline:2px solid #8caeff;outline-offset:2px}

/* JCM900: master pair, original EQ order, then preamp gain. */
.amp-hero[data-amp="7"]{--amp-art:url('assets/theme/uk90/hero-panel-v2.png')}
.amp-hero[data-amp="7"] .amp-lower-guide{display:none}
.amp-hero[data-amp="7"] [data-amp-parameter="6"]{--control-x:40%}
.amp-hero[data-amp="7"] [data-amp-parameter="5"]{--control-x:46.8%}
.amp-hero[data-amp="7"] [data-amp-parameter="4"]{--control-x:54.1%}
.amp-hero[data-amp="7"] [data-amp-parameter="3"]{--control-x:60.1%}
.amp-hero[data-amp="7"] [data-amp-parameter="2"]{--control-x:66.1%}
.amp-hero[data-amp="7"] [data-amp-parameter="1"]{--control-x:72.1%}
.amp-hero[data-amp="7"] [data-amp-parameter="0"]{--control-x:81.7%}
.amp-hero[data-amp="7"]>.amp-power:not([hidden]){left:5.2%;top:42%;width:5%;height:21%}

/* AC15 Channel II: original controls, extra EQ, then ToneLab output controls. */
.amp-hero[data-amp="0"]{--amp-art:url('assets/theme/ac15/hero-panel-v5.png')}
.amp-hero[data-amp="0"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="0"] .amp-controls .control{position:absolute;left:var(--control-x);top:60%;width:7cqw;height:0;flex:none;transform:translateX(-50%);color:#eee6d3}
.amp-hero[data-amp="0"] [data-amp-parameter="0"]{--control-x:24%}
.amp-hero[data-amp="0"] [data-amp-parameter="3"]{--control-x:33.3%}
.amp-hero[data-amp="0"] [data-amp-parameter="4"]{--control-x:42.6%}
.amp-hero[data-amp="0"] [data-amp-parameter="1"]{--control-x:52.6%}
.amp-hero[data-amp="0"] [data-amp-parameter="2"]{--control-x:60.6%}
.amp-hero[data-amp="0"] [data-amp-parameter="5"]{--control-x:70.2%}
.amp-hero[data-amp="0"] [data-amp-parameter="6"]{--control-x:78.2%}
.amp-hero[data-amp="0"] .amp-controls .dial{width:7cqw;transform:translateY(-50%)}
.amp-hero[data-amp="0"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:7cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="0"] .amp-controls .control-label{position:absolute;left:50%;top:4.2cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="0"]>.amp-power:not([hidden]){display:block;left:86.5%;top:48%;width:3.5%;height:30%}
.amp-hero[data-amp="0"]>.amp-power[aria-checked="false"]:after{content:none}

/* AC15 Top Boost: supported controls and reference-style interrupted VOX border. */
.amp-hero[data-amp="1"]{--amp-art:url('assets/theme/ac15tb/hero-panel-v3.png')}
.amp-hero[data-amp="1"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="1"] .amp-controls .control{position:absolute;left:var(--control-x);top:54%;width:6.5cqw;height:0;flex:none;transform:translateX(-50%);color:#e4d2ab}
.amp-hero[data-amp="1"] [data-amp-parameter="5"]{--control-x:21%}
.amp-hero[data-amp="1"] [data-amp-parameter="4"]{--control-x:29%}
.amp-hero[data-amp="1"] [data-amp-parameter="2"]{--control-x:39.55%}
.amp-hero[data-amp="1"] [data-amp-parameter="3"]{--control-x:51%}
.amp-hero[data-amp="1"] [data-amp-parameter="1"]{--control-x:61%}
.amp-hero[data-amp="1"] [data-amp-parameter="0"]{--control-x:71%}
.amp-hero[data-amp="1"] [data-amp-parameter="6"]{--control-x:81.45%}
.amp-hero[data-amp="1"] .amp-controls .dial{width:6.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="1"] .amp-controls .dial-range{position:absolute;left:0;top:2.8cqw;width:6.5cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="1"] .amp-controls .control-label{position:absolute;left:50%;top:3.8cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="1"]>.amp-power:not([hidden]){display:block;left:8%;top:50%;width:7.5%;height:14%}
.amp-hero[data-amp="1"]>.amp-power[aria-checked="false"]:after{content:none}

/* Match the pale AC15 cabinet’s silver VOX badge. */
.amp-hero[data-amp="0"] .amp-brand{filter:grayscale(1) brightness(1.2) drop-shadow(0 1px 1px #0008)}

/* AC30 Normal: one input and one power switch, seven real ToneLab controls. */
.amp-hero[data-amp="2"]{--amp-art:url('assets/theme/ac30/hero-panel-v2.png')}
.amp-hero[data-amp="2"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="2"] .amp-controls .control{position:absolute;left:var(--control-x);top:55.5%;width:7cqw;height:0;flex:none;transform:translateX(-50%);color:#f0e5d3}
.amp-hero[data-amp="2"] [data-amp-parameter="0"]{--control-x:21.3%}
.amp-hero[data-amp="2"] [data-amp-parameter="1"]{--control-x:32%}
.amp-hero[data-amp="2"] [data-amp-parameter="2"]{--control-x:41.7%}
.amp-hero[data-amp="2"] [data-amp-parameter="3"]{--control-x:51.4%}
.amp-hero[data-amp="2"] [data-amp-parameter="4"]{--control-x:61.1%}
.amp-hero[data-amp="2"] [data-amp-parameter="5"]{--control-x:70.8%}
.amp-hero[data-amp="2"] [data-amp-parameter="6"]{--control-x:80.5%}
.amp-hero[data-amp="2"] .amp-controls .dial{width:7cqw;transform:translateY(-50%)}
.amp-hero[data-amp="2"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:7cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="2"] .amp-controls .control-label{position:absolute;left:50%;top:4.2cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="2"]>.amp-power:not([hidden]){display:block;left:87.5%;top:46%;width:4.6%;height:28%}
.amp-hero[data-amp="2"]>.amp-power[aria-checked="false"]:after{content:none}

/* AC30 Top Boost: one input, grouped Volume/Tone controls and one extra Middle. */
.amp-hero[data-amp="3"]{--amp-art:url('assets/theme/ac30tb/hero-panel-v2.png')}
.amp-hero[data-amp="3"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="3"] .amp-controls .control{position:absolute;left:var(--control-x);top:59%;width:7cqw;height:0;flex:none;transform:translateX(-50%);color:#f2eedd}
.amp-hero[data-amp="3"] [data-amp-parameter="0"]{--control-x:21.8%}
.amp-hero[data-amp="3"] [data-amp-parameter="5"]{--control-x:29.75%}
.amp-hero[data-amp="3"] [data-amp-parameter="6"]{--control-x:37.7%}
.amp-hero[data-amp="3"] [data-amp-parameter="1"]{--control-x:48.4%}
.amp-hero[data-amp="3"] [data-amp-parameter="3"]{--control-x:56.9%}
.amp-hero[data-amp="3"] [data-amp-parameter="4"]{--control-x:65.4%}
.amp-hero[data-amp="3"] [data-amp-parameter="2"]{--control-x:77%}
.amp-hero[data-amp="3"] .amp-controls .dial{width:7cqw;transform:translateY(-50%)}
.amp-hero[data-amp="3"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:7cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="3"] .amp-controls .control-label{position:absolute;left:50%;top:4.2cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="3"]>.amp-power:not([hidden]){display:block;left:86.8%;top:49%;width:4%;height:29%}
.amp-hero[data-amp="3"]>.amp-power[aria-checked="false"]:after{content:none}

/* JTM45 High Treble: reference control order, one input and one power toggle. */
.amp-hero[data-amp="4"]{--amp-art:url('assets/theme/uk-blues/hero-panel-v6.png');--brand-art:url('assets/theme/uk-blues/marshall-block-plate-v1.png');--brand-width:22%;--brand-button-width:24.4444%}
.amp-hero[data-amp="4"] .amp-brand{transform:translate(-50%,-50%) scale(.85)}
.amp-hero[data-amp="4"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="4"] .amp-controls .control{position:absolute;left:var(--control-x);top:67.5%;width:7cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="4"] [data-amp-parameter="4"]{--control-x:27.71639%}
.amp-hero[data-amp="4"] [data-amp-parameter="3"]{--control-x:35.79650%}
.amp-hero[data-amp="4"] [data-amp-parameter="2"]{--control-x:43.43923%}
.amp-hero[data-amp="4"] [data-amp-parameter="1"]{--control-x:51.33517%}
.amp-hero[data-amp="4"] [data-amp-parameter="0"]{--control-x:60.17495%}
.amp-hero[data-amp="4"] [data-amp-parameter="5"]{--control-x:68.89963%}
.amp-hero[data-amp="4"] [data-amp-parameter="6"]{--control-x:77.02578%}
.amp-hero[data-amp="4"] .amp-controls .dial{width:7cqw;transform:translateY(-50%)}
.amp-hero[data-amp="4"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:7cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="4"] .amp-controls .control-label{position:absolute;left:50%;top:-5.35cqw;transform:translateX(-50%);margin:0;width:10cqw;height:1.6667cqw;color:transparent;text-shadow:none;background:none}
.amp-hero[data-amp="4"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="4"]>.amp-power:not([hidden]){display:block;left:11%;top:60%;width:10.5%;height:15%}
.amp-hero[data-amp="4"]>.amp-power[aria-checked="false"]:after{content:none}

/* Preserve the JTM45 artwork's native 2172:724 proportions and round hardware. */
.amp-hero[data-amp="4"]{aspect-ratio:3;background-size:contain;align-self:start}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="4"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Plexi High Treble: reference control order, one input and one power toggle. */
.amp-hero[data-amp="5"]{--amp-art:url('assets/theme/uk68p/hero-panel-v2.png')}
.amp-hero[data-amp="5"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="5"] .amp-controls .control{position:absolute;left:var(--control-x);top:68.5%;width:6.5cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="5"] [data-amp-parameter="4"]{--control-x:31%}
.amp-hero[data-amp="5"] [data-amp-parameter="3"]{--control-x:38%}
.amp-hero[data-amp="5"] [data-amp-parameter="2"]{--control-x:45%}
.amp-hero[data-amp="5"] [data-amp-parameter="1"]{--control-x:52%}
.amp-hero[data-amp="5"] [data-amp-parameter="0"]{--control-x:62%}
.amp-hero[data-amp="5"] [data-amp-parameter="5"]{--control-x:69%}
.amp-hero[data-amp="5"] [data-amp-parameter="6"]{--control-x:76%}
.amp-hero[data-amp="5"] .amp-controls .dial{width:6.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="5"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:6.5cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="5"] .amp-controls .control-label{position:absolute;left:50%;top:-5.1cqw;transform:translateX(-50%);margin:0;width:9.5cqw;height:1.5833cqw;color:transparent;text-shadow:none;background:var(--plexi-print) center/contain no-repeat}
.amp-hero[data-amp="5"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="5"]>.amp-power:not([hidden]){display:block;left:13.4%;top:62%;width:10.6%;height:15%}
.amp-hero[data-amp="5"]>.amp-power[aria-checked="false"]:after{content:none}


.amp-hero[data-amp="5"]{aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:4%;--brand-panel-height:42%}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="5"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* JCM800 Lead Series: signature-free, single input and lightly worn gold panel. */
.amp-hero[data-amp="6"]{--amp-art:url('assets/theme/uk80/hero-panel-v3.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:10%;--brand-panel-height:41%}
.amp-hero[data-amp="6"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="6"] .amp-controls .control{position:absolute;left:var(--control-x);top:75%;width:6cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="6"] [data-amp-parameter="4"]{--control-x:38.5%}
.amp-hero[data-amp="6"] [data-amp-parameter="3"]{--control-x:45%}
.amp-hero[data-amp="6"] [data-amp-parameter="2"]{--control-x:51.5%}
.amp-hero[data-amp="6"] [data-amp-parameter="1"]{--control-x:58%}
.amp-hero[data-amp="6"] [data-amp-parameter="5"]{--control-x:67%}
.amp-hero[data-amp="6"] [data-amp-parameter="0"]{--control-x:74%}
.amp-hero[data-amp="6"] [data-amp-parameter="6"]{--control-x:81%}
.amp-hero[data-amp="6"] .amp-controls .dial{width:6cqw;transform:translateY(-50%)}
.amp-hero[data-amp="6"] .amp-controls .dial-range{position:absolute;left:0;top:2.6cqw;width:6cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="6"] .amp-controls .control-label{position:absolute;left:50%;top:-4.7cqw;transform:translateX(-50%);margin:0;width:9cqw;height:1.5cqw;color:transparent;text-shadow:none;background:var(--jcm800-print) center/contain no-repeat}
.amp-hero[data-amp="6"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="6"]>.amp-power:not([hidden]){display:block;left:6.7%;top:60.4%;width:4.4%;height:17.6%}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="6"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Rectifier: seven larger live controls on one evenly spaced row. */
.amp-hero[data-amp="9"]{--amp-art:url('assets/theme/recto/hero-panel-v4.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:12%;--brand-panel-height:38%}
.amp-hero[data-amp="9"] .amp-brand{display:none}
.amp-hero[data-amp="9"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="9"] .amp-controls .control{position:absolute;left:var(--control-x);top:67.5%;width:6.5cqw;height:0;flex:none;transform:translateX(-50%);color:#e9e4d3}
.amp-hero[data-amp="9"] [data-amp-parameter="4"]{--control-x:67%}
.amp-hero[data-amp="9"] [data-amp-parameter="5"]{--control-x:76%}
.amp-hero[data-amp="9"] [data-amp-parameter="0"]{--control-x:31%}
.amp-hero[data-amp="9"] [data-amp-parameter="3"]{--control-x:58%}
.amp-hero[data-amp="9"] [data-amp-parameter="2"]{--control-x:49%}
.amp-hero[data-amp="9"] [data-amp-parameter="1"]{--control-x:40%}
.amp-hero[data-amp="9"] [data-amp-parameter="6"]{--control-x:85%}
.amp-hero[data-amp="9"] .amp-controls .dial{width:6.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="9"] .amp-controls .dial-range{position:absolute;left:0;top:2.8cqw;width:6.5cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="9"] .amp-controls .control-label{position:absolute;left:50%;top:3.8cqw;transform:translateX(-50%);margin:0;font-size:.85cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="9"]>.amp-power:not([hidden]){display:block;left:5.8%;top:64%;width:8.5%;height:12%}
.amp-hero[data-amp="9"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="9"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Overdrive Special: patterned amp chooser above the supported controls. */
.amp-hero[data-amp="11"]{--amp-art:url('assets/theme/boutique-od/hero-panel-v4.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:18%;--brand-panel-height:27%}
.amp-hero[data-amp="11"] .amp-brand{display:none}
.amp-hero[data-amp="11"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="11"] .amp-controls .control{position:absolute;left:var(--control-x);top:66%;width:6.5cqw;height:0;flex:none;transform:translateX(-50%);color:#eee8d8}
.amp-hero[data-amp="11"] [data-amp-parameter="0"]{--control-x:17%}
.amp-hero[data-amp="11"] [data-amp-parameter="1"]{--control-x:26%}
.amp-hero[data-amp="11"] [data-amp-parameter="2"]{--control-x:35%}
.amp-hero[data-amp="11"] [data-amp-parameter="3"]{--control-x:44%}
.amp-hero[data-amp="11"] [data-amp-parameter="5"]{--control-x:54%}
.amp-hero[data-amp="11"] [data-amp-parameter="6"]{--control-x:63%}
.amp-hero[data-amp="11"] [data-amp-parameter="4"]{--control-x:72%}
.amp-hero[data-amp="11"] .amp-controls .dial{width:6.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="11"] .amp-controls .dial-range{position:absolute;left:0;top:2.8cqw;width:6.5cqw;margin:0;font-size:.6cqw;color:inherit}
.amp-hero[data-amp="11"] .amp-controls .control-label{position:absolute;left:50%;top:3.8cqw;transform:translateX(-50%);margin:0;font-size:.75cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="11"]>.amp-power:not([hidden]){display:block;left:92.3%;top:61.9%;width:3%;height:25%}
.amp-hero[data-amp="11"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="11"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Dumble clean: orange suede chooser above a generous brushed-metal faceplate. */
.amp-hero[data-amp="12"]{--amp-art:url('assets/theme/boutique-cl/hero-panel-v4.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:6%;--brand-panel-height:29%}
.amp-hero[data-amp="12"]{--brand-art:url('assets/theme/boutique-cl/dumble-plate-v1.png');--brand-width:26%;--brand-button-width:28.8889%}
.amp-hero[data-amp="12"] .amp-brand{display:block}
.amp-hero[data-amp="12"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="12"] .amp-controls .control{position:absolute;left:var(--control-x);top:62%;width:7cqw;height:0;flex:none;transform:translateX(-50%);color:#242827}
.amp-hero[data-amp="12"] [data-amp-parameter="0"]{--control-x:16%}
.amp-hero[data-amp="12"] [data-amp-parameter="1"]{--control-x:25%}
.amp-hero[data-amp="12"] [data-amp-parameter="2"]{--control-x:34%}
.amp-hero[data-amp="12"] [data-amp-parameter="3"]{--control-x:43%}
.amp-hero[data-amp="12"] [data-amp-parameter="4"]{--control-x:53%}
.amp-hero[data-amp="12"] [data-amp-parameter="5"]{--control-x:62%}
.amp-hero[data-amp="12"] [data-amp-parameter="6"]{--control-x:71%}
.amp-hero[data-amp="12"] .amp-controls .dial{width:7cqw;transform:translateY(-50%)}
.amp-hero[data-amp="12"] .amp-controls .dial-range{position:absolute;left:0;top:3cqw;width:7cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="12"] .amp-controls .control-label{position:absolute;left:50%;top:4.2cqw;transform:translateX(-50%);margin:0;width:7cqw;height:1.3125cqw;color:transparent;text-shadow:none;background:var(--clean-print) center/contain no-repeat}
.amp-hero[data-amp="12"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="12"]>.amp-power:not([hidden]){display:block;left:89.8%;top:54%;width:4%;height:30%}
.amp-hero[data-amp="12"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="12"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Twin Reverb: small upper grille/badge and a larger worn blackface control panel. */
.amp-hero[data-amp="13"]{--amp-art:url('assets/theme/black-2x12/hero-panel-v2.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:12%;--brand-panel-height:29%;--brand-width:12%;--brand-button-width:13.333%}
.amp-hero[data-amp="13"] .amp-brand{left:14%}
.amp-hero[data-amp="13"] .amp-choice .amp-brand{left:10%}
.amp-hero[data-amp="13"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="13"] .amp-controls .control{position:absolute;left:var(--control-x);top:63.5%;width:6.5cqw;height:0;flex:none;transform:translateX(-50%);color:#e9e5d5}
.amp-hero[data-amp="13"] [data-amp-parameter="0"]{--control-x:16%}
.amp-hero[data-amp="13"] [data-amp-parameter="1"]{--control-x:25%}
.amp-hero[data-amp="13"] [data-amp-parameter="2"]{--control-x:34%}
.amp-hero[data-amp="13"] [data-amp-parameter="3"]{--control-x:43%}
.amp-hero[data-amp="13"] [data-amp-parameter="4"]{--control-x:53%}
.amp-hero[data-amp="13"] [data-amp-parameter="5"]{--control-x:62%}
.amp-hero[data-amp="13"] [data-amp-parameter="6"]{--control-x:71%}
.amp-hero[data-amp="13"] .amp-controls .dial{width:6.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="13"] .amp-controls .dial-range{display:none}
.amp-hero[data-amp="13"] .knob-skirt span{font-size:.6cqw}
.amp-hero[data-amp="13"] .amp-controls .control-label{position:absolute;left:50%;top:3.45cqw;transform:translateX(-50%);margin:0;width:6.5cqw;height:1.3965cqw;color:transparent;text-shadow:none;background:var(--twin-print) center/contain no-repeat}
.amp-hero[data-amp="13"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="13"] [data-amp-parameter="0"]{--twin-print:url('assets/theme/black-2x12/print-v1/volume.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="1"]{--twin-print:url('assets/theme/black-2x12/print-v1/treble.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="2"]{--twin-print:url('assets/theme/black-2x12/print-v1/middle.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="3"]{--twin-print:url('assets/theme/black-2x12/print-v1/bass.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="4"]{--twin-print:url('assets/theme/black-2x12/print-v1/bright.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="5"]{--twin-print:url('assets/theme/black-2x12/print-v1/vr-gain.png')}
.amp-hero[data-amp="13"] [data-amp-parameter="6"]{--twin-print:url('assets/theme/black-2x12/print-v1/ch-vol.png')}

.amp-hero[data-amp="13"]>.amp-power:not([hidden]){display:block;left:91.2%;top:57.5%;width:3.2%;height:22%}
.amp-hero[data-amp="13"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="13"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

.amp-model-year{margin:0;font-size:13px;line-height:1.3;color:#d7dbe5}
.amp-model-year strong{font-weight:700}

/* Tweed Deluxe: aged nickel, black pointers and a roomy seven-control panel. */
.amp-hero[data-amp="14"]{--amp-art:url('assets/theme/tweed-1x12/hero-panel-v3.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:5%;--brand-panel-height:25%}
.amp-hero[data-amp="14"] .amp-brand{display:none}
.amp-hero[data-amp="14"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="14"] .amp-controls .control{position:absolute;left:var(--control-x);top:61%;width:8.5cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="14"] [data-amp-parameter="0"]{--control-x:23%}
.amp-hero[data-amp="14"] [data-amp-parameter="1"]{--control-x:32.5%}
.amp-hero[data-amp="14"] [data-amp-parameter="2"]{--control-x:42%}
.amp-hero[data-amp="14"] [data-amp-parameter="3"]{--control-x:51.5%}
.amp-hero[data-amp="14"] [data-amp-parameter="4"]{--control-x:61%}
.amp-hero[data-amp="14"] [data-amp-parameter="5"]{--control-x:70.5%}
.amp-hero[data-amp="14"] [data-amp-parameter="6"]{--control-x:80%}
.amp-hero[data-amp="14"] .amp-controls .dial{width:8.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="14"] .amp-controls .dial-range{position:absolute;left:0;top:3.8cqw;width:8.5cqw;margin:0;font-size:.65cqw;color:inherit}
.amp-hero[data-amp="14"] .amp-controls .control-label{position:absolute;left:50%;top:4.9cqw;transform:translateX(-50%);margin:0;font-size:1cqw;line-height:1.1;color:inherit}
.amp-hero[data-amp="14"]>.amp-power:not([hidden]){display:block;left:9.8%;top:54%;width:7.2%;height:30%}
.amp-hero[data-amp="14"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="14"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Tweed Bassman: larger controls spread between the pilot and input. */
.amp-hero[data-amp="15"]{--brand-art:none;--amp-art:url('assets/theme/tweed-4x10/hero-panel-v3.png');aspect-ratio:3;background-size:contain;align-self:start;--brand-panel-top:5%;--brand-panel-height:25%}
.amp-hero[data-amp="15"] .amp-brand{display:none}
.amp-hero[data-amp="15"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="15"] .amp-controls .control{position:absolute;left:var(--control-x);top:61%;width:8.5cqw;height:0;flex:none;transform:translateX(-50%);color:#29271f}
.amp-hero[data-amp="15"] [data-amp-parameter="0"]{--control-x:22.5%}
.amp-hero[data-amp="15"] [data-amp-parameter="1"]{--control-x:32%}
.amp-hero[data-amp="15"] [data-amp-parameter="2"]{--control-x:41.5%}
.amp-hero[data-amp="15"] [data-amp-parameter="3"]{--control-x:51%}
.amp-hero[data-amp="15"] [data-amp-parameter="4"]{--control-x:60.5%}
.amp-hero[data-amp="15"] [data-amp-parameter="5"]{--control-x:70%}
.amp-hero[data-amp="15"] [data-amp-parameter="6"]{--control-x:79.5%}
.amp-hero[data-amp="15"] .amp-controls .dial{width:8.5cqw;transform:translateY(-50%)}
.amp-hero[data-amp="15"] .amp-controls .dial-range{position:absolute;left:0;top:3.8cqw;width:8.5cqw;margin:0;font-size:.65cqw;color:inherit}
@font-face{font-family:'Oswald';src:url('assets/fonts/oswald/Oswald-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
.amp-hero:is([data-amp="14"],[data-amp="15"]) .amp-controls .control-label{position:absolute;left:50%;top:4.9cqw;transform:translateX(-50%);margin:0;font-family:Arial,sans-serif;font-weight:400;font-stretch:normal;font-size:1.298cqw;line-height:1.1;color:#fff}
.amp-hero:is([data-amp="14"],[data-amp="15"]) .amp-controls .control-label:after{content:attr(data-print-label) / '';display:block;position:absolute;inset:0;font:inherit;letter-spacing:inherit;white-space:inherit;background:url('assets/theme/tweed-4x10/knob-grime.png') center/8cqw auto;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:.14;mix-blend-mode:normal;pointer-events:none}
.amp-hero[data-amp="15"]>.amp-power:not([hidden]){display:block;left:9%;top:43.105%;width:6.8%;height:30%}
.amp-hero[data-amp="15"]>.amp-power[aria-checked="false"]:after{content:none}
@media(min-width:681px){.rig-top:has(>.amp-hero[data-amp="15"]){grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}

/* Transparent dark ink labels matched to the Deluxe's printed POWER/ON/INPUT. */
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="0"]{--fender-print:url('assets/theme/shared/fender-print/volume.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="1"]{--fender-print:url('assets/theme/shared/fender-print/treble.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="2"]{--fender-print:url('assets/theme/shared/fender-print/middle.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="3"]{--fender-print:url('assets/theme/shared/fender-print/bass.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="4"]{--fender-print:url('assets/theme/shared/fender-print/presence.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="5"]{--fender-print:url('assets/theme/shared/fender-print/vr-gain.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) [data-amp-parameter="6"]{--fender-print:url('assets/theme/shared/fender-print/ch-vol.png')}
.amp-hero:is([data-amp="14"],[data-amp="15"]) .amp-controls .control-label{width:8.3cqw;height:1.844cqw;color:transparent;background:var(--fender-print) center/contain no-repeat;text-shadow:none}
.amp-hero:is([data-amp="14"],[data-amp="15"]) .amp-controls .control-label:after{display:none}

/* Mesa light screen-print assets: same regular lettering and worn alpha as Fender. */
.amp-hero[data-amp="9"] [data-amp-parameter="0"]{--mesa-print:url('assets/theme/shared/mesa-print/gain.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="1"]{--mesa-print:url('assets/theme/shared/mesa-print/treble.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="2"]{--mesa-print:url('assets/theme/shared/mesa-print/middle.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="3"]{--mesa-print:url('assets/theme/shared/mesa-print/bass.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="4"]{--mesa-print:url('assets/theme/shared/mesa-print/presence.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="5"]{--mesa-print:url('assets/theme/shared/mesa-print/vr-gain.png?v=chipped-2')}
.amp-hero[data-amp="9"] [data-amp-parameter="6"]{--mesa-print:url('assets/theme/shared/mesa-print/ch-vol.png?v=chipped-2')}
.amp-hero[data-amp="9"] .amp-controls .control-label{width:6.5cqw;height:1.4444cqw;font-family:Arial,sans-serif;font-weight:400;color:transparent;text-shadow:none;background:var(--mesa-print) center/contain no-repeat}
.amp-hero[data-amp="9"] .amp-controls .control-label:after{display:none}

/* Soldano: contracted control row clears the input and pilot hardware. */
.amp-hero[data-amp="10"]{--amp-art:url('assets/theme/us-highgain/hero-black-v1.png');aspect-ratio:3;background-size:100% 100%;align-self:start}
.amp-hero[data-amp="10"] .amp-brand{display:none}
.amp-hero[data-amp="10"]>.amp-power:not([hidden]){display:block;left:90.55%;top:60.55%;width:3.1%;height:22%;border-radius:2px}
.amp-hero[data-amp="10"]>.amp-power[aria-checked="false"]:after{inset:auto;left:20%;top:8.455%;width:1.86cqw;height:1.86cqw;border-radius:50%;background:#050c19f5;box-shadow:inset 0 1px 3px #000}
.amp-hero[data-amp="10"] .amp-controls{inset:0;display:block}
.amp-hero[data-amp="10"] .amp-controls .control{position:absolute;left:var(--soldano-x);top:65.7%;width:8.2cqw;height:0;transform:translateX(-50%);color:#302b28}
.amp-hero[data-amp="10"] .amp-controls .dial{width:8.2cqw;transform:translateY(-50%)}
.amp-hero[data-amp="10"] .amp-controls .control-label{position:absolute;left:50%;top:4.5cqw;transform:translateX(-50%);width:8.2cqw;height:1.8222cqw;margin:0;color:transparent;background:var(--soldano-print) center/contain no-repeat;text-shadow:none}
.amp-hero[data-amp="10"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="10"] [data-amp-parameter="0"]{--soldano-x:17.00000%;--soldano-print:url('assets/theme/shared/soldano-print/gain.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="1"]{--soldano-x:28.00000%;--soldano-print:url('assets/theme/shared/soldano-print/treble.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="2"]{--soldano-x:39.00000%;--soldano-print:url('assets/theme/shared/soldano-print/middle.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="3"]{--soldano-x:50.00000%;--soldano-print:url('assets/theme/shared/soldano-print/bass.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="4"]{--soldano-x:61.00000%;--soldano-print:url('assets/theme/shared/soldano-print/presence.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="5"]{--soldano-x:72.00000%;--soldano-print:url('assets/theme/shared/soldano-print/vr-gain.png')}
.amp-hero[data-amp="10"] [data-amp-parameter="6"]{--soldano-x:83.00000%;--soldano-print:url('assets/theme/shared/soldano-print/ch-vol.png')}

/* Reuse the Mesa's photographed hex nut and toggle through a circular CSS crop. */

/* Only the artwork is masked: controls, switches and focus rings stay unclipped. */
.amp-hero{background-image:none}
.amp-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--amp-art) center/100% 100% no-repeat;mask-image:var(--amp-corner-mask,none);mask-size:100% 100%;mask-repeat:no-repeat}

.amp-hero[data-amp="12"] [data-amp-parameter="0"]{--clean-print:url('assets/theme/boutique-cl/print-v2/gain.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="1"]{--clean-print:url('assets/theme/boutique-cl/print-v2/treble.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="2"]{--clean-print:url('assets/theme/boutique-cl/print-v2/middle.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="3"]{--clean-print:url('assets/theme/boutique-cl/print-v2/bass.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="4"]{--clean-print:url('assets/theme/boutique-cl/print-v2/presence.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="5"]{--clean-print:url('assets/theme/boutique-cl/print-v2/vr-gain.png')}
.amp-hero[data-amp="12"] [data-amp-parameter="6"]{--clean-print:url('assets/theme/boutique-cl/print-v2/ch-vol.png')}

/* Approved raster sci-fi print, slightly translucent against the chrome. */
.amp-hero[data-amp="12"] .amp-controls .control-label{opacity:.97;height:1.5039cqw}
.amp-hero[data-amp="12"] .amp-controls:after{content:'';position:absolute;left:81.4%;top:70.5%;width:11%;height:15%;transform:translate(-50%,-50%);background:url('assets/theme/boutique-cl/print-v2/model-name.png') center/contain no-repeat;opacity:.97;pointer-events:none}


.amp-hero[data-amp="5"] [data-amp-parameter="0"]{--plexi-print:url('assets/theme/uk68p/print-v1/high-treble.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="1"]{--plexi-print:url('assets/theme/uk68p/print-v1/treble.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="2"]{--plexi-print:url('assets/theme/uk68p/print-v1/middle.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="3"]{--plexi-print:url('assets/theme/uk68p/print-v1/bass.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="4"]{--plexi-print:url('assets/theme/uk68p/print-v1/presence.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="5"]{--plexi-print:url('assets/theme/uk68p/print-v1/vr-gain.png')}
.amp-hero[data-amp="5"] [data-amp-parameter="6"]{--plexi-print:url('assets/theme/uk68p/print-v1/ch-vol.png')}

.amp-hero[data-amp="6"] [data-amp-parameter="0"]{--jcm800-print:url('assets/theme/uk80/print-v1/preamp.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="1"]{--jcm800-print:url('assets/theme/uk80/print-v1/treble.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="2"]{--jcm800-print:url('assets/theme/uk80/print-v1/middle.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="3"]{--jcm800-print:url('assets/theme/uk80/print-v1/bass.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="4"]{--jcm800-print:url('assets/theme/uk80/print-v1/presence.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="5"]{--jcm800-print:url('assets/theme/uk80/print-v1/vr-gain.png')}
.amp-hero[data-amp="6"] [data-amp-parameter="6"]{--jcm800-print:url('assets/theme/uk80/print-v1/ch-vol.png')}

/* JCM900 retains its bracketed layout, using the JCM800 raster print. */
.amp-hero[data-amp="7"] .amp-controls .control-label{position:absolute;left:50%;top:3.5cqw;transform:translateX(-50%);margin:0;width:9cqw;height:1.5cqw;color:transparent;text-shadow:none;background:var(--jcm900-print) center/contain no-repeat}
.amp-hero[data-amp="7"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="7"] [data-amp-parameter="0"]{--jcm900-print:url('assets/theme/uk80/print-v1/gain.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="1"]{--jcm900-print:url('assets/theme/uk80/print-v1/treble.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="2"]{--jcm900-print:url('assets/theme/uk80/print-v1/middle.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="3"]{--jcm900-print:url('assets/theme/uk80/print-v1/bass.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="4"]{--jcm900-print:url('assets/theme/uk80/print-v1/presence.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="5"]{--jcm900-print:url('assets/theme/uk80/print-v1/vr-gain.png')}
.amp-hero[data-amp="7"] [data-amp-parameter="6"]{--jcm900-print:url('assets/theme/uk80/print-v1/ch-vol.png')}

/* JCM2000: balanced brass-panel group, with close-set italic raster captions. */
.amp-hero[data-amp="8"] .amp-controls .control{top:62%}
.amp-hero[data-amp="8"] .amp-controls .control-label{position:absolute;left:50%;top:2.85cqw;transform:translateX(-50%);margin:0;width:8.4cqw;height:1.05cqw;color:transparent;text-shadow:none;background:var(--jcm2000-print) center/contain no-repeat}
.amp-hero[data-amp="8"] .amp-controls .control-label:after{display:none}
.amp-hero[data-amp="8"] [data-amp-parameter="0"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/gain.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="1"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/treble.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="2"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/middle.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="3"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/bass.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="4"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/presence.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="5"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/vr-gain.png')}
.amp-hero[data-amp="8"] [data-amp-parameter="6"]{--jcm2000-print:url('assets/theme/uk-modern/print-v1/ch-vol.png')}

/* Compact, centered preset row with grouped right-hand actions. */
#editor-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:7px 20px;background:rgb(25 28 35 / 88%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#editor-topbar .title{min-width:0;gap:2px}
#editor-topbar .title strong{font-size:15px}
#editor-topbar .header-status{max-width:230px;font-size:10px}
.topbar-presets{width:370px;max-width:100%;display:flex;flex-direction:row;gap:24px;justify-self:center;min-width:0}
#editor-topbar .preset-controls{display:flex;align-items:center;gap:9px;min-width:0;max-width:none;flex:1 1 0;order:initial}
#editor-topbar .preset-controls[hidden]{display:none}
#editor-topbar .preset-controls>label{margin:0;flex:none;font-size:10px;white-space:nowrap}
#editor-topbar .preset-actions{min-width:0;flex:1;gap:6px}
#editor-topbar .preset-actions select{height:32px;padding:6px 26px 6px 9px}
#editor-topbar .preset-actions button{flex-basis:58px;height:32px;padding:5px 9px;font-size:12px}
.topbar-actions{display:flex;justify-self:end;align-items:center;gap:8px;min-width:0}
#editor-topbar nav{order:initial;flex-basis:auto;flex-wrap:nowrap;margin:0;gap:6px}
#editor-topbar nav button{padding:7px 9px;white-space:nowrap;height:32px}
#editor-topbar .header-view-actions{margin:0;gap:6px}
#editor-topbar .icon-button{width:32px;height:32px}
@media(max-width:1100px){
 #editor-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
 .topbar-presets{grid-column:1/-1;grid-row:2}
}
@media(max-width:620px){
 #editor-topbar{display:flex;flex-wrap:wrap;padding:8px 12px;gap:8px}
 #editor-topbar .title{flex:1;order:0}
 #editor-topbar .title strong{font-size:14px}
 .topbar-actions{display:contents}
 #editor-topbar .header-view-actions{order:1;margin-left:auto}
 .topbar-presets{order:2;flex-basis:100%;width:100%}
 #editor-topbar .preset-controls{flex-basis:auto}
 #editor-topbar nav{order:3;flex-basis:100%;justify-content:flex-end}
}

.amp-hero[data-amp="8"]>.amp-power{top:50.2%}

/* AC15: stationary mounting hardware, separate two-position lever. */
.ac15-toggle{display:none}
.amp-hero:is([data-amp="0"],[data-amp="1"],[data-amp="2"],[data-amp="3"],[data-amp="4"],[data-amp="5"],[data-amp="9"],[data-amp="10"],[data-amp="11"],[data-amp="12"],[data-amp="13"],[data-amp="14"],[data-amp="15"]) .ac15-toggle{display:block;position:absolute;left:-32.86%;top:46.67%;width:5.43cqw;aspect-ratio:1;pointer-events:none}
.ac15-switch-layer{position:absolute;inset:0;background:center/contain no-repeat}
.ac15-switch-mount{background-image:url('assets/theme/ac15/switches/toggle-mount-v1.png');filter:drop-shadow(0 .075cqw .075cqw #000a)}
.ac15-switch-up{background-image:url('assets/theme/ac15/switches/toggle-up-v1.png');transform:translate(3%,-1.5%)}
.ac15-switch-down{background-image:url('assets/theme/ac15/switches/toggle-down-v1.png');transform:translate(3.5%,0)}
.amp-power[aria-checked="true"] .ac15-switch-up,.amp-power[aria-checked="false"] .ac15-switch-down{visibility:hidden}

/* Matched photographic pilot states share identical rim and surroundings. */
.ac15-pilot{display:none}
.amp-hero:is([data-amp="0"],[data-amp="1"],[data-amp="2"],[data-amp="3"],[data-amp="5"],[data-amp="9"],[data-amp="11"],[data-amp="12"],[data-amp="13"],[data-amp="14"],[data-amp="15"]) .ac15-pilot{display:block;position:absolute;left:-27.335%;top:18.6375%;width:5.3407cqw;height:auto;aspect-ratio:1;transform:translateY(-50%);background:url('assets/theme/ac15/lamps/pilot-on-v2.png') center/contain no-repeat;pointer-events:none}
.amp-hero:is([data-amp="0"],[data-amp="1"],[data-amp="2"],[data-amp="3"],[data-amp="5"],[data-amp="9"],[data-amp="11"],[data-amp="12"],[data-amp="13"],[data-amp="14"],[data-amp="15"]) .amp-power[aria-checked="false"] .ac15-pilot{background-image:url('assets/theme/ac15/lamps/pilot-off-v2.png')}

/* Remaining VOX panels reuse the AC15 transparent hardware, fitted to their original positions. */
.amp-hero[data-amp="1"] .ac15-toggle{left:36.7%;top:7.57%;width:4.56cqw}
.amp-hero[data-amp="1"] .ac15-pilot{left:-9.24%;top:55.17%;width:3.94cqw}
.amp-hero[data-amp="2"] .ac15-toggle{left:-2.78%;top:-2.36%;width:4.7cqw}
.amp-hero[data-amp="2"] .ac15-pilot{left:2.5%;top:81.57%;width:4.42cqw}
.amp-hero[data-amp="3"] .ac15-toggle{left:-13.3%;top:.48%;width:4.7cqw}
.amp-hero[data-amp="3"] .ac15-pilot{left:-9%;top:80.62%;width:4.56cqw}

/* Fender panels share the transparent pilot and the two-position toggle where present. */
.amp-hero[data-amp="13"] .ac15-pilot{left:-26.4%;top:22.407%;width:4.74cqw}
.amp-hero[data-amp="13"] .ac15-toggle{left:-10.25%;top:49.76%;width:3.56cqw}
.amp-hero[data-amp="14"] .ac15-toggle{left:-10.403%;top:.897%;width:5.11cqw}
.amp-hero[data-amp="14"] .ac15-pilot{left:-8.847%;top:82.7%;width:5.11cqw}
.amp-hero[data-amp="15"] .ac15-toggle{left:-13.632%;top:.897%;width:5.11cqw}
.amp-hero[data-amp="15"] .ac15-pilot{left:-11.985%;top:82.7%;width:5.11cqw}

/* Collection windows and filters stay fixed; only their results scroll. */
:is(#model-dialog,#effect-collection)[open]{--collection-dialog-gap:24px;position:fixed;top:var(--collection-dialog-gap);bottom:auto;margin:0 auto;height:calc(100dvh - 2 * var(--collection-dialog-gap));max-height:calc(100dvh - 2 * var(--collection-dialog-gap));display:flex;flex-direction:column;overflow:hidden}
:is(#model-dialog,#effect-collection)>.dialog-heading,:is(#amp-brands,#cabinet-brands,#collection-categories,#collection-message){flex:none}
:is(#amp-brands,#cabinet-brands,#collection-categories){order:0}
:is(#model-grid,#collection-grid){flex:1;min-height:0;overflow:auto;align-content:start;scrollbar-gutter:stable}
@media(max-width:600px){:is(#model-dialog,#effect-collection)[open]{--collection-dialog-gap:10px}}

#model-dialog>.dialog-heading{flex-wrap:wrap}
#model-dialog>.dialog-heading>div:first-child{flex:1 1 240px;min-width:0}
.model-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}
.cabinet-power{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;background:transparent;border-color:#46534f;font-size:12px;white-space:nowrap}
.cabinet-power-track{position:relative;width:34px;height:20px;border-radius:12px;background:#343b43;box-shadow:inset 0 1px 3px #0006}
.cabinet-power-track:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#d2d9d6}
.cabinet-power[aria-checked="true"] .cabinet-power-track{background:#5e8169}
.cabinet-power[aria-checked="true"] .cabinet-power-track:after{left:17px;background:#edf3ee}
#cabinet-power-state{width:18px;text-align:left}

.collection-image-select{display:block;width:100%;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}
.collection-image-select:hover,.collection-image-select:active{background:transparent}
.collection-image-select .collection-art{pointer-events:none}

button.cabinet-collection-art{width:100%;border:0;border-radius:8px;background:transparent;cursor:pointer}
button.cabinet-collection-art:hover,button.cabinet-collection-art:active{background:transparent}

.amp-hero[data-amp="4"] .ac15-toggle{left:-8.81%;top:-.7%;width:5.39cqw}

.amp-hero[data-amp="9"] .ac15-toggle{left:-8.75%;top:-6.75%;width:4.72cqw}
.amp-hero[data-amp="10"] .ac15-toggle{left:-7.26%;top:49.93%;width:3.4cqw}

.amp-hero[data-amp="9"] .ac15-pilot{left:47.59%;top:49.08%;width:5.11cqw}

.amp-hero[data-amp="11"] .ac15-pilot{left:-25.333%;top:17.8%;width:4.42cqw}
.amp-hero[data-amp="11"] .ac15-toggle{left:-17.787%;top:48.031%;width:3.8cqw}
.amp-hero[data-amp="12"] .ac15-pilot{left:-13.875%;top:82.7%;width:5.11cqw}
.amp-hero[data-amp="12"] .ac15-toggle{left:-16.7%;top:.897%;width:5.11cqw}

/* Bassman hardware centers within the silver panel; print is extracted from the Deluxe. */
.bassman-panel-print{display:none}
.amp-hero[data-amp="15"] .bassman-panel-print{display:block;position:absolute;inset:0;pointer-events:none}
.bassman-panel-print>span{position:absolute;display:block;background:center/contain no-repeat;transform:translateX(-50%)}
.bassman-panel-print>.bassman-power-print{left:10.74%;top:36.06%;width:5.525cqw;aspect-ratio:120/45;background-image:url('assets/theme/tweed-4x10/panel-print-v1/power.png')}
.bassman-panel-print>.bassman-on-print{left:10.74%;top:57.75%;width:3.223cqw;aspect-ratio:70/40;background-image:url('assets/theme/tweed-4x10/panel-print-v1/on.png')}
.bassman-panel-print>.bassman-input-print{left:87.75%;top:68.37%;width:5.525cqw;aspect-ratio:120/45;background-image:url('assets/theme/tweed-4x10/panel-print-v1/input.png')}

/* JCM power and standby share the same state; each remains a separate hit target. */
.amp-standby,.marshall-rocker{display:none}
.amp-standby{position:absolute;z-index:4;padding:0;border:0;border-radius:2px;background:transparent}
.amp-standby:hover,.amp-standby:active{background:transparent}
.amp-standby:focus-visible{outline:2px solid #8caeff;outline-offset:2px}
.amp-hero:is([data-amp="6"],[data-amp="7"],[data-amp="8"])>.amp-standby:not([hidden]){display:block}
.amp-hero:is([data-amp="6"],[data-amp="7"],[data-amp="8"]) .marshall-rocker{display:block;position:absolute;inset:0;pointer-events:none}
.marshall-rocker-layer{position:absolute;inset:0;background:center/contain no-repeat}
.marshall-rocker-red .marshall-rocker-on{background-image:url('assets/theme/shared/marshall-rockers/red-on-v1.png')}
.marshall-rocker-red .marshall-rocker-off{background-image:url('assets/theme/shared/marshall-rockers/red-off-v1.png')}
.marshall-rocker-black .marshall-rocker-on{background-image:url('assets/theme/shared/marshall-rockers/black-on-v1.png')}
.marshall-rocker-black .marshall-rocker-off{background-image:url('assets/theme/shared/marshall-rockers/black-off-v1.png')}
:is(.amp-power,.amp-standby)[aria-checked="true"] .marshall-rocker-off,:is(.amp-power,.amp-standby)[aria-checked="false"] .marshall-rocker-on{visibility:hidden}
.amp-hero:is([data-amp="6"],[data-amp="7"],[data-amp="8"])>.amp-power:after{content:none}
.amp-hero[data-amp="6"]>.amp-power:not([hidden]),.amp-hero[data-amp="6"]>.amp-standby:not([hidden]){top:59.75%;width:5.134%;height:auto;aspect-ratio:672/832}
.amp-hero[data-amp="6"]>.amp-power:not([hidden]){left:6.293%}
.amp-hero[data-amp="6"]>.amp-standby:not([hidden]){left:12.123%}
.amp-hero[data-amp="7"]>.amp-power:not([hidden]),.amp-hero[data-amp="7"]>.amp-standby:not([hidden]){top:40.16%;width:5.878%;height:auto;aspect-ratio:672/832}
.amp-hero[data-amp="7"]>.amp-power:not([hidden]){left:4.776%}
.amp-hero[data-amp="7"]>.amp-standby:not([hidden]){left:11.075%}
.amp-hero[data-amp="8"]>.amp-power:not([hidden]),.amp-hero[data-amp="8"]>.amp-standby:not([hidden]){top:48.8814%;width:5.1%;height:auto;aspect-ratio:672/832}
.amp-hero[data-amp="8"]>.amp-power:not([hidden]){left:6.4345%}
.amp-hero[data-amp="8"]>.amp-standby:not([hidden]){left:12.0985%}

/* Classic Marshall pilot lamps: square JTM45 and round Plexi, using image states. */
.jtm45-pilot{display:none}
.amp-hero[data-amp="4"] .jtm45-pilot{display:block;position:absolute;left:58.95%;top:47.53%;width:4.2cqw;aspect-ratio:1;transform:translateY(-50%);background:url('assets/theme/shared/marshall-square-pilot/on-v1.png') center/contain no-repeat;pointer-events:none}
.amp-hero[data-amp="4"] .amp-power[aria-checked="false"] .jtm45-pilot{background-image:url('assets/theme/shared/marshall-square-pilot/off-v1.png')}
.amp-hero[data-amp="5"] .ac15-toggle{left:-6.49%;top:-2.33%;width:5.11cqw}
.amp-hero[data-amp="5"] .ac15-pilot{left:66.13%;top:47.67%;width:3.94cqw}

.slot-title{display:flex;align-items:center;justify-content:space-between;padding-inline:10px;margin-bottom:10px;min-height:24px}
.slot-title>.slot-category{margin:0;padding:0}
.effect-expand{display:grid;place-items:center;width:26px;height:24px;padding:3px;border:1px solid #58646866;border-radius:4px;color:#abb8bb;background:transparent}
.effect-expand:disabled{opacity:.25}
#effect-zoom-dialog{position:fixed;top:24px;bottom:auto;margin:0 auto;width:calc(100% - 48px);max-width:1100px;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);padding:20px 24px;overflow:hidden}
#effect-zoom-dialog[open]{display:flex;flex-direction:column}
#effect-zoom-dialog>.dialog-heading{flex:none;gap:16px;margin-bottom:8px}
#effect-zoom-dialog h2{margin:0;font-size:20px}
#effect-zoom-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
#effect-zoom-mount{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
#effect-zoom-mount>.pedal{flex:none;max-width:none;margin:0}
@media(max-width:600px){#effect-zoom-dialog{top:10px;width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:14px 10px}}

#effect-zoom-chain{flex:none;order:0;margin:0 0 12px}

/* Shared glass treatment for all editor popups. */
body :is(dialog[id],#preset-notes-popup){background:rgb(25 28 35 / 78%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body dialog[id]::backdrop{background:rgb(8 11 18 / 18%);backdrop-filter:none;-webkit-backdrop-filter:none}

#effect-zoom-dialog>.dialog-heading{position:relative;justify-content:center;min-height:38px;padding-inline:46px}
#effect-zoom-title{text-align:center}
#close-effect-zoom{position:absolute;right:0;top:0}
#effect-zoom-chain{justify-content:center}

/* Reuse the active slot's model and preset controls inside the expanded view. */
#effect-zoom-controls{flex:none;align-self:center;width:100%;max-width:650px;margin:0 auto 12px;padding:0}
#effect-zoom-controls:has(.effect-preset-bar:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto}
#clear-expanded-effect{margin-left:20px;font-size:12px;padding:7px 10px}
@media(max-width:600px){#effect-zoom-controls{gap:6px}#clear-expanded-effect{margin-left:10px;padding-inline:8px}}

#effect-zoom-chain button.is-empty{border:1px dashed #79868b80;color:#8e9899;background:transparent}
#effect-zoom-chain button.is-empty:hover{border-color:#c3cbd780;color:#c3cbd7;background:#ffffff05}
#effect-zoom-chain button.is-empty[aria-pressed="true"]{color:#e8eee9;background:transparent}
#effect-zoom-mount.is-empty{color:#8e9899;font-size:13px;text-align:center;padding:24px}

#effect-zoom-readout{flex:none;min-height:24px;margin:8px 0 0;text-align:center;font-size:16px;font-weight:500;line-height:24px;color:#fff;opacity:0;transition:opacity .4s ease;pointer-events:none}

#effect-zoom-readout.is-visible{opacity:.44}

/* Keep local and hardware preset selectors beside each other when connected. */
.topbar-presets:has(.hardware-controls:not([hidden])){width:760px}
@media(min-width:1101px) and (max-width:1400px){
 #editor-topbar:has(.hardware-controls:not([hidden])){grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
 #editor-topbar:has(.hardware-controls:not([hidden])) .topbar-presets{grid-column:1/-1;grid-row:2}
}
@media(max-width:620px){
 .topbar-presets{gap:20px}
 #editor-topbar .topbar-presets:has(.hardware-controls:not([hidden])) .preset-controls{flex-direction:column;align-items:stretch;gap:6px;flex:1 1 0}
}

/* Keep dropdown borders only in the topbar. */
body select:not(#editor-topbar select){border:0}

/* Shared borderless button treatment across all states and popups. */
button{border:0!important}

/* Preset-saving dialogs use a solid surface without background blur. */
body :is(#local-save-dialog,#chain-preset-dialog,#effect-preset-dialog,#write-dialog){background:#191c23;backdrop-filter:none;-webkit-backdrop-filter:none}
body :is(#local-save-dialog,#chain-preset-dialog,#effect-preset-dialog,#write-dialog)::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}

#effect-zoom-readout{display:flex;justify-content:center;align-items:baseline}
#effect-zoom-readout .effect-readout-label{min-width:0;white-space:pre-wrap}
#effect-zoom-readout .effect-readout-value.is-percentage{flex:0 0 6ch;text-align:left;font-variant-numeric:tabular-nums}
#effect-zoom-readout .effect-readout-setting{display:contents}
#effect-zoom-readout.has-directional-feedback{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;column-gap:14px}
#effect-zoom-readout.has-directional-feedback .effect-readout-setting{display:flex;justify-content:flex-end;align-items:baseline;gap:4px;text-align:right;white-space:nowrap}
#effect-zoom-readout.has-directional-feedback .effect-readout-value{flex:0 0 auto;text-align:right}
#effect-zoom-readout .effect-readout-description{min-width:0;border-left:1px solid currentColor;padding-left:14px;text-align:left;font-size:inherit;line-height:inherit}

#local-save-name{text-transform:none}

/* Gate at the left edge, chain library in the middle, chain tools at the right. */
.chain-preset-bar{width:100%}
.chain-preset-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
#open-noise-gate{justify-self:start;align-self:start}
.chain-preset-main{justify-content:center}
.chain-preset-main select{max-width:260px}
#effects-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.effects-toggle-track{position:relative;display:inline-block;flex:none;width:26px;height:14px;border-radius:8px;background:#11151b;box-shadow:inset 0 0 0 1px #ffffff30}
.effects-toggle-track:after{content:'';position:absolute;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#8e9899;transition:transform .15s,background-color .15s}
#effects-toggle[aria-checked="true"] .effects-toggle-track{background:#3f6053}
#effects-toggle[aria-checked="true"] .effects-toggle-track:after{transform:translateX(12px);background:#e8eee9}
#effects-toggle-state{min-width:3ch;text-align:left}
#midi-dialog .midi-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#midi-message:empty{display:none}
.connection-control{display:inline-flex;align-items:center;gap:8px}
.connection-status{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#e56c6c}
.connection-status[data-connected="true"]{background:#6ecb91}
@media(max-width:760px){
 .chain-preset-actions{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}
 .chain-preset-main{grid-column:1/-1;grid-row:2}
 .chain-preset-tools{justify-self:end}
}

/* Brand artwork and status share a horizontal row. */
#editor-topbar .title{flex-direction:row;align-items:center;gap:12px}
#editor-topbar .topbar-logo{display:block;flex:none;width:160px;height:40px;object-fit:cover;object-position:center 60%;mix-blend-mode:screen}
#editor-topbar .header-status{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:620px){
 #editor-topbar .topbar-logo{width:140px;height:36px}
 #editor-topbar .title{gap:8px}
}

#noise-controls{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:10px 14px;margin:18px 0}
#noise-controls>label{grid-column:1/-1;margin:0}
#noise{min-width:0;width:100%;margin:0;accent-color:#9cb8a2;cursor:pointer}
#noise:disabled{cursor:default;opacity:.45}
#noise-value{width:100%;min-width:0;text-align:center;font-variant-numeric:tabular-nums}
.noise-gate-scale{grid-column:1;display:flex;justify-content:space-between;color:#a4adbd;font-size:11px}

/* Reserve the border space so selecting a chip never shifts the row. */
:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain) button{border:1px solid transparent!important}
:is(#collection-categories,#amp-brands,#cabinet-brands,#effect-zoom-chain) button[aria-pressed="true"]{border-color:#7598e6!important}
#effect-zoom-chain button.is-empty{border-style:dashed!important}

/* Empty-slot outlines are intentional exceptions to borderless buttons. */
.rig-stage>button.empty-slot,.cabinet-hero[data-cabinet="10"]>.cabinet-empty{border:1px dashed #79868b80!important;border-radius:50%}
.cabinet-hero[data-cabinet="10"]>.cabinet-empty{display:grid;place-items:center;flex:none;width:min(160px,90%);height:auto;aspect-ratio:1;padding:16px}
.rig-stage>button.empty-slot:hover,.cabinet-hero[data-cabinet="10"]:hover>.cabinet-empty{border-color:#c3cbd780!important}

#knob-speed-controls{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:10px 12px;margin:16px 0}
#knob-speed{min-width:0;width:100%;margin:0;accent-color:#9cb8a2;cursor:pointer}
#knob-speed-value{text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#cbd3e2}
.knob-speed-scale{grid-column:1;display:flex;justify-content:space-between;font-size:11px;color:#a4adbd}

.chain-preset-utilities{display:flex;align-items:flex-start;gap:8px;min-width:0}
#expression-dialog #expression-heading{margin:8px 0 18px}
#expression-dialog #expression-select{width:100%;padding:9px 12px;background-color:#12161d;border-radius:6px}
#expression-track{position:relative;height:32px;cursor:pointer;touch-action:none}
.expression-rail{position:absolute;top:14px;left:9px;right:9px;height:4px;border-radius:4px;background:#414957;pointer-events:none}
#expression-range-fill{position:absolute;top:0;height:100%;background:#7598e6;border-radius:4px}
#expression-dialog #expression-track input{position:absolute;inset:0;width:100%;height:32px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}
#expression-track input::-webkit-slider-runnable-track{height:4px;background:transparent}
#expression-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid #7598e6;border-radius:50%;background:#e6e8ed;box-shadow:0 2px 5px #0006;pointer-events:auto;cursor:grab}
#expression-track input::-moz-range-track{height:4px;background:transparent}
#expression-track input::-moz-range-thumb{width:14px;height:14px;border:2px solid #7598e6;border-radius:50%;background:#e6e8ed;pointer-events:auto;cursor:grab}
#expression-track.is-disabled{opacity:.45;cursor:default}
#expression-track input:disabled::-webkit-slider-thumb{cursor:default}
.expression-scale{display:flex;justify-content:space-between;color:#a4adbd;font-size:11px}
.expression-range-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:12px 0}
#expression-dialog .expression-range-values label{margin-top:0}
.expression-range-values input{width:100%;min-width:0;font-variant-numeric:tabular-nums}
#expression-reversed-note[hidden]{display:none}
@media(max-width:600px){
 .chain-preset-actions{display:flex;flex-wrap:wrap;justify-content:space-between}
 .chain-preset-utilities{flex:1 1 100%}
 .chain-preset-main{order:2;flex:1 1 100%}
 .chain-preset-tools{order:3;margin-left:auto}
}

/* Shared translucent dropdown background. */
.slot-heading select,.effect-preset-bar select,.chain-preset-actions select,#expression-dialog #expression-select{background-color:#ffffff12}

#write-dialog .dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#write-message:empty{display:none}

/* Bare bypass switches beside each effect category. */
.slot-title{justify-content:flex-start;gap:10px}
.slot-title>.effect-expand{margin-left:auto}
.slot-title>.effect-toggle{position:relative;flex:none;width:28px;height:16px;padding:0;border:0;border-radius:9px;background:#11151b;box-shadow:inset 0 0 0 1px #ffffff30}
.slot-title>.effect-toggle:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#8e9899;transition:transform .15s,background-color .15s}
.slot-title>.effect-toggle[aria-checked="true"]{background:#3f6053}
.slot-title>.effect-toggle[aria-checked="true"]:after{transform:translateX(12px);background:#e8eee9}
.slot-title>.effect-toggle:disabled{opacity:.3;cursor:default}