/* PURE STEREO · aubergine spatial hardware. Presentation only; DSP untouched. */
:root{
  --pst-violet-light:#8b729b;
  --pst-violet:#584265;
  --pst-violet-deep:#2d2036;
  --pst-violet-edge:#160e1c;
  --pst-violet-ink:#f2edf5;
}

.pst-page{perspective:1500px}

.pst-page .pst-shell{
  isolation:isolate!important;
  overflow:hidden!important;
  border:2px solid #170e1d!important;
  border-top-color:#ae99b9!important;
  border-right-color:#3b2947!important;
  border-bottom:6px solid #120b17!important;
  border-radius:19px!important;
  background:
    radial-gradient(1050px 230px at 50% -3%,rgba(237,218,248,.31),transparent 62%),
    radial-gradient(520px 430px at 78% 24%,rgba(121,86,144,.17),transparent 68%),
    linear-gradient(102deg,rgba(255,255,255,.08),transparent 24% 72%,rgba(15,7,20,.23)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(104deg,#33253e 0%,#685076 17%,#493657 47%,#765c84 72%,#2b1d35 100%)!important;
  background-blend-mode:screen,screen,soft-light,soft-light,normal!important;
  color:var(--pst-violet-ink)!important;
  box-shadow:
    0 3px 0 #0c0710,
    0 12px 20px rgba(0,0,0,.57),
    0 38px 62px rgba(0,0,0,.48),
    0 74px 110px rgba(0,0,0,.28),
    inset 0 2px rgba(238,220,248,.52),
    inset 2px 0 rgba(226,203,240,.12),
    inset -2px 0 rgba(14,7,19,.48),
    inset 0 -5px rgba(12,6,16,.58)!important;
}

.pst-page .pst-shell::before{
  inset:6px!important;
  z-index:20!important;
  border:1px solid rgba(224,202,237,.45)!important;
  border-right-color:rgba(20,10,27,.55)!important;
  border-bottom-color:rgba(13,6,17,.72)!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(10,5,14,.55)!important;
  pointer-events:none!important;
}
.pst-page .pst-shell>*{position:relative;z-index:1}

.pst-page .pst-screw{
  z-index:22!important;
  width:14px!important;
  height:14px!important;
  border:1px solid #09070b!important;
  background:
    linear-gradient(45deg,transparent 43%,#080609 44% 53%,transparent 54%),
    radial-gradient(circle at 35% 27%,#d8cddd 0 5%,#786e7e 14%,#37313c 44%,#151218 71%,#060507 100%)!important;
  box-shadow:0 3px 5px rgba(0,0,0,.76),inset 0 1px rgba(255,255,255,.48),0 0 0 1px rgba(204,181,216,.13)!important;
}
.pst-page .pst-screw::after{background:#070609!important}

.pst-page .pst-head{
  min-height:78px!important;
  padding:5px 10px 17px!important;
  border-bottom:2px solid rgba(19,9,25,.66)!important;
  box-shadow:0 1px rgba(218,194,231,.20)!important;
}
.pst-page .pst-title strong{color:#f5eef8!important;font-size:20px!important;text-shadow:0 2px 2px #120918!important}
.pst-page .pst-title small{color:#c2b1ca!important;text-shadow:0 1px #160b1d!important}

.pst-page .pst-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;
}
.pst-page .pst-logo::after{
  content:"CREATE. INN\00D3VATE. DOMINATE.";
  position:absolute;
  z-index:2;
  left:50%;
  bottom:7px;
  transform:translateX(-50%);
  color:#f0f1ee;
  font:800 clamp(5.5px,.65vw,7.5px)/1 Arial,sans-serif;
  letter-spacing:.28em;
  white-space:nowrap;
  text-shadow:0 1px 1px #000,0 0 3px rgba(255,255,255,.16);
}
.pst-page .pst-logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  clip-path:inset(0 0 36% 0)!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 1px rgba(255,255,255,.34)) drop-shadow(0 3px 2px rgba(0,0,0,.44)) contrast(1.04)!important;
}

.pst-page .pst-btn,.pst-page .pst-ab,.pst-page .pst-switch,.pst-page .pst-v20-zero{
  border:1px solid #150c1b!important;
  border-top-color:#927ca0!important;
  background:linear-gradient(#715c7d 0%,#473552 45%,#211727 54%,#574263 100%)!important;
  color:#f4edf7!important;
  text-shadow:0 1px 2px #110817!important;
  box-shadow:0 5px 8px rgba(8,3,11,.53),inset 0 1px rgba(235,217,245,.26),inset 0 -2px rgba(7,3,10,.48)!important;
}
.pst-page .pst-ab[aria-pressed="true"] i,.pst-page .pst-switch.is-on i{background:#b8ff3d!important;box-shadow:0 0 8px rgba(184,255,61,.72)!important}

.pst-page .pst-monitor{
  padding:6px!important;
  border:1px solid #130b19!important;
  border-top-color:#80698e!important;
  border-bottom:4px solid #100814!important;
  border-radius:12px!important;
  background:linear-gradient(115deg,#2a1d33,#5b4568 48%,#291c32)!important;
  box-shadow:inset 0 2px rgba(222,199,235,.18),0 10px 17px rgba(7,3,10,.49)!important;
}
.pst-page .pst-scope-wrap,.pst-page .pst-meter-stack{
  border-color:#120d16!important;
  border-top-color:#08060a!important;
  border-right-color:#4e4057!important;
  border-bottom-color:#8b7796!important;
  background:radial-gradient(circle at 50% 55%,rgba(184,255,61,.035),transparent 58%),linear-gradient(#020403,#08100a 84%,#030604)!important;
  box-shadow:inset 0 24px 42px rgba(0,0,0,.97),0 2px rgba(213,190,226,.13),0 8px 12px rgba(0,0,0,.43)!important;
}

.pst-page .pst-controls{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin:8px 4px 14px!important;
  border:1px solid #1c1123!important;
  border-top-color:#9b85a7!important;
  border-bottom:3px solid #120a17!important;
  border-radius:10px!important;
  background:
    radial-gradient(680px 190px at 50% 0%,rgba(231,211,242,.15),transparent 69%),
    linear-gradient(96deg,rgba(255,255,255,.05),transparent 30% 70%,rgba(13,6,18,.18)),
    url("../../assets/pure-eq-graphite-texture-v3.webp") center/cover no-repeat,
    linear-gradient(96deg,#302039,#5b4568 18%,#42304f 50%,#694f75 78%,#2c1d35)!important;
  background-blend-mode:screen,soft-light,soft-light,normal!important;
  box-shadow:inset 0 2px rgba(230,210,241,.17),inset 0 -9px 19px rgba(10,4,14,.29),0 9px 15px rgba(7,3,10,.39)!important;
}
.pst-page .pst-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(239,222,248,.075),rgba(223,198,237,.012) 58%,transparent);
  pointer-events:none;
}
.pst-page .pst-control{
  position:relative!important;
  z-index:1!important;
  border-left:1px solid rgba(220,197,233,.14)!important;
  border-right:1px solid rgba(15,7,20,.48)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 25% 75%,rgba(8,3,11,.08))!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.025),inset -1px 0 rgba(7,3,10,.20)!important;
}
.pst-page .pst-control:first-child{border-left:0!important}
.pst-page .pst-control:last-child{border-right:0!important}
.pst-page .pst-control>span:first-child{color:#f3ecf6!important;text-shadow:0 2px 2px #110817!important}
.pst-page .pst-control small{color:#b8a8c0!important;text-shadow:0 1px #100715!important}

.pst-page .pst-knob{
  width:72px!important;
  height:72px!important;
  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(7,2,10,.72),0 4px 5px rgba(6,2,8,.78),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(76,53,91,.76),0 0 0 6px rgba(190,156,209,.15)!important;
}
.pst-page .pst-knob::before{inset:7px!important;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}
.pst-page .pst-knob i{
  top:8px!important;
  width:3px!important;
  height:17px!important;
  transform-origin:50% 28px!important;
  background:linear-gradient(#efffba,#b8ff3d 58%,#6d931b)!important;
  box-shadow:0 0 6px rgba(184,255,61,.46),0 1px rgba(7,2,10,.42)!important;
}
.pst-page .pst-control output,.pst-page .pst-v20-entry{
  border-color:#160c1c!important;
  border-bottom-color:#654775!important;
  background:linear-gradient(#020403,#09100a 58%,#10150e)!important;
  color:#d0ff4b!important;
  box-shadow:inset 0 4px 8px #000,0 1px rgba(217,190,232,.12),0 4px 6px rgba(6,2,9,.38)!important;
}
.pst-page .pst-v20-entry input{background:rgba(12,18,13,.86)!important;color:#d0ff4b!important}
.pst-page .pst-v20-entry>span,.pst-page .pst-v20-entry>b{color:#b6a6be!important}

.pst-page .pst-switch-row{
  border-color:#1a0f21!important;
  border-top-color:#806c8b!important;
  background:linear-gradient(105deg,rgba(105,78,120,.58),rgba(46,31,56,.76))!important;
  box-shadow:inset 0 1px rgba(224,202,236,.13),0 6px 10px rgba(6,2,9,.28)!important;
}
.pst-page .pst-switch-row>div span{color:#f2eaf6!important;text-shadow:0 1px #100715!important}
.pst-page .pst-switch-row>div small{color:#b7a7bf!important}

.pst-page .pst-file{
  border-style:solid!important;
  border-color:#170d1d!important;
  border-top-color:#765e84!important;
  border-bottom:3px solid #0e0712!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(#17121a,#08050a)!important;
  box-shadow:inset 0 11px 25px rgba(0,0,0,.89),inset 0 -1px rgba(219,194,232,.05),0 2px rgba(207,180,222,.11),0 9px 14px rgba(6,2,9,.39)!important;
}
.pst-page .pst-load{color:#f0e9f3!important}
.pst-page .pst-load small{color:#b7abbc!important}
.pst-page .pst-load__icon{border-color:#66802b!important;background:radial-gradient(circle at 38% 31%,#382b41,#100a14 68%)!important;color:#c9ff42!important;box-shadow:inset 0 4px 8px #050207,0 3px 5px rgba(0,0,0,.68)!important}

.pst-page .pst-transport{padding-top:14px!important;border-top:1px solid rgba(220,197,233,.16)!important}
.pst-page .pst-time{color:#d0c3d6!important;text-shadow:0 1px #0e0613!important}
.pst-page .pst-play{
  border-color:#150c1b!important;
  border-top-color:#927ca0!important;
  background:linear-gradient(#715c7d,#453250 47%,#211627 55%,#594365)!important;
  box-shadow:0 6px 9px rgba(6,2,9,.54),inset 0 1px rgba(235,217,245,.28),inset 0 -2px rgba(5,2,8,.48)!important;
}
.pst-page .pst-play i{border-left-color:#c8ff50!important}
.pst-page .pst-play.is-playing i{border-left-color:#c8ff50!important;border-right-color:#c8ff50!important}
.pst-page .pst-export{box-shadow:0 7px 10px rgba(6,2,9,.50),inset 0 1px rgba(255,255,255,.78),inset 0 -2px rgba(48,73,16,.28)!important}

.pst-page .pst-note-box,.pst-page .pst-v16-repair,.pst-page .pst-v19-verify{
  border-color:rgba(133,104,149,.40)!important;
  background:linear-gradient(180deg,rgba(29,21,34,.96),rgba(8,5,10,.98))!important;
  box-shadow:inset 0 1px rgba(229,211,238,.035),0 8px 22px rgba(0,0,0,.28)!important;
}

.pst-page .pst-v15-tabs{
  border-color:#190f20!important;
  border-top-color:#806b8c!important;
  background:#261a2e!important;
  box-shadow:inset 0 1px rgba(226,204,238,.14),0 6px 10px rgba(6,2,9,.26)!important;
}
.pst-page .pst-v15-tab{
  border-right-color:rgba(12,6,16,.58)!important;
  background:linear-gradient(#665171,#3b2b47 48%,#211628)!important;
  color:#d2c4d8!important;
  text-shadow:0 1px #0e0612!important;
}
.pst-page .pst-v15-tab b{border-color:rgba(213,189,226,.15)!important;background:rgba(8,4,11,.24)!important;color:#b5a5bd!important}
.pst-page .pst-v15-tab.is-active{background:linear-gradient(#806b8c,#493653 48%,#291c31)!important;color:#fff8ff!important;box-shadow:inset 0 1px rgba(241,225,249,.18),inset 0 -9px 18px rgba(8,3,11,.23)!important}
.pst-page .pst-v15-tab.is-active b{color:#caff55!important;border-color:rgba(184,255,61,.27)!important;background:rgba(184,255,61,.065)!important}
.pst-page .pst-v15-tab::after{background:#b8ff3d!important;box-shadow:0 0 6px rgba(184,255,61,.34)!important}
.pst-page .pst-v15-locator-toolbar,.pst-page .pst-v15-problem-row{border-color:rgba(143,112,159,.17)!important;background:rgba(6,3,8,.28)!important}

@media(max-width:900px){
  .pst-page .pst-logo{display:none!important}
  .pst-page .pst-control{box-shadow:none!important}
}
@media(max-width:680px){
  .pst-page .pst-shell{border-radius:14px!important;border-bottom-width:5px!important}
  .pst-page .pst-controls{border-radius:8px!important}
  .pst-page .pst-knob{width:68px!important;height:68px!important}
  .pst-page .pst-knob i{transform-origin:50% 26px!important}
}