/* Playlist essay reading view and narration editor. */
.playlist-essay-view{max-width:880px;margin:0 auto;padding:12px 0 70px}.playlist-essay-prose{display:grid;gap:4px}.playlist-essay-prose h2,.playlist-essay-prose h3,.playlist-essay-prose h4{font-family:RobotoUI,system-ui,sans-serif;font-weight:720;line-height:1.15;letter-spacing:-.015em;margin:80px 0 26px;color:var(--text)}.playlist-essay-prose h2{font-size:clamp(2rem,2.2vw,2.65rem)}.playlist-essay-prose h3{font-size:clamp(1.75rem,1.8vw,2.2rem)}.playlist-essay-prose h4{font-size:clamp(1.4rem,1.35vw,1.7rem)}.playlist-essay-prose>:first-child{margin-top:0}.playlist-essay-prose p{width:100%;max-width:68ch;margin:0 0 1.15em;color:var(--text);font-family:Garamond,serif;font-size:clamp(1.05rem,.3vw + 1rem,1.18rem);line-height:1.68}.playlist-essay-prose p+.playlist-essay-film,.playlist-essay-prose blockquote+.playlist-essay-film{margin-top:12px}.playlist-essay-prose blockquote{max-width:68ch;margin:8px 0 1.15em;padding:3px 0 3px 18px;border-left:3px solid var(--accent);color:var(--muted);font:italic 1.08rem/1.68 Garamond,serif}.playlist-essay-prose code,.playlist-narration-help code{padding:2px 5px;border:1px solid var(--line);border-radius:5px;background:var(--panel2);font-size:.87em}.playlist-essay-bullet{max-width:68ch;display:grid;grid-template-columns:16px 1fr;gap:7px;margin:.2rem 0;color:var(--text)}
.playlist-essay-description{max-width:68ch;margin:0 0 30px;color:var(--muted);font:500 1rem/1.55 RobotoUI,system-ui,sans-serif;white-space:normal}
.playlist-essay-film-list{display:grid;gap:12px}.playlist-essay-empty-intro{margin:22px 0 28px;padding:18px 20px;border-left:3px solid var(--accent);background:var(--panel)}.playlist-essay-empty-intro span{font-weight:750;color:var(--text)}.playlist-essay-empty-intro p{margin:5px 0 0;color:var(--muted)}
.playlist-essay-footnote-ref{margin-left:.08em;font:700 .7em/1 ui-sans-serif,system-ui,sans-serif;vertical-align:super}.playlist-essay-footnote-ref a{color:var(--accent2);text-decoration:none}.playlist-essay-footnote-ref a:hover,.playlist-essay-footnote-ref a:focus-visible{text-decoration:underline}.playlist-essay-footnotes{max-width:68ch;margin:48px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:1rem/1.55 Garamond,serif}.playlist-essay-footnotes ol{margin:0;padding-left:2em}.playlist-essay-footnotes li{padding-left:.35em;margin:.55em 0}.playlist-essay-footnote-back{color:var(--accent2);text-decoration:none}.playlist-essay-footnote-back:hover,.playlist-essay-footnote-back:focus-visible{text-decoration:underline}
.playlist-essay-prose a[target="_blank"],.playlist-narration-preview a[target="_blank"]{color:var(--accent2);text-decoration-color:color-mix(in srgb,var(--accent2) 58%,transparent);text-decoration-thickness:.07em;text-underline-offset:.13em;overflow-wrap:anywhere}.playlist-essay-prose a[target="_blank"]:hover,.playlist-essay-prose a[target="_blank"]:focus-visible,.playlist-narration-preview a[target="_blank"]:hover,.playlist-narration-preview a[target="_blank"]:focus-visible{color:var(--text);text-decoration-color:var(--accent2)}
.playlist-essay-prose{position:relative}.playlist-room-navigation{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;width:100%;margin:4px 0 34px;padding:4px 0;overflow:visible}.playlist-room-progress{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:29px;padding:3px 6px 3px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text);font-family:RobotoUI,system-ui,sans-serif;text-align:left}.playlist-room-progress span{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.06em}.playlist-room-progress strong{flex:0 0 auto;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.22);font-size:.68rem;font-variant-numeric:tabular-nums}.playlist-room-progress::after{content:attr(data-room-title);position:absolute;z-index:8;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:min(280px,75vw);padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.38);color:var(--text);font-size:.74rem;font-weight:650;line-height:1.25;letter-spacing:0;text-align:center;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}.playlist-room-progress:hover,.playlist-room-progress:focus-visible{z-index:9;border-color:var(--accent2);color:var(--text)}.playlist-room-progress:hover::after,.playlist-room-progress:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}.playlist-room-progress.is-complete{border-color:#d9a52d;background:linear-gradient(145deg,#f2c54b,#b97a16);color:#171006;box-shadow:0 0 14px rgba(232,173,50,.28)}.playlist-room-progress.is-complete span{color:#3d2a08}.playlist-room-progress.is-complete strong{background:rgba(255,255,255,.25)}.playlist-essay-prose h3[id]{scroll-margin-top:145px}
@media(max-width:560px){.playlist-room-navigation{gap:5px;margin-bottom:28px}.playlist-room-progress{min-height:27px;padding:3px 5px 3px 7px}.playlist-room-progress span,.playlist-room-progress strong{font-size:.64rem}}
.playlist-essay-film{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:11px 0;padding:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel);color:var(--text);text-align:left;transition:border-color .15s,transform .15s}.playlist-essay-film:has(.playlist-essay-film-main:hover),.playlist-essay-film:has(.playlist-essay-film-main:focus-visible){border-color:var(--accent);transform:translateY(-1px)}.playlist-essay-film-main{min-width:0;height:88px;display:grid;grid-template-columns:59px minmax(0,1fr);gap:15px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left}.playlist-essay-film-main:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:59px;height:88px;object-fit:cover;border-radius:0;background:var(--panel2)}.playlist-essay-poster-fallback{display:grid;place-items:center;color:var(--muted);font:700 1rem RobotoUI,system-ui,sans-serif}.playlist-essay-film-copy{min-width:0;display:grid;gap:2px;padding:10px 0}.playlist-essay-film-copy small{color:var(--accent2);text-transform:uppercase;letter-spacing:.09em}.playlist-essay-film-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:680 1.2rem/1.25 RobotoUI,system-ui,sans-serif}.playlist-essay-film-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.playlist-essay-film-rating{display:inline-flex;gap:.11em;margin:0 16px;font-size:.95rem;line-height:1;white-space:nowrap}.playlist-essay-rating-slot{position:relative;display:inline-block;width:1em;height:1em;color:color-mix(in srgb,var(--panel2) 82%,#000);text-shadow:0 1px 0 rgba(255,255,255,.055),0 -1px 1px rgba(0,0,0,.8)}.playlist-essay-rating-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:#e8ad32;font-style:normal;white-space:nowrap;text-shadow:0 0 4px rgba(255,190,64,.72),0 0 10px rgba(229,122,35,.4),0 0 18px rgba(255,62,165,.16)}.playlist-essay-film-rating.is-interactive{cursor:pointer;border-radius:5px}.playlist-essay-film-rating.is-interactive:hover,.playlist-essay-film-rating.is-interactive:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:5px}.playlist-essay-film-rating.is-interactive:hover .playlist-essay-rating-fill,.playlist-essay-film-rating.is-interactive:focus-visible .playlist-essay-rating-fill{text-shadow:0 0 5px rgba(255,205,92,.85),0 0 13px rgba(229,122,35,.52),0 0 22px rgba(255,62,165,.22)}
.playlist-essay-film{position:relative}.playlist-essay-film::before{content:"";position:absolute;z-index:3;inset:0 auto 0 59px;width:5px;border-radius:0;opacity:0;pointer-events:none}.playlist-essay-film .playlist-essay-film-main{column-gap:20px}.playlist-essay-film .mini-poster:is(.collector-cover,.epic-cover,.quality-cover){outline:0!important;outline-offset:0!important;box-shadow:none!important}.playlist-essay-film-main:focus-visible{outline-color:var(--accent2)}html[data-collector-highlights="true"] .playlist-essay-film.is-collector-copy::before{opacity:1;color:#f4b724;background:currentColor}html[data-collector-highlights="true"] .playlist-essay-film.is-epic-copy::before{opacity:1;color:#a970ff;background:currentColor}html[data-collector-highlights="true"] .playlist-essay-film.is-quality-copy::before{opacity:1;color:#67c2ff;background:currentColor}:root[data-theme="neon"][data-appearance="dark"][data-collector-highlights="true"] .playlist-essay-film.is-collector-copy::before{box-shadow:0 0 7px rgba(244,183,36,.34)}:root[data-theme="neon"][data-appearance="dark"][data-collector-highlights="true"] .playlist-essay-film.is-epic-copy::before{box-shadow:0 0 7px rgba(169,112,255,.32)}:root[data-theme="neon"][data-appearance="dark"][data-collector-highlights="true"] .playlist-essay-film.is-quality-copy::before{box-shadow:0 0 7px rgba(103,194,255,.32)}:root[data-theme="neon"][data-appearance="dark"][data-collector-highlights="true"] .playlist-essay-film:is(.is-collector-copy,.is-epic-copy,.is-quality-copy):has(.playlist-essay-film-main:is(:hover,:focus-visible))::before{filter:brightness(1.08);box-shadow:0 0 10px color-mix(in srgb,currentColor 42%,transparent)}
.playlist-essay-film-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;margin:11px 0}.playlist-essay-film-row>.playlist-essay-film{min-width:0;margin:0}.playlist-essay-film-list .playlist-essay-film-row{margin:0}.playlist-essay-prose p+.playlist-essay-film-row,.playlist-essay-prose blockquote+.playlist-essay-film-row{margin-top:12px}.playlist-essay-watchlist.watchlist-toggle{position:static;z-index:auto;align-self:center;justify-self:start;width:40px;height:40px;padding:10px;border-radius:9px;opacity:1;transform:none;backdrop-filter:none}.playlist-essay-watchlist.watchlist-toggle:focus-visible{opacity:1;transform:none}.playlist-essay-watchlist.watchlist-toggle:not(.is-active){color:var(--muted);background:color-mix(in srgb,var(--panel) 84%,transparent);border-color:color-mix(in srgb,var(--line) 88%,transparent);box-shadow:none}.playlist-essay-watchlist.watchlist-toggle:not(.is-active):hover{color:var(--text);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-color:color-mix(in srgb,var(--accent) 62%,var(--line))}:root[data-theme="neon"][data-appearance="dark"] .playlist-essay-watchlist.watchlist-toggle:not(.is-active){background:#151321;border-color:#3b3549;color:#aaa4b5}:root[data-theme="neon"][data-appearance="dark"] .playlist-essay-watchlist.watchlist-toggle:not(.is-active):hover{background:#1d1728;border-color:rgba(255,79,154,.62);color:#f5eddf}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle:not(.is-active){background:var(--surface-panel);border-color:var(--line);color:var(--text-secondary)}
.playlist-essay-watchlist.watchlist-toggle,.playlist-essay-watchlist.watchlist-toggle:not(.is-active),:root[data-theme="neon"] .playlist-essay-watchlist.watchlist-toggle:not(.is-active){display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#504a5d;opacity:1;transform:none;backdrop-filter:none}.playlist-essay-watchlist.watchlist-toggle svg{display:block;width:20px;height:20px;margin:0}.playlist-essay-watchlist.watchlist-toggle.is-active{border:0;background:transparent;color:#71304f;box-shadow:none}.playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle,.playlist-essay-watchlist.watchlist-toggle:is(:hover,:focus-visible){border:0;background:transparent;color:#f5eddf;box-shadow:none}.playlist-essay-watchlist.watchlist-toggle.is-active:is(:hover,:focus-visible),.playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle.is-active{color:#ff4f9a}.playlist-essay-watchlist.watchlist-toggle:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:4px}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle,:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle:not(.is-active){background:transparent;color:#8e8790}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle,:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle:is(:hover,:focus-visible){color:#2d282c}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle.is-active{color:#9d5572}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-watchlist.watchlist-toggle.is-active:is(:hover,:focus-visible),:root[data-theme="neon"][data-appearance="light"] .playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle.is-active{color:#d62f79}
.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle svg{display:block;margin:auto;filter:drop-shadow(0 1px 0 rgba(255,255,255,.045)) drop-shadow(0 -1px 1px rgba(0,0,0,.92))}.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle:not(.is-active){color:#332f3d}.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle.is-active{color:#54223d}.playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle:not(.is-active),.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle:not(.is-active):is(:hover,:focus-visible){color:#aaa4b5}.playlist-essay-film-row .playlist-essay-film:is(:hover,:focus-within)+.playlist-essay-watchlist.watchlist-toggle.is-active,.playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle.is-active:is(:hover,:focus-visible){color:#ff4f9a}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle:not(.is-active){color:#c8c0c2}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle.is-active{color:#b88799}:root[data-theme="neon"][data-appearance="light"] .playlist-essay-film-row .playlist-essay-watchlist.watchlist-toggle svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.8)) drop-shadow(0 -1px 1px rgba(63,47,55,.3))}
.playlist-narration-dialog{width:min(1120px,calc(100vw - 28px));max-height:90dvh}.playlist-narration-dialog form{display:flex;flex-direction:column;max-height:89dvh;padding-bottom:0}.playlist-narration-intro{margin:-10px 0 18px;color:var(--muted)}.playlist-narration-layout{min-height:0;display:grid;grid-template-columns:minmax(220px,255px) minmax(0,1fr);gap:18px;flex:1}.playlist-narration-shelf,.playlist-narration-workspace{min-height:0;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.playlist-narration-shelf{display:flex;flex-direction:column;overflow:hidden}.playlist-narration-shelf-head{display:grid;gap:2px;padding:14px 14px 9px}.playlist-narration-shelf-head small,.playlist-narration-preview-head small{color:var(--muted)}.playlist-narration-search{padding:0 10px 10px}.playlist-narration-search input{padding:8px 9px}.playlist-narration-films{min-height:0;display:grid;align-content:start;gap:5px;overflow:auto;padding:0 8px 10px}
.playlist-narration-film{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left}.playlist-narration-film:hover,.playlist-narration-film:focus-visible{border-color:var(--line);background:var(--panel2)}.playlist-narration-film:disabled{cursor:not-allowed;opacity:.5}.playlist-narration-film>.mini-poster,.playlist-narration-film>.playlist-essay-poster-fallback{width:42px;height:63px;border-radius:5px;object-fit:cover}.playlist-narration-film>span{min-width:0;display:grid;gap:1px}.playlist-narration-film small{color:var(--muted)}.playlist-narration-film strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-narration-film em{color:var(--accent2);font:normal .72rem/1 monospace}
.playlist-narration-workspace{display:flex;flex-direction:column;padding:12px;overflow:auto}.playlist-narration-tabs{flex:0 0 auto;margin-bottom:12px}.playlist-narration-editor{position:relative;display:grid;gap:6px;color:var(--muted);font-weight:650}.playlist-narration-editor textarea{min-height:390px;resize:vertical;font:1rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;transition:border-color .15s,box-shadow .15s}.playlist-narration-editor textarea.is-drop-ready{border-style:dashed;border-color:var(--accent2)}.playlist-narration-editor textarea.is-drag-over{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.playlist-narration-drop-caret{position:absolute;display:none;width:3px;border-radius:999px;background:#ff3ea5;box-shadow:0 0 0 1px rgba(255,62,165,.25),0 0 12px rgba(255,62,165,.9);pointer-events:none;z-index:3}.playlist-narration-drop-caret.is-visible{display:block}.playlist-narration-help{margin:9px 1px 0;color:var(--muted);font-size:.88rem}.playlist-narration-preview-head{display:flex;justify-content:space-between;gap:12px;margin:4px 0 14px;font-weight:700}.playlist-narration-preview{min-height:390px;padding:4px 12px 24px}.playlist-narration-dialog .dialog-actions{position:sticky;bottom:0;margin:16px -25px 0;padding:14px 25px;border-top:1px solid var(--line);background:var(--panel);z-index:2}

/* Film cards respond to their actual reading column, including split and preview layouts. */
.playlist-essay-prose,.playlist-essay-film-list,.playlist-narration-preview,.playlist-narration-films{container-type:inline-size}
.playlist-essay-film-row,.playlist-essay-film,.playlist-essay-film-main,.playlist-essay-film-copy{min-width:0}

@container (max-width:620px){
  .playlist-essay-film-row{grid-template-columns:minmax(0,1fr) 44px;gap:6px}
  .playlist-essay-watchlist.watchlist-toggle{width:44px;height:44px}
  .playlist-essay-film-main{height:76px;min-height:0;grid-template-columns:51px minmax(0,1fr)}
  .playlist-essay-film .playlist-essay-film-main{column-gap:15px}
  .playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:51px;height:76px;align-self:stretch}
  .playlist-essay-film::before{left:51px}
  .playlist-essay-film-copy{align-content:center;padding:8px 8px 8px 0}
  .playlist-essay-film-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;line-height:1.18}
  .playlist-essay-film-copy span{font-size:.86rem}
  .playlist-essay-film-rating{flex:0 0 auto;margin-inline:10px;font-size:.8rem}
}

@container (max-width:500px){
  .playlist-essay-film-row{grid-template-columns:minmax(0,1fr);gap:0}
  .playlist-essay-watchlist.watchlist-toggle{display:none}
  .playlist-essay-film{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .playlist-essay-film-main{height:72px;min-height:0;grid-template-columns:48px minmax(0,1fr)}
  .playlist-essay-film .playlist-essay-film-main{column-gap:13px}
  .playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:48px;height:72px}
  .playlist-essay-film::before{left:48px}
  .playlist-essay-film-copy{padding-block:7px}
  .playlist-essay-film-copy small{font-size:.69rem;line-height:1.2}
  .playlist-essay-film-copy span{font-size:.79rem;line-height:1.25}
  .playlist-essay-film-rating{justify-self:auto;min-height:0;align-items:center;margin:0 8px;padding:0;font-size:.72rem}
  .playlist-essay-film-rating.is-interactive:hover,.playlist-essay-film-rating.is-interactive:focus-visible{outline-offset:2px}
}

@container (max-width:230px){
  .playlist-narration-film{grid-template-columns:36px minmax(0,1fr);gap:7px;padding:5px}
  .playlist-narration-film>.mini-poster,.playlist-narration-film>.playlist-essay-poster-fallback{width:36px;height:54px}
  .playlist-narration-film strong{display:-webkit-box;white-space:normal;line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .playlist-narration-film small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}
}

/* Viewport fallback for browsers without container-query support. */
@supports not (container-type:inline-size){
  @media(max-width:560px){
    .playlist-essay-film-row{grid-template-columns:minmax(0,1fr);gap:0}
    .playlist-essay-watchlist.watchlist-toggle{display:none}
    .playlist-essay-film{grid-template-columns:minmax(0,1fr) auto;align-items:center}
    .playlist-essay-film-main{height:72px;min-height:0;grid-template-columns:48px minmax(0,1fr)}
    .playlist-essay-film .playlist-essay-film-main{column-gap:13px}
    .playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:48px;height:72px}
    .playlist-essay-film::before{left:48px}
    .playlist-essay-film-copy{padding:7px 7px 7px 0}
    .playlist-essay-film-copy strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;line-height:1.18}
    .playlist-essay-film-rating{justify-self:auto;min-height:0;align-items:center;margin:0 8px;padding:0;font-size:.72rem}
  }
}
@media(max-width:720px){.playlist-narration-dialog form{max-height:none}.playlist-narration-layout{grid-template-columns:1fr}.playlist-narration-shelf{max-height:34dvh}.playlist-narration-editor textarea{min-height:42dvh}.playlist-narration-preview{min-height:42dvh}.playlist-essay-view{padding-bottom:40px}.playlist-essay-prose h2,.playlist-essay-prose h3,.playlist-essay-prose h4{margin-top:58px;margin-bottom:22px}.playlist-essay-prose h2{font-size:2rem}.playlist-essay-prose h3{font-size:1.75rem}.playlist-essay-prose h4{font-size:1.4rem}.playlist-essay-prose p,.playlist-essay-prose blockquote,.playlist-essay-bullet{max-width:none}.playlist-essay-prose p{font-size:1.05rem;line-height:1.64}.playlist-essay-prose p+.playlist-essay-film,.playlist-essay-prose blockquote+.playlist-essay-film,.playlist-essay-prose p+.playlist-essay-film-row,.playlist-essay-prose blockquote+.playlist-essay-film-row{margin-top:7px}.playlist-essay-film-row{grid-template-columns:minmax(0,1fr) 44px;gap:6px}.playlist-essay-watchlist.watchlist-toggle{width:44px;height:44px;padding:12px}.playlist-essay-film-main{height:68px;grid-template-columns:45px minmax(0,1fr);gap:11px}.playlist-essay-film .playlist-essay-film-main{column-gap:16px}.playlist-essay-film::before{left:45px}.playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:45px;height:68px}.playlist-essay-film-copy{padding:8px 0}.playlist-essay-film-copy strong{font-size:1.18rem}.playlist-essay-film-rating{gap:.06em;margin:0 10px;font-size:.76rem}}@media(max-width:620px){#playlistsContent .machine-head{align-items:flex-start;flex-direction:column}#playlistsContent .machine-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}#playlistNarrationButton{grid-column:1/-1}}

/* Keep the container-driven narrow layout authoritative over viewport legacy rules. */
@container (max-width:500px){
  .playlist-essay-film-row{grid-template-columns:minmax(0,1fr);gap:0}
  .playlist-essay-watchlist.watchlist-toggle{display:none}
  .playlist-essay-film-main{height:72px;min-height:0;grid-template-columns:48px minmax(0,1fr)}
  .playlist-essay-film .playlist-essay-film-main{column-gap:13px}
  .playlist-essay-film-main>.mini-poster,.playlist-essay-film-main>.playlist-essay-poster-fallback{width:48px;height:72px}
  .playlist-essay-film::before{left:48px}
  .playlist-essay-film-copy{padding:7px 7px 7px 0}
  .playlist-essay-film-copy strong{font-size:1.05rem}
  .playlist-essay-film-rating{margin:0 8px;padding:0;font-size:.72rem}
}