.folder-edit-card-wrap{position:relative}.folder-source-edit{position:static;z-index:auto;flex:0 0 auto;min-height:30px;border:1px solid var(--line);border-radius:999px;background:rgba(13,14,18,.88);color:#f5f5f7;font:inherit;font-size:10px;font-weight:800;padding:0 11px;cursor:pointer;backdrop-filter:blur(8px)}.folder-source-edit:hover{background:rgba(255,255,255,.11)}.folder-edit-card-wrap.has-custom-source .folder-edit-card{box-shadow:0 0 0 1px rgba(99,102,241,.24)}.folder-source-modal-root{position:fixed;inset:0;z-index:9999;display:none}.folder-source-modal-root.open{display:block}.folder-source-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.folder-source-modal{width:min(640px,100%);max-height:min(860px,92vh);overflow:auto;border:1px solid var(--line);border-radius:22px;background:#15161a;box-shadow:0 30px 80px rgba(0,0,0,.45)}.folder-source-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 14px;border-bottom:1px solid var(--line-soft)}.folder-source-kicker{display:block;color:#8b93ff;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:6px}.folder-source-modal h3{margin:0;font-size:24px;color:#f5f5f7}.folder-source-close{border:0;background:transparent;color:#d8d8dc;font-size:28px;line-height:1;cursor:pointer}.folder-source-body{padding:20px 22px;display:grid;gap:18px}.folder-edit-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line-soft);border-radius:18px;background:rgba(255,255,255,.018)}.folder-edit-section-head{display:grid;gap:4px}.folder-edit-section-head>b{font-size:16px;color:#f5f5f7}.folder-edit-section-head>span{font-size:13px;color:var(--muted);line-height:1.45}.folder-source-body .field{display:grid;gap:7px}.folder-source-body label{font-weight:700;color:#efeff2}.folder-source-body input,.folder-source-body select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#0c0d10;color:#f5f5f7;padding:0 14px;font:inherit}.folder-source-body small{color:var(--muted);line-height:1.4}.folder-source-error{min-height:20px;color:#ffb4b4;font-size:13px}.folder-source-actions{display:flex;justify-content:space-between;gap:12px;padding:0 22px 22px}.folder-source-actions .ghost,.folder-source-actions .btn{min-width:140px}.folder-source-modal-root [hidden]{display:none!important}.folder-artwork-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:2px}.folder-artwork-preview{margin:0;display:grid;align-content:start;gap:7px}.folder-artwork-preview.wide{grid-column:1/-1}.folder-artwork-preview-frame{position:relative;overflow:hidden;border:1px solid var(--line-soft);border-radius:14px;background:#0b0c0f;min-height:120px;display:grid;place-items:center}.folder-artwork-preview-frame.cover{aspect-ratio:16/9}.folder-artwork-preview-frame.cover[data-tile-shape="POSTER"]{aspect-ratio:2/3}.folder-artwork-preview-frame.cover[data-tile-shape="SQUARE"]{aspect-ratio:1}.folder-artwork-preview-frame.logo{aspect-ratio:16/9;background:#0a0a0c}.folder-artwork-preview-frame.backdrop{aspect-ratio:16/6}.folder-artwork-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}.folder-artwork-preview-frame.logo img{object-fit:contain;padding:16px}.folder-artwork-preview-frame>span{display:none;color:var(--muted);font-size:12px}.folder-artwork-preview-frame.empty>span{display:block}.folder-artwork-preview figcaption{font-size:12px;font-weight:700;color:#d7d7dc}.folder-artwork-preview-frame.logo:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.025) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.025) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.folder-artwork-preview-frame.logo img{position:relative;z-index:1}.folder-artwork-preview-frame.logo>span{position:relative;z-index:1}body.light .folder-source-modal{background:#fff}body.light .folder-source-modal h3,body.light .folder-source-body label,body.light .folder-edit-section-head>b{color:#202126}body.light .folder-source-edit{background:rgba(255,255,255,.9);color:#202126;border-color:rgba(0,0,0,.1)}body.light .folder-source-body input,body.light .folder-source-body select{background:#fff;color:#202126;border-color:rgba(0,0,0,.12)}body.light .folder-edit-section{background:rgba(0,0,0,.015);border-color:rgba(0,0,0,.08)}body.light .folder-artwork-preview-frame{background:#f5f5f7;border-color:rgba(0,0,0,.08)}@media(max-width:600px){.folder-source-edit{min-height:28px;padding:0 9px;font-size:9px}.folder-source-backdrop{padding:12px}.folder-source-modal{border-radius:18px}.folder-source-modal-head,.folder-source-body{padding-left:16px;padding-right:16px}.folder-source-actions{padding-left:16px;padding-right:16px;display:grid;grid-template-columns:1fr 1fr}.folder-source-actions .ghost,.folder-source-actions .btn{min-width:0;width:100%}.folder-artwork-preview-grid{grid-template-columns:1fr}.folder-artwork-preview.wide{grid-column:auto}}
.folder-card-actions{flex-wrap:wrap}
.folder-shuffle-toggle{flex:1 0 100%;min-height:36px;font:inherit;font-size:11px;font-weight:800;border:1px solid var(--line);border-radius:999px;background:rgba(13,14,18,.88);color:#f5f5f7;cursor:pointer;padding:0 10px}
.folder-shuffle-toggle:hover{filter:brightness(1.15)}
.folder-shuffle-toggle[aria-pressed="true"]{background:#f5f5f7;color:#15161a;border-color:#f5f5f7}
.folder-shuffle-toggle[aria-pressed="mixed"]{border-style:dashed}
.folder-shuffle-toggle:focus-visible,.folder-shuffle-row input:focus-visible{outline:2px solid #a5a9ff;outline-offset:3px}
#folderShuffleOptions{display:grid;gap:10px}
.folder-source-body .folder-shuffle-row{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.folder-source-body .folder-shuffle-row input{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;accent-color:#a5a9ff}
.folder-shuffle-row>span{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.folder-shuffle-row small{font-weight:400}
body.light .folder-shuffle-toggle[aria-pressed="true"]{background:#202126;color:#fff}