/* PURE SATURATOR · lava-red hardware. Presentation only; audio engine untouched. */
:root{
  --ps-lava-hot:#e94a2c;
  --ps-lava:#a51b1b;
  --ps-lava-deep:#5c090d;
  --ps-lava-edge:#260205;
  --ps-lava-ink:#160103;
}

.ps-page{perspective:1500px}

.ps-page .ps-shell{
  isolation:isolate!important;
  overflow:hidden!important;
  border:2px solid #260205!important;
  border-top-color:#f27a60!important;
  border-right-color:#5d0b10!important;
  border-bottom:6px solid #180104!important;
  border-radius:19px!important;
  background:
    radial-gradient(1050px 230px at 50% -3%,rgba(255,190,160,.42),transparent 62%),
    radial-gradient(520px 420px at 76% 22%,rgba(255,74,35,.16),transparent 67%),
    linear-gradient(102deg,rgba(255,255,255,.08),transparent 24% 72%,rgba(35,0,2,.20)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(104deg,#430508 0%,#ad1c1b 17%,#670a0d 47%,#c52c20 72%,#350306 100%)!important;
  background-blend-mode:screen,screen,soft-light,soft-light,normal!important;
  color:#f8e7df!important;
  box-shadow:
    0 3px 0 #0d0001,
    0 12px 19px rgba(0,0,0,.58),
    0 39px 60px rgba(0,0,0,.50),
    0 76px 112px rgba(0,0,0,.30),
    0 0 46px rgba(159,18,12,.09),
    inset 0 2px rgba(255,169,139,.56),
    inset 2px 0 rgba(255,116,83,.17),
    inset -2px 0 rgba(34,0,2,.44),
    inset 0 -5px rgba(29,0,2,.58)!important;
}
.ps-page .ps-shell::before{
  inset:6px!important;
  z-index:20!important;
  border:1px solid rgba(255,158,126,.48)!important;
  border-right-color:rgba(31,0,2,.62)!important;
  border-bottom-color:rgba(18,0,1,.78)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,214,196,.12),inset 0 -1px rgba(22,0,1,.56)!important;
  pointer-events:none!important;
}

.ps-page .ps-screw{
  z-index:22!important;
  width:14px!important;
  height:14px!important;
  border:1px solid #130102!important;
  background:
    linear-gradient(45deg,transparent 43%,#1a0102 44% 53%,transparent 54%),
    radial-gradient(circle at 35% 27%,#ffc1a9 0 5%,#b83a28 13%,#651015 43%,#270205 70%,#0d0001 100%)!important;
  box-shadow:0 3px 5px rgba(0,0,0,.82),inset 0 1px rgba(255,199,179,.55),0 0 0 1px rgba(255,114,82,.14)!important;
}

.ps-page .ps-head{
  min-height:78px!important;
  padding:5px 10px 17px!important;
  border-bottom:2px solid rgba(35,0,2,.65)!important;
  box-shadow:0 1px rgba(255,148,113,.19)!important;
}
.ps-page .ps-title strong{color:#fff0e9!important;font-size:20px!important;text-shadow:0 2px 2px #290104!important}
.ps-page .ps-title small{color:#e5aaa0!important;text-shadow:0 1px 1px #2b0104!important}

.ps-page .ps-logo{
  position:relative!important;
  width:clamp(225px,23vw,285px)!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ps-page .ps-logo::after{
  content:"CREATE. INN\00D3VATE. DOMINATE.";
  position:absolute;
  z-index:2;
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
  color:#fff1e9;
  font:800 clamp(5.5px,.65vw,7.5px)/1 Arial,sans-serif;
  letter-spacing:.28em;
  white-space:nowrap;
  text-shadow:0 1px 1px #310104,0 0 3px rgba(255,160,128,.18);
}
.ps-page .ps-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  clip-path:inset(0 0 36% 0)!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 1px rgba(255,186,162,.30)) drop-shadow(0 3px 2px rgba(24,0,2,.64)) contrast(1.06)!important;
}

.ps-page .ps-btn,.ps-page .ps-ab{
  border:1px solid #210104!important;
  border-top-color:#b74434!important;
  background:linear-gradient(#86171a 0%,#4e080d 45%,#210104 54%,#661015 100%)!important;
  color:#fff1e9!important;
  text-shadow:0 1px 2px #130001!important;
  box-shadow:0 5px 8px rgba(0,0,0,.55),inset 0 1px rgba(255,143,112,.30),inset 0 -2px rgba(17,0,1,.50)!important;
}
.ps-page .ps-btn[aria-pressed="true"]{border-color:#d04a32!important;box-shadow:0 4px 7px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,126,87,.25),0 0 10px rgba(237,54,28,.10)!important}

.ps-page .ps-meter-panel{
  border:6px solid #3a0508!important;
  border-top-color:#160103!important;
  border-left-color:#210205!important;
  border-right-color:#7c1719!important;
  border-bottom-color:#bd4938!important;
  border-radius:12px!important;
  background:radial-gradient(circle at 50% 55%,rgba(184,255,61,.035),transparent 55%),linear-gradient(#020403,#070d08 84%,#030604)!important;
  box-shadow:inset 0 23px 40px rgba(0,0,0,.98),inset 0 -2px rgba(255,92,57,.05),0 2px rgba(255,131,97,.18),0 11px 18px rgba(0,0,0,.62)!important;
}
.ps-page .ps-curve{border-color:#151c16!important;border-radius:7px!important;box-shadow:inset 0 10px 21px rgba(0,0,0,.84),0 1px rgba(255,96,61,.04)!important}

.ps-page .ps-controls{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin:8px 4px 14px!important;
  border:1px solid #390407!important;
  border-top-color:#b63d30!important;
  border-bottom:3px solid #1c0103!important;
  border-radius:10px!important;
  background:
    radial-gradient(650px 185px at 50% 0%,rgba(255,139,105,.18),transparent 69%),
    linear-gradient(96deg,rgba(255,255,255,.045),transparent 30% 70%,rgba(30,0,2,.15)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(96deg,#4b0609,#97161a 18%,#660a0e 50%,#ad201c 78%,#400407)!important;
  background-blend-mode:screen,soft-light,soft-light,normal!important;
  box-shadow:inset 0 2px rgba(255,145,112,.16),inset 0 -9px 20px rgba(25,0,2,.37),0 9px 16px rgba(0,0,0,.48)!important;
}
.ps-page .ps-controls::after{
  content:"";
  position:absolute;
  z-index:8;
  left:1%;right:1%;top:1px;height:38%;
  border-radius:9px 9px 44% 44%;
  background:linear-gradient(178deg,rgba(255,184,156,.075),rgba(255,105,70,.012) 58%,transparent);
  pointer-events:none;
}
.ps-page .ps-control{
  z-index:1!important;
  border-left:1px solid rgba(255,120,90,.15)!important;
  border-right:1px solid rgba(27,0,2,.58)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 25% 75%,rgba(25,0,2,.10))!important;
  box-shadow:inset 1px 0 rgba(255,148,115,.025),inset -1px 0 rgba(23,0,2,.28)!important;
}
.ps-page .ps-control:first-child{border-left:0!important}
.ps-page .ps-control:last-child{border-right:0!important}
.ps-page .ps-control__name{color:#fff0e8!important;text-shadow:0 2px 2px #240103!important}

.ps-page .ps-knob{
  border-color:#080a0b!important;
  background:
    linear-gradient(125deg,rgba(255,255,255,.17),rgba(255,255,255,.035) 32%,transparent 44% 72%,rgba(0,0,0,.28)),
    radial-gradient(circle at 37% 29%,#596064 0 5%,#353b3f 22%,#202529 54%,#111518 79%,#050708 100%)!important;
  box-shadow:0 14px 17px rgba(8,0,1,.72),0 4px 5px rgba(8,0,1,.76),inset 0 2px 2px rgba(255,255,255,.25),inset 0 -5px 8px rgba(0,0,0,.72),0 0 0 3px #090b0d,0 0 0 5px rgba(115,25,24,.64),0 0 0 6px rgba(244,84,55,.15)!important;
}
.ps-page .ps-knob::before{border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -10px 14px rgba(0,0,0,.35)!important}
.ps-page .ps-knob i{background:linear-gradient(#efffba,#b8ff3d 58%,#6d931b)!important;box-shadow:0 0 6px rgba(184,255,61,.46),0 1px rgba(25,0,2,.38)!important}

.ps-page .ps-control output{
  border-color:#1b0103!important;
  border-bottom-color:#73201c!important;
  background:linear-gradient(#020403,#09100a 58%,#10150e)!important;
  box-shadow:inset 0 4px 8px #000,0 1px rgba(255,112,82,.14),0 4px 6px rgba(0,0,0,.34)!important;
}

.ps-page .ps-file{
  border-color:#270205!important;
  border-top-color:#7f1b1c!important;
  border-bottom:3px solid #130102!important;
  border-radius:10px!important;
  background:radial-gradient(circle,rgba(255,255,255,.035) 0 1px,transparent 1.3px) 0 0/6px 6px,linear-gradient(#171313,#080303)!important;
  box-shadow:inset 0 11px 25px rgba(0,0,0,.90),inset 0 -1px rgba(255,91,58,.06),0 2px rgba(255,112,80,.12),0 9px 14px rgba(0,0,0,.50)!important;
}
.ps-page .ps-load{color:#f3e7e2!important}
.ps-page .ps-load small{color:#c8aaa4!important}
.ps-page .ps-load__icon{border-color:#7d261f!important;border-radius:50%!important;background:radial-gradient(circle at 38% 31%,#6b1718,#1a0204 68%)!important;color:#caff55!important;box-shadow:inset 0 4px 8px #080001,0 3px 5px rgba(0,0,0,.70)!important}

.ps-page .ps-time{color:#f1d9d2!important;text-shadow:0 1px 2px #210103!important}
.ps-page .ps-play{
  border-color:#260205!important;
  border-top-color:#9f2c26!important;
  background:linear-gradient(#7e1518,#46070b 47%,#1d0103 55%,#5f0d12)!important;
  box-shadow:0 6px 9px rgba(0,0,0,.58),inset 0 1px rgba(255,130,99,.27),inset 0 -2px rgba(15,0,1,.50)!important;
}
.ps-page .ps-export{border-color:#42100e!important;background:linear-gradient(#4f5d3b,#20271c)!important;box-shadow:0 7px 10px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.13)!important}

/* Warm the auxiliary metal panels without changing their structure. */
.ps-page .ps-shell>section[aria-label="Carácter de saturación"],
.ps-page .ps-shell>section[aria-label="Puntos de partida universales"]{
  border-top-color:rgba(255,124,92,.18)!important;
  border-bottom-color:rgba(29,0,2,.48)!important;
  background:linear-gradient(180deg,rgba(255,124,91,.035),rgba(29,0,2,.055))!important;
}
.ps-page .ps-shell>section[aria-label="Carácter de saturación"]>div>span,
.ps-page .ps-shell>section[aria-label="Puntos de partida universales"]>div>span{color:#ffe7df!important;text-shadow:0 1px 2px #260103!important}
.ps-page .ps-shell>section[aria-label="Carácter de saturación"]>small,
.ps-page .ps-shell>section[aria-label="Puntos de partida universales"]>small{color:#d8a39a!important;text-shadow:0 1px 2px #260103!important}
.ps-page .ps-shell>div[aria-label="Ayuda de control preciso"]{color:#d9aaa1!important;text-shadow:0 1px 2px #260103!important}

@media(max-width:780px){
  .ps-page .ps-head{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"title actions" "logo logo"!important;row-gap:8px!important;padding-bottom:12px!important}
  .ps-page .ps-title{grid-area:title!important}
  .ps-page .ps-actions{grid-area:actions!important}
  .ps-page .ps-logo{grid-area:logo!important;position:relative!important;inset:auto!important;display:flex!important;width:clamp(150px,46vw,205px)!important;margin:-3px auto -17px!important}
  .ps-page .ps-logo::after{bottom:5px!important;font-size:5.5px!important}
  .ps-page .ps-control{box-shadow:none!important}
}
@media(max-width:560px){
  .ps-page .ps-shell{border-radius:14px!important;border-bottom-width:5px!important}
  .ps-page .ps-controls{border-radius:8px!important}
}