.feed-create, .feed-toolbar, .series-select, .series-slot-top, .series-presets > div,
.series-lineup, .series-add {
  display: flex;
  align-items: center;
  gap: 8px;
}

.feed-create, .feed-toolbar, .series-presets > div, .series-lineup {
  flex-wrap: wrap;
}

.feed-toolbar {
  justify-content: space-between;
  gap: 9px 16px;
  margin: 0 0 16px;
}

.feed-toolbar .filters {margin: 0; min-width: 0; max-width: 100%}

.series-select {
  max-width: 100%;
  color: var(--muted);
  font-size: 12px;
}

.series-select select {
  min-width: 0;
  max-width: min(250px, 70vw);
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: var(--surface);
  color: var(--ink);
}

dialog.series-dialog {width: min(815px, calc(100vw - 24px))}
.series-dialog .modal-intro {max-width: 62ch}

.series-presets {
  margin: 16px 0 22px;
  padding: 13px 15px;
  border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line));
  border-radius: 7px;
  background: linear-gradient(105deg, var(--gold-wash), var(--surface));
}

.series-presets > div {margin-top: 8px}
.series-lineup {justify-content: space-between; margin-bottom: 8px}
.series-lineup strong {font: 400 22px/1.15 Georgia, serif; letter-spacing: -.04em}
.series-lineup small, .series-field-head small {color: var(--muted); font-size: 11px}

.package-release-plan {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 14px;
  background: var(--surface);
}
.package-release-plan h3 {margin: 0; font: 500 22px/1.2 Georgia, serif}
.package-release-plan p, .package-release-plan [data-spacing-note] {margin: 6px 0; color: var(--muted); font-size: 12px}
.package-release-plan ol {
  list-style: none;
  padding: 0;
  margin: 12px 0 0;
  max-height: 16rem;
  overflow: auto;
  border-block: 1px solid var(--line);
}
.package-release-plan li + li {border-top: 1px solid var(--line)}
.package-release-plan li button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 4px 12px;
  align-items: center;
  width: 100%;
  padding: 9px 4px;
  text-align: left;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}
.package-release-plan li button:hover {background: var(--gold-wash)}
.package-release-plan li button:focus-visible {outline: 2px solid var(--gold); outline-offset: -2px}
.release-identity {display: grid; gap: 3px; overflow-wrap: anywhere; font-size: 13px}
.release-identity small, .release-when {font-size: 11px; color: var(--muted)}
.release-edit {font-size: 11px; color: var(--gold)}
.release-spacing {margin-top: 12px}
.release-spacing-controls {display: flex; flex-wrap: wrap; gap: 8px; align-items: end}
.modal-body .release-spacing-controls label {min-width: 0; margin: 0; font-size: 11px}
.release-spacing-controls input {max-width: 7rem}
.release-spacing-controls :is(select, input) {min-height: 32px}
.release-spacing [role=status]:not(:empty) {display: block; margin-top: 8px}
.package-release-plan [hidden] {display: none !important}
@media (max-width: 600px) {
  .package-release-plan li button {grid-template-columns: auto minmax(0,1fr) auto}
  .release-when {grid-column: 2; grid-row: 2}
  .release-edit {grid-column: 3; grid-row: 1 / span 2}
}
[data-series-slots] {display: grid; gap: 10px}

.series-slot, .modal-body fieldset.series-plan-fields {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--bg);
}

.series-slot-top {justify-content: space-between; margin-bottom: 6px}
.series-number {font: 650 10px/1.4 "Segoe UI", Arial, sans-serif; letter-spacing: .13em; color: var(--gold)}
.series-slot .tiny-action:disabled {visibility: hidden}
.series-slot-line, .series-pair, .series-route {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}
.series-slot-line {grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.45fr)}
.series-route {align-items: start; grid-template-columns: minmax(0, 1fr) minmax(0, 2.35fr)}
.series-slot-line label, .series-copy label, .series-route label, .series-pair label {min-width: 0}
.modal-body .series-slot label, .modal-body .series-group label {margin: 0 0 8px; font-size: 11px}
.modal-body .series-slot :is(input, select), .modal-body .series-copy textarea {background: var(--surface)}
.series-account {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 2px 0 8px;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.series-account small {color: var(--muted); font-size: 11px}
.series-slot details {margin-top: 4px; border-top: 1px solid var(--line)}
.series-slot summary {padding: 8px 0 0; color: var(--gold); font-size: 12px; cursor: pointer}
.series-copy {padding-top: 10px}
.series-field-head {font-weight: 650; font-size: 12px}
.series-field-head small {margin-left: 4px; font-weight: 400}
.series-group {margin-top: 6px; padding-top: 9px; border-top: 1px solid var(--line)}
.series-group .hint {margin-bottom: 7px}
.series-add {margin-top: 12px}
.series-plan-fields legend {color: var(--gold); padding: 0 5px}

.package-index summary{cursor:pointer;color:var(--gold);font-size:13px;padding:9px 0}.package-index>div{display:grid;gap:5px;max-height:260px;overflow:auto}.package-index button{display:grid;gap:3px;text-align:left;justify-content:start}.package-index small{color:var(--muted)}.package-library{padding:14px;border:1px solid var(--line);border-radius:8px;margin:18px 0;background:var(--bg)}.package-library h3{font:500 23px/1.2 Georgia,serif;margin:3px 0}.package-library>small,.package-empty{color:var(--muted);font-size:12px;line-height:1.5}.package-cut{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.cut-number{color:var(--gold);font:600 12px/2.2 system-ui}.cut-inputs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5px 12px}.modal-body .cut-inputs label{margin:0}.cut-url{grid-column:1/-1}.package-source{border-left:2px solid var(--gold);padding:9px 12px;background:var(--gold-wash);font-size:12px;line-height:1.5}.slot-controls{display:flex;gap:12px}.series-video-frame.horizontal video{aspect-ratio:16/9}.series-video-frame.square video{aspect-ratio:1}.series-video-frame.vertical video{aspect-ratio:9/16}@media(max-width:480px){.cut-inputs{grid-template-columns:1fr}.package-cut{grid-template-columns:minmax(0,1fr) auto}.cut-number{display:none}}

.series-summary {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  margin: 9px 0;
  border-left: 2px solid var(--gold);
  background: var(--gold-wash);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.series-summary span {color: var(--muted); font-size: 11px}

@media (max-width: 600px) {
  .feed-toolbar {align-items: flex-start}
  .series-dialog .modal-body {padding: 12px}
  .series-slot {padding: 10px}
  .series-slot-line {grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 8px}
  .series-slot-line > :last-child {grid-column: 1 / -1}
  .series-route {grid-template-columns: minmax(0,1fr) minmax(0,1fr)}
}

 .series-video-frame{display:grid;gap:.6rem;background:#15191e;color:#ece8e1;padding:.6rem;border-radius:10px}.series-video-frame video{width:100%;max-height:29rem;object-fit:contain}.series-video-frame.vertical video{aspect-ratio:9/16}.series-video-frame a{font:600 12px system-ui;color:#ebc770;text-align:center}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{text-decoration:underline}.series-summary a{color:var(--accent);font-size:.8rem}
@media (max-width: 400px) {
  .series-copy .series-pair, .series-plan-fields .series-pair {grid-template-columns: minmax(0, 1fr)}
  .series-presets {padding: 10px}
}
.series-copy-source {display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);margin:0 0 12px}
.series-copy-source small {font-size:11px}