.library-sort{display:flex;align-items:center;gap:9px;margin:0 0 0 auto;white-space:nowrap}.library-sort select{width:auto;min-width:155px;max-width:none}.playlist-timing{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fff;margin:0 0 18px}.playlist-timing label{margin:0;max-width:250px}.playlist-timing input{max-width:160px}.playlist-timing p{width:100%;font-size:12px;color:var(--muted);margin:0}.playlist-timing .button{min-height:44px}.playlist-row input:disabled{opacity:1;background:#f2f4ee;color:var(--ink)}@media(max-width:640px){.library-sort{width:100%;margin:3px 0 0;justify-content:space-between;font-size:12px}.library-sort select{max-width:70%;min-width:0}.playlist-timing{align-items:stretch;gap:10px;padding:14px}.playlist-timing label{width:100%;max-width:none}.playlist-timing .button{flex:1;font-size:12px}.playlist-timing input{max-width:100%}}
@media(max-width:640px){.toolbar{flex-wrap:wrap}.toolbar #media-search{flex:1 1 100%;max-width:none}.toolbar #media-filter{flex:1;max-width:40%}.toolbar .library-sort{flex:1;width:auto;max-width:calc(60% - 10px);margin:0;gap:7px}.toolbar .library-sort select{width:100%;max-width:none;min-width:0;margin:0}}
.playlist-tv-options{display:grid;gap:8px}.playlist-tv-options label{margin:0;min-height:42px}.playlist-tv-options span{min-width:0;overflow-wrap:anywhere}.playlist-tv-current{display:block;color:var(--muted)}

.playlist-slide-preview{display:block;width:100%;padding:0;border-radius:4px;cursor:zoom-in}
dialog.artwork-preview-dialog{width:calc(100% - 24px);max-width:1800px;max-height:calc(100% - 24px);overflow:hidden}
.artwork-preview-dialog #modal-content{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
.artwork-preview-dialog .modal-head{gap:12px;padding:10px 16px}
.artwork-preview-dialog .modal-head h2{font-size:clamp(16px,2vw,22px);overflow-wrap:anywhere}
.artwork-preview-dialog .modal-head [data-close]{flex-shrink:0}
.artwork-preview-dialog .modal-body{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;min-height:0}
.artwork-preview-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:8px 16px}
.artwork-preview-toolbar .billing-note{margin:0}
.artwork-preview-scroll{overflow:auto;min-height:0;background:#151916;padding:8px}
.artwork-preview-frame{--preview-fit:1.777778;--preview-zoom:1920px;width:min(100%,max(150px,calc((100vh - 185px) * var(--preview-fit))));width:min(100%,max(150px,calc((100dvh - 185px) * var(--preview-fit))));margin-inline:auto}
.artwork-preview-frame.portrait{--preview-fit:.5625;--preview-zoom:1080px}
.artwork-preview-frame.is-enlarged{width:max(var(--preview-zoom),200%);margin-inline:0}
.gallery-original-thumb{display:block;width:auto;height:auto;max-width:100%;max-height:175px;object-fit:contain}
.gallery-original-detail{display:block;width:100%;height:auto}

.playlist-picker-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);gap:12px}
.media-folder-path{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:12px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.media-folder-path button{padding:5px 7px;border-radius:4px;color:var(--green);font-weight:700;text-align:left}
.media-folder-path button:hover{background:#edf4e7;text-decoration:underline}
.media-folder-path [aria-current]{color:var(--ink);font-weight:700}
.media-folder-panel .section-heading{align-items:center}
.media-folder-title{display:flex;align-items:center;gap:12px;min-width:0}
.media-folder-title h2{overflow-wrap:anywhere}
.media-folder-title .button{flex-shrink:0}
.media-folder-panel .section-heading h2:focus{outline:none}
.media-folder-panel .media-folder-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,155px),1fr))}
.media-folder-panel .media-folder-list button:hover{background:#edf4e7;border-color:#7b9567}
.media-folder-panel .media-folder-list svg{color:#926821;fill:#f6d97b}
.media-folder-hint{grid-column:1/-1}
.playlist-picker-folders{margin:0 0 12px;border:1px solid var(--line);border-radius:7px;padding:8px 12px}
.playlist-picker-folders summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--green)}
.playlist-picker-folders[open] summary{margin-bottom:12px}
.playlist-picker-folders label{margin-bottom:8px}
.playlist-picker-decades{border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}
.playlist-picker-decades legend{font-weight:700;font-size:13px;margin-bottom:6px}
.playlist-picker-decades label{display:flex;align-items:center;gap:5px;font-weight:400}
.playlist-picker-browser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.playlist-picker-results,.playlist-picker-alphabet{max-height:min(43vh,420px);overflow:auto}
.playlist-picker-results{padding:4px 6px 4px 4px}
.playlist-picker-result-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.playlist-picker-results .cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr));gap:10px;margin:8px 0}
.playlist-picker-alphabet{display:grid;grid-template-columns:repeat(2,32px);align-content:start;gap:3px;padding:3px}
.playlist-picker-alphabet button{min-height:24px;border-radius:4px;background:#f2f4ed;font-size:12px;font-weight:700;padding:0}
.playlist-picker-alphabet button:first-child{grid-column:1/-1}
.playlist-picker-alphabet button[aria-pressed="true"]{background:var(--green);color:white}
.playlist-picker-card{width:100%;text-align:left;border:2px solid transparent;padding:0}
.playlist-picker-card[aria-pressed="true"]{border-color:var(--green)}
.playlist-picker-card .card-info{align-items:center}
.playlist-picker-check{visibility:hidden;color:var(--green);font-weight:700}
.playlist-picker-card[aria-pressed="true"] .playlist-picker-check{visibility:visible}
.playlist-picker-actions{align-items:center}
.playlist-picker-actions .billing-note{margin:0 auto 0 0}
@media(max-width:560px){
 .playlist-picker-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .playlist-picker-browser{gap:5px}
 .playlist-picker-alphabet{grid-template-columns:repeat(2,26px);gap:2px}
 .playlist-picker-alphabet button{min-height:30px}
 .playlist-picker-results .cards-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr))}
 .playlist-picker-actions .billing-note{width:100%}
}