.oeut:not(.has-audio):not(.has-nodes) .oeut__spectrum:after{
 content:"";position:absolute;z-index:1;left:3.05%;right:1.75%;top:50%;bottom:4.7%;
 background:linear-gradient(180deg,rgba(54,231,255,.50),rgba(57,119,255,.14));
 border-top:2px solid #ff4fa3;pointer-events:none
}
.oeut__nodePanel button.is-on{border-color:#36e7ff;color:#fff;box-shadow:0 0 7px rgba(54,231,255,.35)}

/* v0.2.2: isolate Euterpe controls from WordPress/theme button effects. */
.oeut button,.oeut button:hover,.oeut button:focus,.oeut button:active{
 appearance:none!important;-webkit-appearance:none!important;
 transform:none!important;filter:none!important;text-decoration:none!important;
 text-indent:0!important;box-shadow:none!important;background-image:none!important
}
.oeut button:before,.oeut button:after{content:none!important;display:none!important}
.oeut__actions button>i{position:relative;overflow:hidden;color:transparent!important;text-shadow:none!important}
.oeut__actions button>i:before{position:absolute;inset:0;display:grid;place-items:center;color:#eef6ff;font:700 22px/1 Bahnschrift,"Segoe UI Symbol",sans-serif}
.oeut__actions button[data-act="save"]>i:before{content:"⇩"}
.oeut__actions button[data-act="delete"]>i:before{content:"▱";transform:rotate(90deg)}
.oeut__actions button[data-act="settings"]>i:before{content:"⚙";font-size:21px}
.oeut__actions button[data-act="help"]>i:before{content:"?";font-size:18px}
.oeut__actions button[data-act="help"]>i:after{content:"";position:absolute;inset:8px;border:1.7px solid #eef6ff;border-radius:50%}
.oeut__actions button>i{border-color:rgba(139,92,255,.72)!important;background:#0b1019!important}
.oeut__actions button:hover>i{border-color:#36e7ff!important}
.oeut__knob:before{inset:12px!important;box-shadow:inset 0 0 0 3px #0b0f17!important}
.oeut__knob:after{inset:16px!important}
.oeut__knob i{top:21px!important;height:12px!important;transform-origin:50% 18px!important}
.oeut:not(.has-audio):not(.has-nodes) .oeut__spectrum:after{
 left:3.05%;right:1.75%;top:50%;bottom:4.7%;opacity:1;
 background:
 linear-gradient(rgba(32,43,57,.35) 1px,transparent 1px),
 linear-gradient(90deg,rgba(32,43,57,.35) 1px,transparent 1px),
 linear-gradient(180deg,#227f91 0%,#17455f 100%);
 background-size:100% 16.66%,10% 100%,100% 100%;
 border-top:2px solid #ff4fa3
}
.oeut__audioOpen{box-shadow:none!important}

/* v0.3.0 — direct geometry from JUCE, with the web player outside the frame. */
.oeut__knob{background:none!important;filter:none!important}
.oeut__knob:before{
 content:""!important;position:absolute!important;inset:3px!important;border:0!important;border-radius:50%!important;
 background:conic-gradient(from 225deg,var(--c) 0 calc(var(--p)*270deg),#2a3242 calc(var(--p)*270deg) 270deg,transparent 270deg 360deg)!important;
 -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))!important;
 mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))!important;
 box-shadow:none!important
}
.oeut__knob:after{
 content:""!important;position:absolute!important;inset:16px!important;border-radius:50%!important;
 background:linear-gradient(#252c3c,#0d1119)!important;border:1.1px solid #485366!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 52%,transparent)!important
}
.oeut__knob i{left:38px!important;top:22px!important;height:12px!important;transform-origin:50% 17px!important;z-index:4!important}
.oeut__mode{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;line-height:1!important;text-align:center!important}
.oeut__rail .oeut__mode{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important}
.oeut__meter em{background:linear-gradient(to top,#36e7ff 0%,#8b5cff 55%,#ff4fa3 100%)!important}
.oeut__meter:before{background:repeating-linear-gradient(to top,transparent 0 7px,#05070b 7px 9px)!important}
.oeut:not(.has-audio):not(.has-nodes) .oeut__spectrum:after{border-top:.65px solid rgba(54,231,255,.36)!important}
.oeut__audioSection{margin:14px auto 0;padding:12px 14px;background:#080c12;border:1px solid rgba(54,231,255,.35);border-radius:12px}
.oeut__audioHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.oeut__audioHeading div{display:flex;flex-direction:column}.oeut__audioHeading b{font-size:11px;letter-spacing:.12em;color:#eef6ff}.oeut__audioHeading span{font-size:9px;color:#77879b;margin-top:3px}
.oeut__audioSection .oeut__audioOpen{position:static!important;width:auto!important;height:30px!important;padding:0 12px!important;color:#36e7ff!important}
.oeut__audioSection .oeut__webPlayer{position:static!important;height:auto!important;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:10px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.oeut__audioSection .oeut__drop{height:48px!important}.oeut__audioSection .oeut__transport{height:48px!important}
.oeut__modalBody,.oeut__modalBody *{font-family:Bahnschrift,"Segoe UI",sans-serif!important;font-size:12px!important;line-height:1.45!important;color:#eef6ff!important}
.oeut__nodePanel{font-size:10px!important;color:#eef6ff!important}
@media(max-width:700px){.oeut__audioSection .oeut__webPlayer{grid-template-columns:1fr}.oeut__audioHeading{align-items:flex-start;flex-direction:column}}



/* v0.4.1 — native Euterpe geometry corrections only. Knobs intentionally untouched. */
.oeut__audioSection{margin:0 auto 14px!important}
.oeut__audioHeading{min-height:36px;margin-bottom:8px!important;align-items:center!important}
.oeut__demoChoices{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;flex-wrap:wrap}
.oeut__demoChoices button{height:28px!important;padding:0 10px!important;border:1px solid rgba(54,231,255,.45)!important;border-radius:5px!important;background:#111722!important;color:#9aaabc!important;font-size:8.5px!important;letter-spacing:.05em!important}
.oeut__demoChoices button.is-on{border-color:#36e7ff!important;color:#eef6ff!important;box-shadow:0 0 9px rgba(54,231,255,.22)!important}
.oeut__audioSection .oeut__webPlayer{grid-template-columns:minmax(290px,.9fr) minmax(420px,1.4fr)!important;align-items:stretch!important}
.oeut__audioSection .oeut__drop,.oeut__audioSection .oeut__transport{height:50px!important;margin:0!important}
.oeut__transport{grid-template-columns:30px 30px minmax(120px,1fr) 92px!important;grid-template-rows:25px 15px!important;gap:3px 6px!important;align-content:center!important}
.oeut__transport button{height:25px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.oeut__track{grid-column:3;grid-row:1;height:6px!important;align-self:center}
.oeut__transport time{grid-column:4;grid-row:1;text-align:center;white-space:nowrap}
.oeut__filename{grid-column:3/5!important;grid-row:2!important;align-self:start!important;text-align:left}
.oeut__guide,.oeut__range{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:20px!important}
.oeut__guide{left:20px!important;width:28px!important;height:20px!important;font-size:12px!important}
.oeut__range{right:20px!important;width:58px!important;height:20px!important;font-size:10px!important;white-space:nowrap!important}
.oeut__guideCard{left:8px;transform:none!important}
.oeut__nodePanel{width:190px!important;height:42px!important;padding:4px!important;grid-template-columns:repeat(6,1fr)!important;grid-template-rows:1fr!important;gap:3px!important;align-items:center!important}
.oeut__nodePanel strong{display:none!important}.oeut__nodePanel button{height:30px!important;padding:0!important;font-size:10px!important}.oeut__nodePanel .oeut__slope{grid-column:auto!important;font-size:7.5px!important}
.oeut__meter{display:flex!important;flex-direction:column-reverse!important;gap:2px!important;padding:2px!important;overflow:hidden!important}
.oeut__meter:before,.oeut__meter em{display:none!important}
.oeut__meterSeg{display:block!important;flex:1 1 0!important;min-height:2px!important;border-radius:1.4px!important;transition:opacity .05s linear!important}
@media(max-width:700px){.oeut__audioSection .oeut__webPlayer{grid-template-columns:1fr!important}.oeut__demoChoices{width:100%}}


/* v0.4.2.1 — canvas-only spectrum + readable native preset menu. */
.oeut .oeut__spectrum:after{content:none!important;display:none!important}
.oeut__preset select,.oeut__preset select option{color:#eef6ff!important;background:#111722!important}

/* v0.4.2.4 — persistent contextual HELP state. */
.oeut__actions button[data-act="help"].is-on>i{border-color:#ff4fa3!important;background:#181020!important;box-shadow:0 0 12px rgba(255,79,163,.42)!important}
.oeut__actions button[data-act="help"].is-on>i:after{border-color:#ff8bc4!important}

/* 0.4.3.3 — true stereo metering inside IN / OUT columns */
.oeut__meter{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;padding:2px!important;overflow:hidden!important}
.oeut__meterLane{display:flex!important;flex-direction:column-reverse!important;gap:2px!important;min-width:0!important;position:relative!important}
.oeut__meterLane:after{content:attr(data-ch);position:absolute;left:0;right:0;bottom:1px;text-align:center;font-style:normal;font-size:6px;color:#eef6ff88;pointer-events:none}
.oeut__meterLane .oeut__meterSeg{display:block!important;flex:1 1 0!important;min-height:2px!important;border-radius:1.2px!important;transition:opacity .05s linear!important}