/* ============================================================
   editor.css — Editor de músicas (modal a pantalla completa)
   ============================================================ */
.editor-form { display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: 0; }
.ed-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}
.ed-meta .form-row, .form-row {
  display: flex; align-items: center; gap: 10px;
}
.form-row > span { min-width: 130px; color: var(--text-dim); }
.form-row input[type="text"], .form-row input[type="number"], .form-row input[type="date"],
.form-row input[type="time"], .form-row input[type="color"], .form-row select, .form-row textarea {
  flex: 1;
  background: var(--panel2); color: var(--text);
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: 8px 10px; outline: none;
}
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--accent); }
.form-row input[type="color"] { padding: 2px; height: 34px; width: 60px; flex: 0 0 60px; }
.form-row input[type="checkbox"] { width: 17px; height: 17px; }
.chk-row { justify-content: flex-start; }

.ed-cols { display: flex; gap: 14px; }
.ed-col { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ed-col-lbl { font-size: 12px; color: var(--text-dim); text-transform: uppercase; letter-spacing: .6px; }
.ed-text {
  height: 180px; resize: vertical;
  background: var(--panel2); color: var(--text);
  border: 1px solid var(--border); border-radius: var(--radius);
  padding: 10px 12px; outline: none;
  font-family: Consolas, 'Courier New', monospace;
  font-size: 13px; line-height: 1.5;
  white-space: pre;
}
.ed-text:focus { border-color: var(--accent); }
.ed-hint { font-size: 11.5px; color: var(--text-dim); }
.ed-preview-col { flex: 1.2; min-height: 0; }
.ed-preview-col .slide-grid { overflow-y: auto; max-height: 220px; padding-right: 4px; }