.watch-toolbar:has([data-playlist-open]:not([hidden])){flex-wrap:wrap}
.watch-actions:has([data-playlist-open]:not([hidden])){min-width:0;max-width:100%}
.watch-actions .playlist-add-button{min-width:0;white-space:normal;line-height:1.35}
.pf-playlist-dialog{width:min(440px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;color:#f5f1eb;background:radial-gradient(ellipse at 100% 0,#ff950012,transparent 60%),#111114;border:1px solid #a46528;border-radius:22px;box-shadow:0 20px 70px #000a,0 0 30px #ff950014;overflow:auto;overscroll-behavior:contain;text-align:left}
.pf-playlist-dialog:not([open]){display:none}
.pf-playlist-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}
.pf-playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pf-playlist-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0}
.pf-playlist-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #624226;border-radius:12px;background:#1b1815;color:#ffc171;cursor:pointer}
.pf-playlist-video{font-size:13px;color:#ada49a;line-height:1.5;margin:13px 0 18px;overflow-wrap:anywhere}
.pf-playlist-status{font-size:13px;line-height:1.5;color:#b9ac9e;overflow-wrap:anywhere;margin:10px 0}
.pf-playlist-status.error{color:#ffc2a6}
.pf-playlist-status:empty{display:none}
.pf-playlist-list{display:grid;gap:9px;max-height:240px;max-height:min(240px,35dvh);overflow:auto;overscroll-behavior:contain}
.pf-playlist-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:11px 14px;text-align:left;font:inherit;border:1px solid #59402a;border-radius:13px;background:#191817;color:#f1e9e0;cursor:pointer;transition:border-color .18s,background .18s}
.pf-playlist-option>span:first-child{min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pf-playlist-option small{display:block;color:#ac9c87;font-size:11px}
.pf-playlist-option>span:last-child{flex:none;font-size:12px;color:#ffba64}
.pf-playlist-option:disabled{cursor:default;opacity:.65}
.pf-playlist-create{border-top:1px solid #423124;padding-top:18px;margin-top:20px}
.pf-playlist-create summary{font-size:14px;color:#ffc171;cursor:pointer;padding:6px 0}
.pf-playlist-create form{display:grid;gap:11px;margin-top:16px}
.pf-playlist-create label{font-size:13px;color:#c7bfb5}
.pf-playlist-create input{width:100%;min-width:0;font:inherit;font-size:16px;padding:12px 14px;color:#fff;background:#0c0d0f;border:1px solid #72502e;border-radius:11px}
.pf-playlist-create small{font-size:12px;color:#a69a8d;line-height:1.5}
.pf-playlist-dialog .button{white-space:normal;min-height:44px}
.pf-playlist-profile{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid #423124;color:#ffbd6b;font-size:13px}
.pf-playlist-dialog :is(button,input,summary,a):focus-visible{outline:2px solid #ffc171;outline-offset:3px}
@media(hover:hover){.pf-playlist-option:not(:disabled):hover{border-color:#ffac45;background:#272016}}
@media(max-width:680px){.watch-actions:has([data-playlist-open]:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.pf-playlist-dialog{padding:20px}.pf-playlist-heading h2{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.pf-playlist-dialog[open]{animation:pf-playlist-in .16s ease-out}@keyframes pf-playlist-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.pf-playlist-option{transition:none}}