/* The dressing room: shared palettes, original vector sleeves, and quiet motion. */
:root { --scene-art: none; --accent-two: #a7baad; }
:root[data-theme="love-hertz"], .palette-love-hertz {
  --bg: #271420; --panel: #341e2c; --panel-2: #432535; --panel-3: #583043; --lane: #241420; --line: #1b0f16; --line-soft: #774659; --text: #fff0f3; --text-dim: #d9b1c1; --accent: #ffa1bf; --accent-two: #f6cb89; --lamp: var(--accent); --scene-art: url("../img/themes/love-hertz.svg");
}
:root[data-theme="stardust"], .palette-stardust {
  --bg: #10162e; --panel: #1b2243; --panel-2: #252e50; --panel-3: #35406b; --lane: #141b34; --line: #090e20; --line-soft: #465884; --text: #edf0ff; --text-dim: #b4c2e3; --accent: #b5bdff; --accent-two: #efb7ee; --lamp: var(--accent); --scene-art: url("../img/themes/stardust.svg");
}
:root[data-theme="jungle-jam"], .palette-jungle-jam {
  --bg: #19241d; --panel: #263329; --panel-2: #324134; --panel-3: #41503a; --lane: #1c2a21; --line: #101b15; --line-soft: #566c4f; --text: #f1f5dc; --text-dim: #bdc9a7; --accent: #d1f47f; --accent-two: #90c8b0; --lamp: var(--accent); --scene-art: url("../img/themes/jungle-jam.svg");
}
:root[data-theme="gold-record"], .palette-gold-record {
  --bg: #211b13; --panel: #30271c; --panel-2: #3e3323; --panel-3: #51432d; --lane: #241e15; --line: #130f0a; --line-soft: #76613e; --text: #fff3d7; --text-dim: #d0bc94; --accent: #efcb80; --accent-two: #fff0bb; --lamp: var(--accent); --scene-art: url("../img/themes/gold-record.svg");
}
:root[data-theme="royalty-check"], .palette-royalty-check {
  --bg: #10291f; --panel: #1a392b; --panel-2: #254936; --panel-3: #335c43; --lane: #162f24; --line: #0a1b13; --line-soft: #467657; --text: #eaf6dd; --text-dim: #adcdb8; --accent: #bce69c; --accent-two: #e0cf8d; --lamp: var(--accent); --scene-art: url("../img/themes/royalty-check.svg");
}
:root[data-theme="amped-up"], .palette-amped-up {
  --bg: #20191a; --panel: #302526; --panel-2: #3e2e2e; --panel-3: #553a37; --lane: #241d1e; --line: #110e0f; --line-soft: #79504a; --text: #f7eddf; --text-dim: #d2b5ac; --accent: #ff9582; --accent-two: #f1d5a0; --lamp: var(--accent); --scene-art: url("../img/themes/amped-up.svg");
}
:root[data-theme="after-hours"], .palette-after-hours {
  --bg: #1c1233; --panel: #2c1c46; --panel-2: #3b2456; --panel-3: #4e316f; --lane: #211636; --line: #10091e; --line-soft: #71508b; --text: #f8eafa; --text-dim: #d6b4e2; --accent: #f2a0e5; --accent-two: #86eee3; --lamp: var(--accent); --scene-art: url("../img/themes/after-hours.svg");
}
:root[data-theme="bubblegum-fm"], .palette-bubblegum-fm {
  --bg: #211e40; --panel: #312b57; --panel-2: #3e396a; --panel-3: #534d84; --lane: #252146; --line: #110e28; --line-soft: #726599; --text: #fff0fa; --text-dim: #c6b9e5; --accent: #ffa8d1; --accent-two: #b7eced; --lamp: var(--accent); --scene-art: url("../img/themes/bubblegum-fm.svg");
}
:root[data-theme="studio"], .palette-studio { --scene-art: url("../img/themes/studio.svg"); }
:root[data-theme="riff-in-peace"], .palette-riff-in-peace {
  --bg: #282236; --panel: #352c46; --panel-2: #43364f; --panel-3: #554361; --lane: #2e283b; --line: #191522; --line-soft: #7e6289; --text: #fff2df; --text-dim: #d9bfd6; --accent: #ffae99; --accent-two: #b2eed9; --lamp: var(--accent); --scene-art: url("../img/themes/riff-in-peace.svg");
}
:root[data-theme="moonlight-mixtape"], .palette-moonlight-mixtape {
  --bg: #222c4d; --panel: #2b3658; --panel-2: #384366; --panel-3: #46537b; --lane: #283150; --line: #141b33; --line-soft: #6677a4; --text: #fff4d5; --text-dim: #c1c9e8; --accent: #ffe3a0; --accent-two: #b9b1ff; --lamp: var(--accent); --scene-art: url("../img/themes/moonlight-mixtape.svg");
}
:root[data-theme="bonus-track"], .palette-bonus-track {
  --bg: #213e50; --panel: #2b4b5a; --panel-2: #365969; --panel-3: #436b78; --lane: #234351; --line: #122c38; --line-soft: #65938f; --text: #f7f4d9; --text-dim: #bdd8d4; --accent: #ffe095; --accent-two: #a6e2b7; --lamp: var(--accent); --scene-art: url("../img/themes/bonus-track.svg");
}
:root[data-theme="bug-jam"], .palette-bug-jam {
  --bg: #253f38; --panel: #2c4e43; --panel-2: #365e4f; --panel-3: #456f5b; --lane: #29473d; --line: #152b25; --line-soft: #668b70; --text: #fff1d5; --text-dim: #c2d4b8; --accent: #f6cc95; --accent-two: #c1dfa8; --lamp: var(--accent); --scene-art: url("../img/themes/bug-jam.svg");
}
:root[data-theme="bug-jam"] { --scene-art: url("../img/themes/bug-garden.svg"); }
:root[data-theme="aurora"], .palette-aurora { --scene-art: url("../img/themes/aurora.svg"); }
:root[data-theme="midnight-tape"], .palette-midnight-tape { --scene-art: url("../img/themes/midnight-tape.svg"); }
:root[data-theme="studio"] { --scene-art: none; }
.palette-studio { --bg: #141615; --accent-two: #98b6a2; }
.palette-aurora, :root[data-theme="aurora"] { --accent-two: #b0a8ed; }
.palette-midnight-tape, :root[data-theme="midnight-tape"] { --accent-two: #c6a899; }

/* Atmosphere is behind the app, never over a button, meter, clip, or label. */
body { position: relative; isolation: isolate; }
.studio-atmosphere { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; contain: strict; }
.studio-atmosphere::before { content: ""; position: absolute; inset: 0; background-image: var(--scene-art); background-size: 660px 440px; opacity: .16; mask-image: linear-gradient(120deg, #000b, #0002 45%, #000b); }
:root:is([data-theme="riff-in-peace"], [data-theme="moonlight-mixtape"], [data-theme="bonus-track"], [data-theme="bug-jam"]) .studio-atmosphere::before { background-size: 480px 320px; opacity: .36; mask-image: none; }
:root[data-theme="bonus-track"] .studio-atmosphere::before { image-rendering: pixelated; }
:root[data-theme="studio"] .studio-atmosphere { display: none; }
.ambient-light { position: absolute; width: 65vw; height: 70vh; border-radius: 50%; opacity: .15; background: radial-gradient(ellipse, var(--accent), transparent 65%); animation: light-drift 24s ease-in-out infinite alternate; }
.light-one { left: -20vw; top: -30vh; }
.light-two { right: -30vw; bottom: -30vh; background: radial-gradient(ellipse, var(--accent-two), transparent 65%); animation-delay: -12s; }
.ambient-particle { position: absolute; top: 100%; left: var(--x); color: var(--accent); font: var(--size)/1 Georgia, serif; opacity: 0; animation: note-float var(--duration) linear var(--delay) infinite; }
:root[data-effect="hearts"] .ambient-particle { color: #ff9fbe; }
:root[data-effect="stars"] .ambient-particle { top: -10%; animation-name: star-fall; text-shadow: 0 0 14px var(--accent); }
:root[data-effect="stars"] .ambient-particle::after { content: ""; position: absolute; bottom: 50%; right: 50%; height: 80px; width: 1px; transform-origin: bottom; transform: rotate(-32deg); background: linear-gradient(transparent, var(--accent)); }
:root[data-effect="glitter"] .ambient-particle { top: var(--y); animation-name: soft-sparkle; }
:root[data-effect="money"] .ambient-particle { top: -15%; border: 1px solid var(--accent); outline: 1px solid color-mix(in srgb, var(--accent) 35%, transparent); outline-offset: 3px; padding: 3px 18px; font-size: 20px; background: var(--panel); animation-name: money-fall; }
:root[data-effect="club"] .ambient-particle { top: var(--y); animation-name: soft-sparkle; font-size: 15px; }
:root[data-effect="club"] .ambient-light { opacity: .25; }
:root[data-effect="bolts"] .ambient-particle { font-weight: 900; }
:root:is([data-effect="rock"], [data-effect="arcade"], [data-effect="bugs"], [data-theme="moonlight-mixtape"]) .ambient-particle { width: calc(var(--size) * 1.7); height: calc(var(--size) * 1.7); background: center / contain no-repeat; color: transparent; text-shadow: none; }
:root[data-effect="rock"] .ambient-particle { background-image: url("../img/themes/rock-skull.svg"); }
:root[data-effect="rock"] .ambient-particle:nth-child(2n) { background-image: url("../img/themes/rock-guitar.svg"); height: calc(var(--size) * 2.4); }
:root[data-theme="moonlight-mixtape"] .ambient-particle { background-image: url("../img/themes/moon-star.svg"); }
:root[data-effect="arcade"] .ambient-particle { top: var(--y); background-image: url("../img/themes/pixel-note.svg"); image-rendering: pixelated; animation: pixel-hop 3.2s steps(8, end) var(--delay) infinite; }
:root[data-effect="arcade"] .ambient-particle:nth-child(3n) { background-image: url("../img/themes/pixel-buddy.svg"); animation-duration: 4.6s; }
:root[data-effect="bugs"] .ambient-particle { top: var(--y); background-image: url("../img/themes/bug-ant.svg"); animation: bug-stroll var(--duration) linear var(--delay) infinite alternate; transition: translate .65s ease-out; }
:root[data-effect="bugs"] .ambient-particle:nth-child(3n + 2) { background-image: url("../img/themes/bug-beetle.svg"); }
:root[data-effect="bugs"] .ambient-particle:nth-child(3n) { background-image: url("../img/themes/bug-bee.svg"); }
:root[data-effects-paused="true"] .ambient-particle, :root[data-recording="true"] .ambient-particle { transition: none; }
.ambience-toggle { position: fixed; z-index: 25; bottom: 16px; right: 18px; border: 1px solid var(--line-soft); border-radius: 24px; background: var(--panel); box-shadow: 0 4px 20px #0003; color: var(--text-dim); padding: 9px 14px; font: 11px var(--mono); cursor: pointer; }
.ambience-toggle::before { content: "Ⅱ"; color: var(--accent); margin-right: 7px; }
.ambience-toggle[aria-pressed="true"]::before { content: "▷"; }
.daw-page .ambience-toggle { bottom: 38px; }
:root[data-motion="off"] .ambient-light, :root[data-motion="off"] .ambient-particle,
:root[data-effects-paused="true"] .ambient-light, :root[data-effects-paused="true"] .ambient-particle,
:root[data-page-hidden="true"] .ambient-light, :root[data-page-hidden="true"] .ambient-particle,
:root[data-recording="true"] .ambient-light, :root[data-recording="true"] .ambient-particle { animation-play-state: paused; }
:root[data-motion="off"] #ambient-particles, :root[data-recording="true"] #ambient-particles { visibility: hidden; }
:root[data-theme]:not([data-theme="studio"]) .arrange { background: transparent; }
:root[data-theme]:not([data-theme="studio"]) .track-row.selected .track-header { background: var(--panel-3); }
:root[data-theme]:not([data-theme="studio"]) .topbar:not(.home-topbar) { border-top: 2px solid var(--accent); background: linear-gradient(110deg, var(--panel), var(--panel-2)); }
:root[data-theme]:not([data-theme="studio"]) .home .btn.primary { background: var(--accent); color: var(--bg); border-color: var(--accent); }
:root[data-theme="gold-record"] .topbar:not(.home-topbar) { border-image: linear-gradient(90deg, #7a5b26, #f3d992, #ae853a, #ffeec3) 1; }
:root[data-theme="after-hours"] .topbar:not(.home-topbar) { box-shadow: 0 2px 20px #f2a0e518; }
@keyframes note-float { 0% { transform: translate3d(0, 0, 0) rotate(-20deg); opacity: 0; } 12%, 80% { opacity: .3; } 100% { transform: translate3d(var(--drift), -115vh, 0) rotate(35deg); opacity: 0; } }
@keyframes star-fall { 0% { transform: translate3d(-100px, -80px, 0); opacity: 0; } 6%, 28% { opacity: .42; } 45%, 100% { transform: translate3d(42vw, 110vh, 0); opacity: 0; } }
@keyframes money-fall { 0% { transform: translate3d(0, 0, 0) rotate(-20deg); opacity: 0; } 15%, 75% { opacity: .32; } 100% { transform: translate3d(var(--drift), 120vh, 0) rotate(65deg); opacity: 0; } }
@keyframes soft-sparkle { 0%, 100% { opacity: .06; transform: scale(.65) rotate(0); } 50% { opacity: .45; transform: scale(1.05) rotate(50deg); } }
@keyframes light-drift { to { transform: translate3d(20vw, 12vh, 0); } }
@keyframes pixel-hop { 0%, 60%, 100% { transform: translateY(0); opacity: .58; } 30% { transform: translateY(-24px); opacity: .72; } }
@keyframes bug-stroll { 0% { transform: translate(0, 20px) rotate(-30deg); opacity: .8; } 45% { transform: translate(30px, -30px) rotate(15deg); opacity: .8; } 100% { transform: translate(-30px, -100px) rotate(-20deg); opacity: .8; } }

/* The collection is laid out like a little record shop. */
.account-main[data-view="appearance"] { max-width: 1220px; padding-top: 52px; }
.dressing-room-hero { display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 55px; padding-bottom: 42px; }
.dressing-room-copy h1 { font-size: clamp(45px, 5.8vw, 72px); letter-spacing: -.065em; margin: 23px 0; font-weight: 720; }
.dressing-room-copy h1 em { font-family: Georgia, serif; font-weight: 400; color: var(--accent); letter-spacing: -.045em; }
.dressing-room-copy .eyebrow { font-size: 9px; color: var(--accent); letter-spacing: .15em; }
.collection-dot { display: inline-block; width: 6px; height: 6px; background: var(--accent); border-radius: 50%; margin-right: 8px; }
.dressing-room-copy .account-intro { font-size: 17px; line-height: 1.7; }
.collection-promise { color: var(--text-dim); font: 10px var(--mono); margin-top: 24px; }
.collection-sharing { max-width: 38em; color: var(--text-dim); font-size: 12px; line-height: 1.7; }
#project-look { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--accent); }
.studio-audition { min-width: 0; transform: rotate(1.5deg); }
.audition-caption { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 10px; }
.audition-caption .eyebrow { font-size: 9px; margin: 0; }
.audition-status { color: var(--accent); font: 9px var(--mono); }
.audition-room { position: relative; isolation: isolate; overflow: hidden; padding: 37px 25px 28px; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--bg); box-shadow: 0 24px 48px #0003; }
.audition-art { position: absolute; inset: 0; z-index: -1; background: var(--scene-art) center / cover; opacity: .6; }
.audition-sticker { position: absolute; right: 13px; top: 9px; z-index: 2; display: grid; place-items: center; width: 45px; height: 45px; border: 3px solid var(--bg); background: var(--accent); color: var(--bg); border-radius: 50%; font: 28px Georgia, serif; transform: rotate(14deg); box-shadow: 0 3px 10px #0003; }
.audition-console { border: 1px solid var(--line-soft); border-radius: 5px; overflow: hidden; box-shadow: 0 15px 30px #0005; background: var(--lane); }
.audition-top { display: flex; align-items: center; justify-content: space-between; height: 35px; padding: 0 12px; font: 8px var(--mono); background: var(--panel-2); }
.audition-top > span:first-child { color: var(--accent); letter-spacing: 7px; white-space: nowrap; }
.audition-top i { font-style: normal; color: var(--text-dim); }
.audition-top b { font-weight: 400; color: var(--accent); background: var(--bg); padding: 4px 8px; }
.audition-ruler { display: flex; justify-content: space-between; padding: 5px 15px 5px 90px; font: 7px var(--mono); color: var(--text-dim); background: var(--bg); }
.audition-track { display: grid; grid-template-columns: 78px 1fr; height: 40px; border-top: 1px solid var(--line-soft); }
.audition-track > span { padding: 9px; font: 6px var(--mono); background: var(--panel-2); color: var(--text); border-left: 2px solid var(--accent); }
.audition-track small { display: block; margin-top: 6px; color: var(--text-dim); }
.audition-track > div { min-width: 0; min-height: 0; overflow: hidden; padding: 5px; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), var(--line-soft) calc(25% - 1px) 25%); }
.audition-clip { height: 28px; overflow: hidden; width: 77%; color: var(--accent); background: color-mix(in srgb, var(--accent) 18%, var(--lane)); border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--lane)); border-radius: 3px; }
.audition-track:nth-child(4) .audition-clip { margin-left: 23%; color: var(--accent-two); }
.audition-track:nth-child(5) .audition-clip { margin-left: 9%; width: 59%; }
.audition-bottom { display: flex; justify-content: space-between; padding: 7px 10px; background: var(--panel); color: var(--text-dim); font: 6px var(--mono); }
.audition-title { display: flex; flex-wrap: wrap; gap: 5px 14px; justify-content: space-between; align-items: baseline; margin: 14px 4px 0; }
.audition-title strong { font-size: 17px; letter-spacing: -.03em; }
.audition-title > span { color: var(--text-dim); font: 9px var(--mono); }
.collection-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-top: 45px; }
.collection-heading h2 { font-size: 25px; letter-spacing: -.035em; }
.collection-heading > p { margin: 0; font-size: 12px; color: var(--text-dim); text-align: right; }
.sleeve-grid { gap: 30px 22px; margin-top: 25px; }
.sleeve-preview { display: block; padding: 0 0 16px; overflow: hidden; border-radius: 9px; background: var(--panel); transition: border-color .15s, box-shadow .15s; }
.sleeve-preview:hover { box-shadow: 0 12px 25px #0003; }
.sleeve-preview[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--accent); }
.theme-sleeve { display: block; position: relative; aspect-ratio: 1.5; overflow: hidden; border-bottom: 1px solid #ffffff18; isolation: isolate; }
.theme-sleeve::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #0006, transparent 22%, transparent 80%, #0004); pointer-events: none; }
.theme-sleeve img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .4s ease; }
.sleeve-preview:hover img { transform: scale(1.035) rotate(-1deg); }
.sleeve-edition, .sleeve-tag, .sleeve-preview-hint { position: absolute; z-index: 1; color: #fff9ec; font: 8px var(--mono); letter-spacing: .07em; }
.sleeve-edition { left: 14px; top: 13px; }
.sleeve-tag { left: 14px; bottom: 13px; }
.sleeve-preview-hint { right: 10px; bottom: 9px; background: #0f1117d9; border: 1px solid #fff5; padding: 5px 8px; border-radius: 20px; opacity: 0; }
.sleeve-preview:hover .sleeve-preview-hint, .sleeve-preview:focus-visible .sleeve-preview-hint { opacity: 1; }
.sleeve-preview .theme-title { margin: 14px 16px 0; font-size: 18px; letter-spacing: -.025em; }
.sleeve-preview .theme-label { letter-spacing: 0; font: 9px var(--mono); }
.sleeve-preview .theme-description { margin: 5px 16px 0; font-size: 12px; }
.sleeve-detail { display: flex; align-items: center; gap: 10px; margin: 16px 16px 0; color: var(--text-dim); font: 9px var(--mono); }
.palette-dots { display: flex; gap: 3px; }
.palette-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); }
.palette-dots i:nth-child(2) { background: var(--accent-two); }
.palette-dots i:nth-child(3) { background: var(--panel-3); border: 1px solid #ffffff38; }
.classic-divider { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid var(--line-soft); padding-top: 26px; margin-top: 10px; }
.classic-divider > span { font-size: 18px; font-weight: 600; }
.classic-divider p { color: var(--text-dim); font-size: 12px; margin: 0; }
.dressing-controls { position: sticky; top: 12px; z-index: 15; padding: 18px 23px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--panel); box-shadow: 0 10px 35px #0003; gap: 30px; }
.selection-copy { flex: 1; min-width: 0; }
.selection-copy > .eyebrow { margin-bottom: 4px; font-size: 8px; color: var(--accent); }
.selection-copy h2 { font-size: 22px; margin-bottom: 7px; }
.selection-copy #theme-note { font-size: 12px; max-width: 460px; }
.selection-options { flex: 0 1 450px; }
.selection-options .account-actions { margin: 12px 0 0; gap: 8px; }
.selection-options .btn { min-height: 36px; height: auto; font-size: 12px; padding: 7px 12px; }
.motion-control { display: flex; gap: 9px; align-items: center; font-size: 12px; cursor: pointer; width: fit-content; position: relative; }
.motion-control input { z-index: 1; cursor: pointer; position: absolute; width: 35px; height: 20px; margin: 0; opacity: 0; }
.motion-switch { pointer-events: none; display: inline-block; width: 35px; height: 20px; border: 1px solid var(--line-soft); border-radius: 20px; background: var(--bg); padding: 3px; }
.motion-switch::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--text-dim); }
.motion-control input:checked + .motion-switch { background: var(--accent); border-color: var(--accent); }
.motion-control input:checked + .motion-switch::before { background: var(--bg); transform: translateX(14px); }
.motion-control input:focus-visible + .motion-switch { outline: 2px solid var(--text); outline-offset: 4px; }
.dressing-controls .motion-footnote { font-size: 10px; margin: 5px 0 0; color: var(--text-dim); }
.theme-preview:focus-visible, .ambience-toggle:focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
@media (max-width: 900px) {
  .dressing-room-hero { gap: 30px; }
  .dressing-room-copy h1 { font-size: 52px; }
  .dressing-room-copy .account-intro { font-size: 15px; }
  .audition-room { padding: 32px 13px 22px; }
  .sleeve-grid { grid-template-columns: repeat(2, 1fr); }
  .selection-options { flex-basis: 340px; }
}
@media (max-width: 700px) {
  .account-main[data-view="appearance"] { padding-top: 28px; }
  .dressing-room-hero { grid-template-columns: 1fr; gap: 32px; padding-bottom: 30px; }
  .dressing-room-copy h1 { font-size: 57px; }
  .dressing-room-copy .account-intro { font-size: 16px; }
  .collection-promise { line-height: 1.6; }
  .studio-audition { margin: 0 5px; }
  .collection-heading { align-items: start; margin-top: 28px; }
  .collection-heading h2 { font-size: 21px; }
  .collection-heading > p { display: none; }
  .sleeve-grid { gap: 16px 12px; }
  .sleeve-preview .theme-title { font-size: 14px; margin: 11px 10px 0; flex-wrap: wrap; gap: 5px; }
  .sleeve-preview .theme-label { font-size: 8px; }
  .sleeve-preview .theme-description { font-size: 10px; margin: 6px 10px; line-height: 1.5; }
  .sleeve-detail { margin: 12px 10px 0; font-size: 8px; flex-wrap: wrap; gap: 6px; }
  .sleeve-edition { left: 8px; top: 8px; font-size: 6px; }
  .sleeve-tag { left: 8px; bottom: 8px; font-size: 5px; }
  .sleeve-preview-hint { display: none; }
  .dressing-controls { top: 0; padding: 13px 15px; gap: 10px; border-radius: 0 0 9px 9px; }
  .selection-copy { width: 100%; }
  .selection-copy .eyebrow { display: none; }
  .selection-copy h2 { font-size: 18px; margin: 0; }
  .selection-copy #theme-note { display: none; }
  .selection-options { flex: none; width: 100%; }
  .motion-control { font-size: 11px; }
  .dressing-controls .motion-footnote { font-size: 9px; }
  .selection-options .account-actions { margin-top: 10px; }
  .selection-options .btn { min-height: 40px; font-size: 11px; }
  .classic-divider { display: block; }
  .classic-divider p { margin-top: 5px; }
  .ambience-toggle { right: 12px; bottom: 10px; }
  .ambient-particle:nth-child(n+7) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-atmosphere *, .studio-atmosphere::before { animation: none !important; }
  #ambient-particles { display: none; }
  .sleeve-preview, .theme-sleeve img { transition: none; }
  .sleeve-preview:hover img { transform: none; }
}
:root:not([data-theme="studio"]) .daw :is(.track-header, .ruler-row, .corner) { background: var(--panel-2); }
:root:not([data-theme="studio"]) .daw .track-row.selected .lane { background-color: color-mix(in srgb, var(--accent) 6%, var(--lane)); }
:root:not([data-theme="studio"]) .daw :is(.lcd, .field-btn, .field-static, .transport) { background: var(--bg); border-color: var(--line-soft); }
:root:not([data-theme="studio"]) .daw .lcd-main { color: var(--accent); }
:root:not([data-theme="studio"]) .daw :is(.lcd-sub, .track-name) { color: var(--text); }
:root:not([data-theme="studio"]) .daw-footer { background: var(--panel); color: var(--text-dim); border-color: var(--line-soft); }
.audition-clip .illustrated-wave { height: 26px; }

.selection-copy #appearance-status { color: var(--accent); font-size: 12px; margin: 6px 0 0; }
.selection-copy #appearance-status:empty { display: none; }