.lyrics-tool { display:grid; gap:18px; min-width:0; }
.lyrics-drop { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; min-height:145px; padding:24px; border:1px dashed var(--subtle); border-radius:10px; background:var(--panel); text-align:center; cursor:pointer; transition:border-color .15s,background .15s; }
.lyrics-drop:hover,.lyrics-drop.is-dragging { border-color:var(--accent); background:var(--accent-bg); }
.lyrics-drop:focus-visible { outline:2px solid var(--accent); }
.lyrics-drop strong { color:var(--ink); font-size:15px; }
.lyrics-drop span { color:var(--muted); font-size:12px; }
.lyrics-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.lyrics-field { display:grid; gap:7px; min-width:0; color:var(--muted); font-size:12px; }
.lyrics-field select { width:100%; min-height:42px; min-width:0; padding:8px 10px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--ink); font:inherit; }
.lyrics-status { min-height:1.7em; overflow-wrap:anywhere; }
.lyrics-status.is-error { color:var(--error); }
.lyrics-actions { display:flex; flex-wrap:wrap; gap:9px; }
.lyrics-preview-label { color:var(--muted); font-size:12px; }
.lyrics-preview { width:100%; min-height:260px; resize:vertical; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--ink); font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.lyrics-preview::placeholder { color:var(--subtle); }
@media(max-width:520px) { .lyrics-settings { grid-template-columns:1fr; gap:13px; } .lyrics-drop { min-height:130px; padding:18px 13px; } .lyrics-preview { min-height:220px; } }