/* Collage-only styles; shared theme and other tools retain their styles. */
.playlist-cover__app{--pc-accent:#278f85;--pc-border:#cfdcd9;box-sizing:border-box;width:100%;max-width:var(--ks-tool-max-width,960px);margin:24px auto;color:#263735;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.playlist-cover__app *{box-sizing:border-box;min-width:0}
.playlist-cover__app [hidden]{display:none!important}
.playlist-cover__workspace{display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px;border:1px solid #e5ecea;border-radius:16px;box-shadow:0 8px 24px #203b5b06}
.playlist-cover__controls,.playlist-cover__result{width:100%}
.playlist-cover__lower{display:grid;grid-template-columns:minmax(0,72fr) minmax(0,28fr);gap:24px;align-items:start}.playlist-cover__layout{display:flex;flex-direction:column;gap:10px;min-width:0}.playlist-cover__layout>div,.playlist-cover__layout>details{flex-shrink:0}.playlist-cover__lower:has([data-result-section][hidden]){grid-template-columns:minmax(0,1fr)}
.playlist-cover__dropzone{height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:2px dashed #88b4bb;border-radius:12px;padding:16px;background:#f1f9f8;color:#31514d;cursor:pointer}
.playlist-cover__dropzone.is-dragging{border-color:var(--pc-accent);background:#dff3ef}
.playlist-cover__app :is(button,select):focus-visible,.playlist-cover__dropzone:focus-visible{outline:3px solid #176f79;outline-offset:3px}
.playlist-cover__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:16px}
.playlist-cover__app .playlist-cover__items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.playlist-cover__item{aspect-ratio:1;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.playlist-cover__app button{font:inherit;cursor:pointer}
.playlist-cover__app button:disabled{opacity:.45;cursor:not-allowed}
.playlist-cover__select{display:block;width:100%;height:100%;padding:0;border:3px solid transparent;border-radius:6px;overflow:hidden;background:#e7eeec;touch-action:pan-y;-webkit-touch-callout:none}
.playlist-cover__select img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none}
.playlist-cover__item.is-selected .playlist-cover__select{border-color:#147b72;box-shadow:0 0 0 1px #147b72}
.playlist-cover__item.is-drop-target{outline:3px solid #147b72;border-radius:6px}
.playlist-cover__item.is-moving{opacity:.55}
.playlist-cover__toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}
.playlist-cover__toolbar button{min-height:48px;padding:10px 8px;border:1px solid var(--pc-border);border-radius:8px;background:#f5f8f7;color:#31514d;font-weight:650}
.playlist-cover__toolbar button:hover:enabled{background:#e3f3ef}
.playlist-cover__selection-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:#536763;font-size:14px}
.playlist-cover__selection-actions button{min-height:44px;padding:8px 12px;border:1px solid #d9b7b2;border-radius:8px;background:#fff7f6;color:#953c32}
.playlist-cover__app .playlist-cover__help{margin:0;padding-top:0;font-size:14px;color:#536763}.playlist-cover__help summary{cursor:pointer;min-height:32px;padding:4px 0}.playlist-cover__app .playlist-cover__help p{margin:8px 0;overflow-wrap:anywhere}
.playlist-cover__settings{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:12px;padding:14px;background:#f5f8f7;border:1px solid #e5ecea;border-radius:12px;font-size:16px}
.playlist-cover__settings>strong{white-space:nowrap;font-size:18px;text-align:center}
.playlist-cover__settings label{display:grid;gap:8px;font-weight:600}
.playlist-cover__settings select{width:100%;min-height:48px;padding:10px 28px 10px 12px;border:1px solid var(--pc-border);border-radius:8px;background:#fff;color:#263735;font:inherit;font-weight:400}
.playlist-cover__candidates{display:flex;gap:12px;margin-top:0;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding:0 3px;scrollbar-width:thin}
.playlist-cover__candidate{display:flex;flex:0 0 calc((100% - 24px)/3);flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid #e2eae8;border-radius:9px;background:#fff;color:#344b47;font-size:14px!important}
.playlist-cover__candidate[aria-pressed=true]{border-color:var(--pc-accent);background:#eff9f7}
.playlist-cover__candidate canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:4px}
.playlist-cover__candidate span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.playlist-cover__result{display:flex;flex-direction:column;gap:12px;min-width:0;padding:0}
.playlist-cover__app .playlist-cover__result h3{min-height:32px;line-height:32px;margin:0;font-size:18px;color:#263735}
.playlist-cover__result-row{width:100%}.playlist-cover__result-canvas{width:100%;height:auto;aspect-ratio:1 / 1;display:grid;place-items:center;overflow:hidden;background:#f5f8f7;border:1px solid #dde7e4;border-radius:8px;color:#71817e;text-align:center}
.playlist-cover__result-canvas canvas{display:block;width:100%;height:auto;aspect-ratio:1}
.playlist-cover__result-canvas p{padding:24px;font-size:16px}
.playlist-cover__create{display:block;width:100%;min-height:48px;margin-top:0;padding:12px;border:1px solid #258c81;border-radius:8px;background:var(--pc-accent);color:#fff;font-weight:700!important}
.playlist-cover__create:hover:enabled{background:#207d74}
.playlist-cover__error{margin:8px 0;padding:6px 10px;border-radius:6px;background:#fff0ee;color:#a3342b;font-size:14px}
.playlist-cover__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1023px){.playlist-cover__app .playlist-cover__items{grid-template-columns:repeat(4,minmax(0,1fr))}.playlist-cover__dropzone{height:340px}}
@media(max-width:900px){.playlist-cover__candidate{flex-basis:164px}.playlist-cover__candidate canvas{width:140px;height:140px}.playlist-cover__lower{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.playlist-cover__layout,.playlist-cover__result{height:auto}.playlist-cover__app .playlist-cover__help{margin-top:0}.playlist-cover__create{margin-top:0}.playlist-cover__candidates{margin-top:0}.playlist-cover__result{max-width:480px}.playlist-cover__settings{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:600px){.playlist-cover__workspace{padding:16px;gap:16px}.playlist-cover__app{margin:20px auto}.playlist-cover__dropzone{height:clamp(260px,80vw,340px);padding:12px}.playlist-cover__app .playlist-cover__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.playlist-cover__toolbar{gap:8px}.playlist-cover__toolbar button{font-size:14px;padding-inline:4px}.playlist-cover__settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.playlist-cover__settings>strong{grid-column:1/-1;font-size:16px}.playlist-cover__settings label{font-size:14px}.playlist-cover__settings select{padding-left:8px;font-size:14px}.playlist-cover__candidate{flex-basis:160px;padding:8px}.playlist-cover__candidate canvas{width:136px;height:136px}}
@media(max-width:440px){.playlist-cover__settings{grid-template-columns:minmax(0,1fr)}.playlist-cover__settings>strong{grid-column:auto}.playlist-cover__settings label{grid-template-columns:5em minmax(0,1fr);align-items:center;gap:8px}}
/* Scope heading typography to this widget's page, without changing the theme. */
.content-area:has([data-playlist-cover-maker])>h1.wp-block-heading{font-size:clamp(1.3rem,2.3vw,1.9rem);line-height:1.4;margin:24px 0 16px}
.content-area:has([data-playlist-cover-maker])>p.has-text-align-center{font-size:16px;line-height:1.7;margin:16px 0 24px}