.admin-timeline-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: var(--space-5);
}

.admin-timeline-layout .panel,
.admin-timeline-layout .field { min-width: 0; }
.admin-timeline-layout .input,
.admin-timeline-layout textarea { width: 100%; max-width: 100%; }
.admin-timeline-layout audio { display: block; width: 100%; margin-block: var(--space-4); }
.admin-timeline-video { padding-block: var(--space-4); border-block: 1px solid var(--line-default); }
.admin-timeline-video video { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; margin-top: var(--space-4); background: var(--surface); }
.admin-timeline-video video[hidden] { display: none; }
.admin-timeline-layout p { overflow-wrap: anywhere; }
.admin-timeline-layout .field small { color: var(--ink-secondary); font-size: var(--text-1); }
.admin-timeline-history { margin-top: var(--space-5); }
.admin-timeline-actions { display: flex; align-items: end; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-4); }
.admin-timeline-actions .field { flex: 1 1 100%; }
.admin-timeline-cue { color: var(--ink); background: var(--surface); text-align: left; cursor: pointer; min-height: var(--touch-target); }
.admin-timeline-cue:hover { border-color: var(--signal); }
.admin-timeline-cue:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
.admin-timeline-layout .btn { min-height: var(--touch-target); }
.admin-kax-settings { padding-block: var(--space-4); border-bottom: 1px solid var(--line-default); }
.admin-kax-settings fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.admin-kax-settings summary { cursor: pointer; min-height: var(--touch-target); padding-block: var(--space-3); }
.admin-kax-settings summary:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }
.admin-kax-settings .select { min-height: var(--touch-target); width: 100%; }
.admin-kax-color { display: flex; align-items: center; gap: var(--space-3); }
.admin-kax-color input[type="color"] { width: var(--touch-target); height: var(--touch-target); padding: var(--space-1); cursor: pointer; }
.admin-kax-color output { color: var(--ink-secondary); font-variant-numeric: tabular-nums; }
.admin-kax-line { display: grid; grid-template-columns: minmax(0, 1fr) minmax(110px, 0.45fr); align-items: center; gap: var(--space-2); margin-block: var(--space-2); }
.admin-kax-line button { border: 1px solid var(--line-default); border-radius: var(--radius-sm); padding: var(--space-3); }
.admin-kax-line strong, .admin-kax-line small { display: block; overflow-wrap: anywhere; }
.admin-kax-line small, [data-kax-status] { color: var(--ink-secondary); font-size: var(--text-1); }

@media (max-width: 1040px) {
  .admin-timeline-layout { grid-template-columns: minmax(0, 1fr); }
}

[data-lyrics-timeline-access][hidden] { display: none !important; }
.lyrics-timeline-tool .admin-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.lyrics-timeline-tool .field-full { grid-column: 1 / -1; }
.lyrics-timeline-tool .admin-mv-word-list { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.lyrics-timeline-tool .admin-mv-word { min-width: 0; max-width: 100%; padding: var(--space-3); border: 1px solid var(--line-default); border-radius: var(--radius-md); overflow-wrap: anywhere; }
.lyrics-timeline-tool .admin-mv-word strong, .lyrics-timeline-tool .admin-mv-word small { display: block; }
.lyrics-timeline-tool .admin-mv-word small { color: var(--ink-secondary); font-size: var(--text-1); }
.lyrics-timeline-tool .admin-mv-word.is-selected { border-color: var(--signal); background: var(--signal-soft); }
.lyrics-timeline-tool .admin-row { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); padding: var(--space-4); border-bottom: 1px solid var(--line-default); }
.lyrics-timeline-tool .admin-row > div { min-width: 0; }
.lyrics-timeline-tool .admin-row strong, .lyrics-timeline-tool .admin-row small { display: block; overflow-wrap: anywhere; }
.lyrics-timeline-tool .admin-row small { color: var(--ink-secondary); font-size: var(--text-1); }
.lyrics-timeline-tool .admin-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.lyrics-timeline-tool .admin-grant-notice { padding: var(--space-3); border: 1px solid var(--line-default); border-radius: var(--radius-sm); color: var(--ink-secondary); }
.lyrics-timeline-tool .form-error { color: var(--danger); }
@media (max-width: 640px) {
  .lyrics-timeline-tool .admin-form-grid { grid-template-columns: minmax(0, 1fr); }
  .lyrics-timeline-tool .admin-row { align-items: flex-start; flex-direction: column; }
  .lyrics-timeline-tool input, .lyrics-timeline-tool textarea, .lyrics-timeline-tool select { font-size: 16px; }
  .lyrics-timeline-tool { padding-bottom: calc(var(--mobile-nav-height, 64px) + env(safe-area-inset-bottom) + var(--space-4)); }
}