/* All themes share one Studio DOM. Only paint properties belong in this file. */
#melodex-designs .mx-studio-v2[data-theme]{
  color-scheme:light;
  --mx-bg:#f6f5fa;--mx-panel:#ffffff;--mx-text:#292638;--mx-muted:#736d82;
  --mx-line:#e8e5f0;--mx-soft:#eeebfa;--mx-accent:#6753dc;--mx-on:#ffffff;
  --mx-input:#faf9fd;--mx-glow:#eae5ff;--mx-audio-bg:#21182f;--mx-wave-hue:0deg;
}
#melodex-designs .mx-studio-v2[data-theme="Akış"]{
  color-scheme:dark;
  --mx-bg:#15171c;--mx-panel:#1e2128;--mx-text:#f3f1f6;--mx-muted:#b0aaba;
  --mx-line:#363943;--mx-soft:#3a2c32;--mx-accent:#f4a389;--mx-on:#24181b;
  --mx-input:#191c22;--mx-glow:#523039;--mx-audio-bg:#251e26;--mx-wave-hue:120deg;
}
#melodex-designs .mx-studio-v2[data-theme="İmza"]{
  color-scheme:light;
  --mx-bg:#f5f2e9;--mx-panel:#fffdf7;--mx-text:#263c33;--mx-muted:#68776b;
  --mx-line:#dedfd0;--mx-soft:#e8ede1;--mx-accent:#35634f;--mx-on:#ffffff;
  --mx-input:#f8f7ef;--mx-glow:#dfe8d5;--mx-audio-bg:#192d29;--mx-wave-hue:-95deg;
}
#melodex-designs .mx-studio-v2[data-theme] .mx-hero:before{
  background:radial-gradient(ellipse at 85% 38%,var(--mx-glow),transparent 60%);
}
#melodex-designs .mx-studio-v2[data-theme] textarea{background:var(--mx-input)}
#melodex-designs .mx-studio-v2[data-theme] textarea:focus{
  background:var(--mx-panel);box-shadow:0 0 0 4px color-mix(in srgb,var(--mx-accent) 10%,transparent);
}
#melodex-designs .mx-studio-v2[data-theme] .mx-chip[aria-pressed=true]{
  border-color:color-mix(in srgb,var(--mx-accent) 30%,var(--mx-line));
  box-shadow:0 2px 5px color-mix(in srgb,var(--mx-accent) 4%,transparent);
}
#melodex-designs .mx-studio-v2[data-theme] .mx-create{
  background:linear-gradient(110deg,color-mix(in srgb,var(--mx-accent),white 10%),var(--mx-accent) 50%,color-mix(in srgb,var(--mx-accent),black 10%));
  color:var(--mx-on);box-shadow:0 5px 12px color-mix(in srgb,var(--mx-accent) 16%,transparent);
}
#melodex-designs .mx-studio-v2[data-theme] .mx-create:hover{
  box-shadow:0 8px 18px color-mix(in srgb,var(--mx-accent) 23%,transparent);
}
#melodex-designs .mx-studio-v2[data-theme] .mx-audio{
  background:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--mx-accent) 13%,transparent),transparent 65%),var(--mx-audio-bg);
}
#melodex-designs .mx-studio-v2[data-theme] [data-audio-canvas]{filter:hue-rotate(var(--mx-wave-hue))}
#melodex-designs .mx-studio-v2[data-theme="Akış"] .mx-wordmark{filter:brightness(0) invert(1)}
#melodex-designs .mx-studio-v2[data-theme="İmza"] .mx-wordmark{filter:sepia(.3) hue-rotate(80deg)}
html[data-melodex-theme="Stüdyo"] body{background:#eeedf3}
html[data-melodex-theme="Akış"] body{background:#15171c}
html[data-melodex-theme="İmza"] body{background:#eeeade}