/* Editorial form variant; shared sheet/glass, input and button rules remain owners. */
.bottom-sheet.metadata-editor-sheet { width: min(920px, calc(100vw - 24px)); max-width: 920px; }
.metadata-editor { display: flex; flex-direction: column; gap: 16px; padding: 12px; min-width: 0; }
.metadata-editor-body { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 24px; }
.metadata-editor-section { min-width: 0; display: grid; gap: 12px; }
.metadata-editor-section h3, .metadata-editor-section h4, .metadata-editor-section p { margin: 0; }
.metadata-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.metadata-editor-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; }
.metadata-editor-field--wide { grid-column: 1 / -1; }
.metadata-editor-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; }
.metadata-editor-label label { margin: 0; }
.metadata-editor-label button { flex-shrink: 0; font-size: var(--settings-help-size); }
.metadata-editor-field input, .metadata-editor-field textarea, .metadata-editor-person input, .metadata-editor-person select { width: 100%; min-width: 0; box-sizing: border-box; }
.metadata-editor-field textarea { resize: vertical; }
.metadata-editor-tags, .metadata-editor-add { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.metadata-editor-tags button { max-width: 100%; overflow-wrap: anywhere; }
.metadata-editor-add input { flex: 1; width: 0; }
.metadata-editor-people { display: grid; gap: 12px; }
.metadata-editor-person { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(70px, 1fr) minmax(60px, 1fr) auto; align-items: end; gap: 8px; }
.metadata-editor-person label { min-width: 0; margin: 0; display: grid; gap: 6px; }
.metadata-editor-preview { aspect-ratio: 16 / 10; min-width: 0; display: flex; align-items: center; justify-content: center; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-surface); overflow: hidden; }
.metadata-editor-preview img { width: 100%; height: 100%; object-fit: contain; }
.metadata-editor-upload { display: grid; gap: 8px; min-width: 0; }
.metadata-editor-upload input { max-width: 100%; }
.metadata-editor-path { overflow-wrap: anywhere; text-align: left; white-space: normal; }
.metadata-editor-error { color: var(--danger); overflow-wrap: anywhere; }
.metadata-editor-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; padding-block: 12px; }
@media (max-width: 600px) {
  .metadata-editor-grid { grid-template-columns: minmax(0, 1fr); }
  .metadata-editor-person { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metadata-editor-person > button { grid-column: 1 / -1; }
  .metadata-editor-actions > button { flex: 1; }
}