/* Studio — тёплый «ночной пульт», янтарь */

/* токены на body: browse-bar / меню живут вне .neo-player */
body:has(.neo-player[data-skin="studio"]) {
  --neo-bg: #14110f;
  --neo-card: #1c1916;
  --neo-text: #f3ebe3;
  --neo-muted: #a89888;
  --neo-accent: #e0a14a;
  --neo-script: #f0c078;
  --neo-shadow-dark: rgba(0, 0, 0, 0.55);
  --neo-shadow-light: rgba(255, 220, 180, 0.04);
  --bg: #12100e;
  --bg2: #1a1612;
  --fg: #f3ebe3;
  --muted: #a89888;
  --line: rgba(243, 235, 227, 0.1);
  --accent: #e0a14a;
  background: #12100e;
  color: var(--fg);
}

.neo-player[data-skin="studio"] {
  --neo-bg: #14110f;
  --neo-card: #1c1916;
  --neo-text: #f3ebe3;
  --neo-muted: #a89888;
  --neo-accent: #e0a14a;
  --neo-script: #f0c078;
  --neo-shadow-dark: rgba(0, 0, 0, 0.55);
  --neo-shadow-light: rgba(255, 220, 180, 0.04);
  color: var(--neo-text);
}

.neo-player[data-skin="studio"] .neo-player__card {
  background:
    radial-gradient(120% 80% at 50% -20%, rgba(224, 161, 74, 0.12), transparent 55%),
    var(--neo-card);
  border: 1px solid rgba(224, 161, 74, 0.12);
  box-shadow: none;
}

.neo-player[data-skin="studio"] .brand-logo__tilde,
.neo-player[data-skin="studio"] .brand-logo__word--accent {
  color: var(--neo-accent);
}

.neo-player[data-skin="studio"] .neo-btn {
  color: #9a8b7a;
  background: var(--neo-card);
  box-shadow:
    5px 5px 12px rgba(0, 0, 0, 0.5),
    -3px -3px 8px rgba(255, 220, 180, 0.035);
}

.neo-player[data-skin="studio"] .neo-btn:active,
.neo-player[data-skin="studio"] .neo-btn--rec.is-recording {
  box-shadow:
    inset 4px 4px 10px rgba(0, 0, 0, 0.55),
    inset -2px -2px 6px rgba(255, 220, 180, 0.03);
}

.neo-player[data-skin="studio"] .neo-btn--main {
  color: #1a1208;
  background: linear-gradient(145deg, #f0b65a, #c88830);
  box-shadow:
    6px 6px 14px rgba(0, 0, 0, 0.5),
    -3px -3px 8px rgba(255, 200, 120, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.neo-player[data-skin="studio"] .neo-btn--main.is-playing {
  color: #1a1208;
}

.neo-player[data-skin="studio"] .neo-player__art {
  box-shadow:
    inset 4px 4px 12px rgba(0, 0, 0, 0.55),
    inset -2px -2px 8px rgba(255, 200, 120, 0.05);
}

.neo-player[data-skin="studio"] .neo-player__art-fallback {
  background:
    radial-gradient(circle at 30% 20%, #4a3a28 0%, transparent 50%),
    linear-gradient(145deg, #2a2218, #100e0c);
}

.neo-player[data-skin="studio"] .player-more__menu {
  background: var(--neo-card);
  border: 1px solid rgba(224, 161, 74, 0.18);
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.45);
}

/* browse-bar hamburger на fullscreen — те же soft-тени */
body:has(.neo-player[data-skin="studio"]) .browse-bar .neo-btn {
  color: #9a8b7a;
  background: var(--neo-card);
  box-shadow:
    5px 5px 12px rgba(0, 0, 0, 0.5),
    -3px -3px 8px rgba(255, 220, 180, 0.035);
}

body.is-player:has(.neo-player[data-skin="studio"]),
body.is-browsing:has(.neo-player[data-skin="studio"]) .neo-player {
  background: #12100e;
}