/* Music tools use the site's existing surface, type and accent tokens. */
#lyrics-style .content-wrapper { max-width: 1440px; padding: 28px; margin: 0 auto; }
.lyrics-style-heading { margin-bottom: 24px; }
.lyrics-style-kicker { color: var(--primary-light); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; }
.lyrics-style-heading h2 { font-size: 28px; margin: 8px 0; }
.lyrics-style-heading p { color: var(--text-secondary); font-size: 14px; line-height: 1.7; }
.lyrics-style-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.lyrics-style-card { background: var(--bg-card); border: 1px solid var(--border-base); border-radius: var(--radius-md); padding: 24px; min-width: 0; }
.lyrics-style-card-head { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--border-base); }
.lyrics-style-card-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--bg-input); color: var(--primary-light); }
.lyrics-style-card-icon.is-audio { color: var(--accent-purple); }
.lyrics-style-card-copy { flex: 1; }
.lyrics-style-card-copy h3 { font-size: 16px; margin: 0 0 5px; }
.lyrics-style-card-copy p { color: var(--text-secondary); font-size: 12px; line-height: 1.6; }
.lyrics-style-card-index { color: var(--text-tertiary); font-size: 12px; }
.lyrics-style-toolbar, .lyrics-style-audio-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.lyrics-style-upload { flex: 1; min-width: 140px; }
.lyrics-style-upload, .lyrics-style-run, .lyrics-style-icon-button, .lyrics-style-model-trigger { color: var(--text-primary); background: var(--bg-input); border: 1px solid var(--border-light); border-radius: 8px; padding: 11px 13px; cursor: pointer; font: inherit; font-size: 13px; }
.lyrics-style-run { background: var(--primary); border-color: var(--primary); color: var(--text-on-primary); font-weight: 600; }
.lyrics-style-run:hover { background: var(--primary-hover); }
.lyrics-style-icon-button { padding: 7px 10px; color: var(--text-secondary); font-size: 12px; }
.lyrics-style-card button:disabled { opacity: .45; cursor: not-allowed; }
.lyrics-style-card button:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 3px; }
.lyrics-style-audio-actions { width: 100%; }
.lyrics-style-model-picker { flex: 1; display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 12px; color: var(--text-secondary); }
.lyrics-style-model-dropdown { position: relative; flex: 1; min-width: 0; }
.lyrics-style-model-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; }
.lyrics-style-model-menu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 10; background: var(--bg-card); border: 1px solid var(--border-light); border-radius: 8px; padding: 5px; box-shadow: var(--shadow-md); }
.lyrics-style-model-menu button { display: block; width: 100%; background: transparent; color: var(--text-primary); text-align: left; border: 0; padding: 10px; cursor: pointer; border-radius: 4px; }
.lyrics-style-model-menu button:hover { background: var(--bg-input); }
.lyrics-style-native-model-select { display: none; }
.lyrics-style-file { margin: 12px 0 18px; color: var(--text-secondary); font-size: 12px; overflow-wrap: anywhere; }
.lyrics-style-result-wrap, .lyrics-style-source-preview { border: 1px solid var(--border-base); background: var(--bg-content); border-radius: 10px; overflow: hidden; }
.lyrics-style-source-preview { margin-bottom: 16px; }
.lyrics-style-result-head, .lyrics-style-panel-head { padding: 12px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid var(--border-base); font-size: 13px; }
.lyrics-style-result-title i { color: var(--primary-light); margin-right: 6px; }
.lyrics-style-panel-actions { display: flex; gap: 6px; }
.lyrics-style-result, .lyrics-style-source-text { margin: 0; padding: 18px; white-space: pre-wrap; overflow-wrap: anywhere; font: 14px/1.9 inherit; font-family: inherit; line-height: 1.9; color: var(--text-primary); }
.lyrics-style-result { min-height: 400px; max-height: 72vh; overflow-y: auto; }
.lyrics-style-source-text { max-height: 240px; overflow: auto; }
.lyrics-style-result.is-placeholder, .lyrics-style-source-text.is-placeholder { color: var(--text-secondary); }
.lyrics-style-audio-preview audio { width: 100%; margin-bottom: 16px; }
.lyrics-style-card [hidden], #mv-create[hidden] { display: none !important; }
@media (max-width: 1000px) { .lyrics-style-grid { grid-template-columns: 1fr; } .lyrics-style-result { min-height: 260px; } }