/* PURE EQ · SILVER FINAL SKIN
 * Single consolidated visual skin.
 * Replaces the accumulated VST/target/relief/brushed visual stacks.
 * Functional evolution CSS and DSP remain untouched.
 */

:root{
  --peq-silver-hi:#e6e8e6;
  --peq-silver-mid:#b7bcb9;
  --peq-silver-low:#858b87;
  --peq-silver-edge:#4e5550;
  --peq-silver-ink:#171b18;
  --peq-acid:#b8ff3d;
}

/* ---------- ONE CHASSIS, ONE INNER EDGE ---------- */
.peq-shell{
  --metal-light-x:50%;
  --metal-light-y:8%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:1180px;
  padding:22px 28px 26px;
  border:1px solid #555c57;
  border-radius:14px;
  background:
    radial-gradient(920px 230px at var(--metal-light-x) var(--metal-light-y),rgba(255,255,255,.24),transparent 62%),
    linear-gradient(180deg,
      rgba(255,255,255,.32) 0%,
      rgba(255,255,255,.10) 14%,
      rgba(87,94,89,.05) 31%,
      rgba(255,255,255,.24) 48%,
      rgba(255,255,255,.08) 58%,
      rgba(79,86,81,.08) 76%,
      rgba(255,255,255,.12) 100%),
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.070) 0 1px,
      rgba(74,81,76,.045) 1px 2px,
      rgba(255,255,255,.018) 2px 3px,
      rgba(55,62,57,.025) 3px 4px,
      transparent 4px 6px),
    linear-gradient(90deg,
      #929894 0%,
      #c7cbc8 13%,
      #a4aaa6 28%,
      #d9dcda 46%,
      #b4b9b6 60%,
      #8d938f 78%,
      #bdc2be 100%);
  background-blend-mode:screen,soft-light,normal,normal;
  box-shadow:
    0 34px 68px rgba(0,0,0,.30),
    0 10px 20px rgba(0,0,0,.19),
    0 2px 4px rgba(0,0,0,.20),
    inset 0 1px rgba(255,255,255,.86),
    inset 0 -2px rgba(53,60,55,.25);
}

/* The only inner border. */
.peq-shell::before{
  content:"";
  position:absolute;
  inset:6px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.46);
  border-right-color:rgba(70,77,72,.28);
  border-bottom-color:rgba(66,73,68,.34);
  border-radius:9px;
  box-shadow:inset 0 0 0 1px rgba(55,62,57,.045);
  z-index:1;
}

/* Explicitly kill every old rear plate / stacked corner effect. */
.peq-shell::after{content:none!important;display:none!important}

/* ---------- SCREWS ---------- */
.peq-screw{
  z-index:5;
  width:12px;
  height:12px;
  border:1px solid #4d544f;
  background:
    linear-gradient(42deg,transparent 44%,rgba(36,42,38,.78) 45% 52%,transparent 53%),
    radial-gradient(circle at 34% 27%,#fff 0 4%,#dfe2df 14%,#a2a8a3 36%,#666d67 59%,#343a35 82%,#171b18 100%);
  box-shadow:0 2px 3px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.78);
}
.peq-screw::after{display:none!important}

/* ---------- HEADER: SAME SHEET, NO SECOND CAP ---------- */
.peq-panel-head{
  position:relative;
  z-index:2;
  min-height:78px;
  padding:8px 8px 18px;
  margin-bottom:3px;
  border:0;
  border-bottom:1px solid rgba(67,74,69,.33);
  border-radius:0;
  background:transparent;
  box-shadow:0 1px rgba(255,255,255,.52);
  overflow:visible;
}
.peq-panel-head::before,
.peq-panel-head::after{content:none!important;display:none!important}
.peq-panel-head>div:first-child,.peq-head-actions{position:relative;z-index:3}
.peq-panel-head strong{
  display:block;
  color:#171b18;
  font-size:20px;
  font-weight:900;
  letter-spacing:-.035em;
  text-shadow:0 1px rgba(255,255,255,.70);
}
.peq-panel-head small{
  display:block;
  margin-top:5px;
  color:#404742;
  font:700 7px/1.2 "Courier New",monospace;
  letter-spacing:.16em;
  text-shadow:0 1px rgba(255,255,255,.52);
}

.peq-panel-logo{
  position:absolute;
  z-index:2;
  left:50%;
  top:43%;
  width:clamp(210px,24vw,290px);
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  user-select:none;
}
.peq-panel-logo img{
  display:block;
  width:100%;
  height:auto;
  opacity:1;
  filter:drop-shadow(0 1px rgba(255,255,255,.82)) drop-shadow(0 3px 2px rgba(0,0,0,.25)) contrast(1.04);
}

/* ---------- TOP BUTTONS ---------- */
.peq-head-actions{display:flex;align-items:center;gap:9px}
.peq-small-btn,.peq-ab,
.peq-gain-range__button,.peq-gain-range__label,
.peq-width__button,.peq-gain-zero,.peq-audition{
  border:1px solid #313733!important;
  background:linear-gradient(#555c57 0%,#303631 52%,#181c19 100%)!important;
  color:#f2f4f1!important;
  text-shadow:0 1px #000!important;
  box-shadow:0 3px 4px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.14)!important;
}
.peq-small-btn,.peq-ab{height:36px;border-radius:4px;padding-inline:16px}
.peq-ab{display:flex;align-items:center;gap:7px}
.peq-ab i{width:8px;height:8px;border-radius:50%;background:#272c28;border:1px solid #121512;box-shadow:inset 0 1px 2px #000}
.peq-ab[aria-pressed="true"] i{background:var(--peq-acid);box-shadow:0 0 7px rgba(184,255,61,.62),inset 0 1px #f5ffd6}
.peq-small-btn:active,.peq-ab:active,
.peq-gain-range__button:active,.peq-width__button:active,.peq-gain-zero:active,.peq-audition:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.28)!important}

/* ---------- GAIN RANGE / WIDTH BANKS ---------- */
.peq-gain-range,.peq-width{
  border:1px solid #5f6661!important;
  border-radius:4px!important;
  background:#7f8681!important;
  box-shadow:0 3px 4px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.46)!important;
  overflow:hidden;
}
.peq-gain-range__button.is-active,.peq-width__button.is-active,
.peq-audition.is-active,.peq-audition[aria-pressed="true"]{
  color:#16200e!important;
  border-color:#60752b!important;
  background:linear-gradient(#dbff7c,#aedf42 44%,#739f20 56%,#94c22e)!important;
  text-shadow:0 1px rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 0 5px rgba(184,255,61,.13)!important;
}

/* ---------- ANALYZER: ONE BEZEL ---------- */
.peq-display{
  position:relative;
  z-index:2;
  height:238px;
  margin:0 4px;
  padding-right:42px;
  overflow:hidden;
  border:5px solid #555c57;
  border-top-color:#2e342f;
  border-left-color:#3e4540;
  border-right-color:#858d86;
  border-bottom-color:#999f9a;
  border-radius:9px;
  background:radial-gradient(circle at 48% 62%,rgba(184,255,61,.045),transparent 55%),linear-gradient(#030504,#090e0a 78%,#050805);
  box-shadow:
    inset 0 18px 34px rgba(0,0,0,.96),
    inset 0 -2px rgba(182,213,177,.04),
    0 1px rgba(255,255,255,.68),
    0 6px 10px rgba(0,0,0,.19);
}
.peq-display::before,
.peq-display::after{content:none!important;display:none!important}
.peq-display canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 4px rgba(184,255,61,.10))}
.peq-readout{left:15px;right:54px;top:11px;color:#ccff45;font-size:8px;text-shadow:0 0 4px rgba(184,255,61,.24)}
.peq-display__labels{left:15px;right:54px;bottom:10px;color:rgba(225,233,223,.59);font-size:7px}
.peq-meter{right:13px;top:24px;bottom:27px;width:13px;border:1px solid #2b312c;border-radius:2px;background:#010201;box-shadow:inset 0 0 6px #000}
.peq-tp-readout{border:1px solid #343b35!important;border-radius:4px!important;background:linear-gradient(#080d09,#020403)!important;box-shadow:inset 0 3px 7px #000!important}

/* ---------- SIX CHANNELS: SAME SILVER SHEET ---------- */
.peq-controls{
  position:relative;
  z-index:2;
  margin:0 4px 9px;
  border:0;
  border-top:1px solid rgba(255,255,255,.48);
  border-bottom:1px solid rgba(62,69,64,.34);
  box-shadow:none;
}
.peq-control{
  position:relative;
  min-height:386px;
  padding:18px 8px 16px;
  border-left:1px solid rgba(255,255,255,.40);
  border-right:1px solid rgba(66,73,68,.30);
  background:
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.02) 26%,rgba(73,80,75,.025) 64%,rgba(255,255,255,.07)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.040) 0 1px,rgba(63,70,65,.022) 1px 2px,transparent 2px 5px);
  box-shadow:inset 1px 0 rgba(255,255,255,.14),inset -1px 0 rgba(51,58,53,.06);
}
.peq-control:first-child{border-left:0}.peq-control:last-child{border-right:0}
.peq-control__name{color:#171b18;font-size:11px;font-weight:900;letter-spacing:.045em;text-shadow:0 1px rgba(255,255,255,.72)}
.peq-control__freq{margin-top:5px;color:#383f3a;font:700 7px/1 "Courier New",monospace;text-shadow:0 1px rgba(255,255,255,.54)}

/* ---------- FADERS ---------- */
.peq-fader{
  width:94px;
  height:220px;
  margin-top:13px;
  color:#272d28;
  filter:none;
  background:
    linear-gradient(90deg,transparent 0 18%,rgba(60,67,62,.18) 18% 19%,transparent 19% 81%,rgba(255,255,255,.42) 81% 82%,transparent 82%),
    repeating-linear-gradient(to bottom,transparent 0 13px,rgba(55,62,57,.34) 13px 14px,transparent 14px 26px);
}
.peq-fader::before{
  top:8px;
  bottom:8px;
  width:13px;
  border:1px solid #3a403b;
  border-radius:8px;
  background:linear-gradient(90deg,#040604 0%,#151916 18%,#505752 46%,#202521 63%,#070907 100%);
  box-shadow:inset 3px 0 4px rgba(255,255,255,.05),inset -3px 0 5px rgba(0,0,0,.86),inset 0 5px 12px #000,0 1px rgba(255,255,255,.60);
}
.peq-fader::after{right:1px;color:#272d28;font-size:7px;text-shadow:0 1px rgba(255,255,255,.72)}
.peq-fader__cap{
  width:72px;
  height:30px;
  bottom:clamp(0px,calc(var(--position) - 15px),190px);
  border:1px solid #59605a;
  border-radius:4px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.90) 0 7%,rgba(255,255,255,.18) 8% 16%,rgba(73,79,75,.10) 38%,rgba(52,58,54,.23) 50%,rgba(255,255,255,.08) 65%,rgba(255,255,255,.62) 91%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(62,68,64,.075) 1px 2px,transparent 2px 4px),
    linear-gradient(90deg,#a7aca8,#dcdfdc 28%,#909692 53%,#c9cdc9 77%,#999f9b);
  box-shadow:0 9px 11px rgba(0,0,0,.36),0 3px 3px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.94),inset 0 -2px rgba(50,57,52,.22);
}
.peq-fader__cap::before,.peq-fader__cap::after{
  content:"";
  position:absolute;
  top:3px;
  bottom:3px;
  width:5px;
  opacity:.76;
  background:repeating-linear-gradient(90deg,#535a54 0 1px,#cbd0cb 1px 2px,#777e78 2px 3px);
}
.peq-fader__cap::before{left:2px}.peq-fader__cap::after{right:2px}
.peq-fader__cap i{left:10px;right:10px;top:13px;height:2px;background:var(--peq-acid);box-shadow:0 0 4px rgba(184,255,61,.30)}

/* ---------- VALUE WINDOWS ---------- */
.peq-control output,.peq-gain-entry{
  min-width:84px!important;
  height:28px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #303631!important;
  border-radius:3px!important;
  background:linear-gradient(#020402,#080d09 58%,#0d120e)!important;
  color:#ceff43!important;
  font:800 9px/1 "Courier New",monospace!important;
  text-shadow:0 0 4px rgba(184,255,61,.25)!important;
  box-shadow:inset 0 3px 7px #000,0 1px rgba(255,255,255,.50)!important;
}

/* ---------- LOAD BAY ---------- */
.peq-file{
  position:relative;
  z-index:2;
  margin:8px 4px 16px;
  border:1px solid #4b524c;
  border-bottom-color:#747c75;
  border-radius:7px;
  background:radial-gradient(circle,rgba(255,255,255,.050) 0 1px,transparent 1.15px) 0 0/5px 5px,linear-gradient(#151916,#070907 76%);
  box-shadow:inset 0 7px 16px rgba(0,0,0,.82),0 1px rgba(255,255,255,.55),0 4px 7px rgba(0,0,0,.17);
}
.peq-load{min-height:76px;color:#f0f3ed}
.peq-load__icon{width:44px;height:44px;border:1px solid #76892c;color:#c9ff42;background:radial-gradient(circle at 38% 34%,#303831,#111512 66%);box-shadow:inset 0 2px 5px #000}
.peq-load b{font-size:11px;letter-spacing:.12em}.peq-load small{color:#d2d7d0;font-size:7px}

/* ---------- TRANSPORT ---------- */
.peq-transport{
  position:relative;
  z-index:2;
  margin:0 5px;
  grid-template-columns:58px auto minmax(180px,1fr) auto auto;
  gap:14px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.38);
}
.peq-play{width:58px;height:42px;border:1px solid #555c57;border-radius:5px;background:linear-gradient(#f0f2ef,#c9cdc9 45%,#9ca29d 56%,#d3d6d2);box-shadow:0 4px 6px rgba(0,0,0,.22),inset 0 1px #fff}
.peq-play i{left:22px;top:12px;border-top-width:8px;border-bottom-width:8px;border-left:13px solid #7fba1e}
.peq-time{color:#262c28;font-size:8px;text-shadow:0 1px rgba(255,255,255,.55)}
.peq-seek{height:4px;accent-color:#8dca24;filter:drop-shadow(0 1px rgba(255,255,255,.38))}
.peq-export-format{height:38px;border:1px solid #343a35;border-radius:4px;background:#111512;box-shadow:inset 0 2px 5px #000}
.peq-export-format button{min-width:65px;background:linear-gradient(#4b524d,#272c28);color:#d1d6d0;border-right:1px solid #616861}
.peq-export-format button.is-active{background:linear-gradient(#1a211a,#0c100d);color:#c6ff3f;box-shadow:inset 0 0 0 1px #8ab522}
.peq-export{height:42px;min-width:190px;border:1px solid #45531f;border-radius:4px;background:linear-gradient(#d9ff76,#91cd23 54%,#7db319);box-shadow:0 5px 7px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.72);color:#17210d;text-shadow:0 1px rgba(255,255,255,.40)}

@media(max-width:980px){.peq-panel-logo{width:168px}}
@media(max-width:900px){
  .peq-controls{grid-template-columns:repeat(3,1fr)}
  .peq-control{min-height:360px}
}
@media(max-width:820px){.peq-panel-logo{display:none}}
@media(max-width:680px){
  .peq-shell{padding:20px 14px 22px;border-radius:12px}
  .peq-shell::before{inset:5px;border-radius:8px}
  .peq-display{height:190px}
  .peq-controls{grid-template-columns:repeat(2,1fr)}
  .peq-control{min-height:340px}
  .peq-fader{height:195px}
  .peq-fader__cap{width:66px;height:28px;bottom:clamp(0px,calc(var(--position) - 14px),167px)}
  .peq-transport{grid-template-columns:48px 1fr auto;gap:10px}
  .peq-time{display:none}
  .peq-seek{grid-column:2/4;grid-row:2}
  .peq-export{min-width:0;padding-inline:12px}
}

@media(prefers-reduced-motion:reduce){.peq-shell{--metal-light-x:50%;--metal-light-y:8%}}