.collection-add-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.collection-content-heading { align-items:center; gap:20px; }
.collection-content-heading h2 { flex-shrink:0; }
.collection-content-heading h2 span { display:inline-block; font-size:11px; font-weight:400; }
.collection-content-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:20px 0 8px; }
.collection-content-controls > .input-wrap { width: min(350px,100%); background:#fff; }
.collection-content-controls input { min-height:39px; font-size:12px; }
.collection-content-controls select { width:auto; min-width:155px; max-width:240px; height:41px; padding:0 30px 0 12px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--muted); font-size:11px; }
.collection-filter-status { margin-left:auto; color:var(--muted); font-size:11px; }
.collection-filter-hint { color:#8a6140; font-size:11px; margin:12px 0; }
.collection-block-row { list-style:none; padding:24px 0; border-bottom:1px solid var(--line); position:relative; }
.collection-block-main { display:flex; align-items:flex-start; gap:10px; }
.collection-block-content { flex:1; min-width:0; }
.collection-drag-handle { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:22px; height:31px; margin-left:-28px; margin-top:7px; background:none; color:#92968b; opacity:0; cursor:grab; touch-action:auto; border-radius:4px; }
.collection-drag-handle .icon { width:16px; height:20px; }
.collection-block-row:hover .collection-drag-handle, .collection-drag-handle:focus-visible { opacity:1; }
.collection-drag-handle:disabled { cursor:default; opacity:.2; }
.collection-block-tools { display:flex; gap:1px; flex-shrink:0; }
.collection-block-tools .icon-button { width:29px; height:32px; border-radius:5px; }
.collection-block-tools .icon-button .icon { width:16px; height:16px; }
.collection-block-tools .icon-button:disabled { cursor:default; opacity:.28; }
.collection-block-tools .icon-button:hover:not(:disabled) { color:var(--accent); background:#f1eee7; }
.collection-block-row.depth-1 { margin-left:18px; padding-left:20px; border-left:2px solid #e6e7df; }
.collection-block-row.depth-2 { margin-left:56px; padding-left:20px; border-left:2px solid #e6e7df; }
.collection-block-row.depth-1 .collection-drag-handle, .collection-block-row.depth-2 .collection-drag-handle { margin-left:0; }
.collection-rich-video-link { display:flex; align-items:center; gap:18px; min-width:0; }
.collection-rich-thumbnail { display:block; width:128px; aspect-ratio:16/9; border-radius:6px; overflow:hidden; background:#eceee5; flex-shrink:0; }
.collection-rich-thumbnail img { width:100%; height:100%; object-fit:cover; }
.collection-rich-video-heading { display:flex; flex-direction:column; gap:6px; min-width:0; flex:1; }
.collection-rich-title { font-size:14px; font-weight:580; line-height:1.5; overflow-wrap:anywhere; }
.collection-rich-video-link:hover .collection-rich-title { color:var(--accent); }
.collection-rich-author { font-size:11px; color:var(--muted); line-height:1.5; overflow-wrap:anywhere; }
.collection-source-title { color:#74796c; font-size:10px; line-height:1.6; overflow-wrap:anywhere; }
.collection-rich-video-link > .icon { width:15px; height:15px; color:#7c8274; }
.collection-video-labels, .collection-moment-links, .collection-block-content > .curator-note { margin-left:146px; }
.collection-video-labels { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:12px; }
.collection-language-label { font-size:10px; color:var(--muted); margin-right:3px; }
.collection-video-tag { display:inline-flex; font-size:10px; line-height:1.6; padding:3px 8px; border-radius:4px; background:#eef0f7; color:#5c6480; }
.collection-block-copy p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; color:#656c5d; line-height:1.85; margin:11px 0 0; }
.collection-block-copy p.is-collapsed { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.collection-block-copy > .text-button { margin-top:8px; font-size:10px; }
.collection-moment-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.collection-moment-links a { display:inline-flex; align-items:baseline; gap:7px; padding:5px 8px; border:1px solid #e7e3d9; border-radius:5px; font-size:10px; line-height:1.6; color:#646950; overflow-wrap:anywhere; }
.collection-moment-links a:hover { color:var(--accent); border-color:#d8b5a9; }
.moment-time { color:#a24d3b; font-variant-numeric:tabular-nums; white-space:nowrap; }
.block-section { padding-top:28px; padding-bottom:19px; }
.collection-section-heading { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
.collection-section-title { font-size:21px; letter-spacing:-.4px; line-height:1.4; font-weight:580; margin:2px 0; overflow-wrap:anywhere; }
.depth-1 .collection-section-title { font-size:17px; letter-spacing:-.1px; }
.collection-section-count { font-size:10px; color:#747b6d; white-space:nowrap; }
.block-text .collection-block-copy p { margin-top:2px; color:#575f50; }
.collection-root-drop { list-style:none; display:none; padding:22px; margin-top:12px; border:1px dashed #c8cdc0; color:#6c755e; font-size:12px; text-align:center; border-radius:7px; }
.is-dragging .collection-root-drop { display:block; }
.collection-block-row.drop-before::before, .collection-block-row.drop-after::after { content:''; position:absolute; left:0; right:0; height:3px; background:var(--accent); border-radius:2px; }
.collection-block-row.drop-before::before { top:0; }
.collection-block-row.drop-after::after { bottom:0; }
.collection-block-row.drop-inside, .collection-root-drop.drop-inside { background:#f0f1e9; box-shadow:inset 0 0 0 1px #bdc6af; border-radius:7px; }
#collection-author-dialog { width:min(600px,calc(100% - 32px)); }
.collection-source-metadata { padding:13px 15px; background:#f5f5f0; border-radius:7px; margin-bottom:22px; }
.collection-source-metadata .eyebrow { font-size:9px; }
#collection-author-source-title { font-size:12px; line-height:1.6; font-weight:550; margin:8px 0 5px; overflow-wrap:anywhere; }
#collection-author-source-channel { font-size:11px; line-height:1.5; color:var(--muted); margin:0; overflow-wrap:anywhere; }
.collection-author-tabs { display:flex; gap:25px; border-bottom:1px solid var(--line); margin-bottom:21px; }
.collection-author-tabs [aria-selected="true"] { color:#242725; font-weight:650; border-bottom:2px solid var(--accent); }
.collection-author-tabs button { min-height:36px; padding:0 0 12px; }
#collection-author-note, #collection-author-body { width:100%; border:1px solid var(--line); background:#fbfbf9; resize:vertical; border-radius:7px; padding:12px; font:inherit; font-size:13px; line-height:1.8; }
.collection-author-panel .input-hint { margin-top:8px; }
.collection-moments-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-top:25px; }
.collection-moments-heading h3 { font-size:14px; font-weight:580; margin:0; }
.collection-moment-row { display:grid; grid-template-columns:110px minmax(0,1fr) 28px; gap:7px 12px; border-top:1px solid var(--line); padding:16px 0; }
.collection-moment-row > label { margin:0; font-size:10px; }
.collection-moment-row > label:nth-child(1) { grid-column:1; grid-row:1; }
.collection-moment-row > input:nth-child(2) { grid-column:1; grid-row:2; }
.collection-moment-row > label:nth-child(3) { grid-column:2; grid-row:1; }
.collection-moment-row > input:nth-child(4) { grid-column:2; grid-row:2; }
.collection-moment-row > input { min-width:0; width:100%; border:1px solid var(--line); border-radius:5px; padding:10px; font:inherit; font-size:12px; background:#fbfbf9; }
.collection-moment-row > .text-button { grid-column:1 / 3; justify-self:start; margin-top:3px; font-size:10px; }
.collection-moment-row > .collection-moment-remove { grid-column:3; grid-row:2; width:28px; height:36px; }
@media (max-width:900px) { .collection-block-tools { flex-wrap:wrap; width:65px; } .collection-block-tools .icon-button:last-child { margin-left:auto; } .collection-video-labels,.collection-moment-links,.collection-block-content > .curator-note { margin-left:0; } }
@media (max-width:600px) {
  .collection-content-heading { align-items:flex-start; flex-direction:column; gap:15px; }
  .collection-add-actions { justify-content:flex-start; gap:7px; }
  .collection-add-actions .button { font-size:11px; padding-inline:10px; min-height:36px; }
  .collection-content-controls { gap:10px; }
  .collection-content-controls > .input-wrap { width:100%; }
  .collection-content-controls select { max-width:100%; min-width:145px; flex:1; }
  .collection-filter-status { flex-basis:100%; margin-left:0; }
  .collection-block-main { flex-wrap:wrap; gap:9px; }
  .collection-block-content { flex-basis:calc(100% - 36px); }
  .collection-block-tools { width:auto; margin-left:auto; }
  .collection-block-tools .icon-button { width:34px; height:36px; }
  .collection-block-tools .icon-button:last-child { margin-left:6px; }
  .collection-drag-handle { margin-left:0; opacity:.7; margin-top:2px; }
  .collection-block-row.depth-1 { margin-left:6px; padding-left:10px; }
  .collection-block-row.depth-2 { margin-left:18px; padding-left:10px; }
  .collection-rich-thumbnail { width:88px; }
  .collection-rich-video-link { gap:11px; }
  .collection-rich-video-link > .icon { display:none; }
  .collection-rich-title { font-size:12px; }
  .collection-rich-author { font-size:10px; }
  .collection-source-title { font-size:9px; }
  .collection-section-title { font-size:20px; }
  .depth-1 .collection-section-title { font-size:17px; }
  .collection-block-copy p { font-size:12px; }
  .collection-author-tabs { gap:22px; }
  .collection-moment-row { grid-template-columns:82px minmax(0,1fr) 25px; gap:7px 9px; }
  .collection-moment-row > input { padding-inline:8px; }
  #collection-author-dialog .dialog-footnote { font-size:10px; line-height:1.6; }
}
@media (pointer:coarse) { .collection-drag-handle { display:none; } .collection-block-content { flex-basis:100%; } }
@media (prefers-reduced-motion:reduce) { .collection-block-row { scroll-behavior:auto; } }