.music-theme-panel { max-width: 760px; padding: 22px; margin: 18px 0; border: 1px solid var(--border-color, #ffffff20); border-radius: 14px; background: var(--card-bg, #ffffff05); }
.music-theme-panel h3 { margin: 0 0 10px; }
.music-theme-panel hr { border: 0; border-top: 1px solid #8884; margin: 24px 0; }
.music-theme-hint { font-size: 13px; color: var(--text-dim, #aaa); margin: 10px 0; line-height: 1.7; }
.music-theme-toggle, .music-theme-inputs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.music-theme-inputs label { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.music-theme-inputs input[data-hex] { width: 125px; }
.music-theme-inputs input[type=color] { width: 45px; height: 38px; padding: 2px; border: 0; cursor: pointer; }
.music-theme-presets { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0; }
.music-theme-presets button { width: 34px; height: 34px; border-radius: 50%; background: var(--swatch); border: 3px solid transparent; cursor: pointer; }
.music-theme-presets button[aria-pressed=true] { outline: 2px solid var(--swatch); border-color: white; }
.music-discord-preview { display: flex; gap: 12px; background: #36373e; color: #f2f3f5; border-radius: 10px; padding: 16px; margin: 16px 0; font-family: Arial, sans-serif; text-align: left; }
.music-preview-avatar { flex: 0 0 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #ed4245; color: white; font-size: 27px; }
.music-preview-message { flex: 1; min-width: 0; max-width: 470px; }
.music-preview-author { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; font-size: 14px; }
.music-preview-author span { background: #5865f2; color: white; border-radius: 3px; padding: 1px 3px; font-size: 10px; }
.music-preview-author small { color: #aaa; font-size: 11px; }
.music-preview-embed { border-left: 4px solid #547e72; border-radius: 4px; background: #303138; padding: 16px; display: flex; gap: 16px; justify-content: space-between; font-size: 14px; }
.music-preview-embed[hidden], .music-discord-preview [hidden] { display: none; }
.music-preview-embed p { margin: 14px 0 0; }
.music-preview-embed .music-preview-track { color: #6cbbff; margin: 12px 0 24px; }
.music-preview-embed img { width: 90px; height: 90px; object-fit: contain; align-self: flex-start; }
.music-preview-controls { display: flex; gap: 7px; margin-top: 6px; }
.music-preview-controls span { display: grid; place-items: center; width: 56px; height: 32px; border-radius: 6px; background: #484951; color: #dedee4; font-size: 21px; }
.music-preview-controls svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
@media(max-width: 480px) { .music-theme-panel { padding: 12px; } .music-discord-preview { padding: 10px; gap: 8px; } .music-preview-avatar { flex-basis: 28px; height: 28px; font-size: 20px; } .music-preview-embed { padding: 10px; gap: 8px; font-size: 12px; } .music-preview-embed img { width: 62px; height: 62px; } }