/* FRAME Collections — Cinema-native shelves */
.frame-collections{max-width:1570px;margin:0 auto;padding:clamp(14px,2.7vw,40px) clamp(16px,3.5vw,54px) 90px;min-height:75vh;color:var(--text,#f5f4f7)}
.fc-masthead{position:relative;isolation:isolate;min-height:340px;border-radius:27px;overflow:hidden;display:flex;align-items:center;padding:clamp(28px,5vw,72px);background:linear-gradient(112deg,#0d1020 5%,#202038 55%,#0d101b 100%);border:1px solid rgba(255,255,255,.09)}
.fc-masthead:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 40%,color-mix(in srgb,var(--accent,#ab94ff) 25%,transparent),transparent 48%),linear-gradient(90deg,#080b13 8%,transparent 85%);z-index:-1}
.fc-masthead-copy{z-index:3;position:relative;max-width:590px}.fc-masthead-copy>span,.fc-kind,.fc-modal-heading>span{display:block;color:var(--accent,#c4a8ff);font-size:10px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}
.fc-masthead h1{font-size:clamp(46px,6.3vw,95px);line-height:1;letter-spacing:-.065em;margin:17px 0 14px;font-weight:850;color:#fff}.fc-period{color:var(--accent,#c4a8ff)}
.fc-masthead p{font-size:clamp(15px,1.5vw,19px);color:#cccbd8;margin:0 0 27px;line-height:1.5}
.fc-create{border-radius:12px;padding:13px 20px}.fc-masthead-art{position:absolute;inset:0;pointer-events:none}
.fc-masthead-art img{position:absolute;right:8%;top:12%;width:clamp(110px,14vw,190px);aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.7);transform:rotate(11deg);opacity:.95}
.fc-masthead-art .fc-float-0{right:6%;transform:rotate(12deg)}.fc-masthead-art .fc-float-1{right:17%;top:21%;transform:rotate(-9deg)}.fc-masthead-art .fc-float-2{right:28%;top:30%;transform:rotate(9deg)}.fc-masthead-art .fc-float-3{right:1%;top:39%;transform:rotate(-5deg)}
.fc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:28px 0 23px}
.fc-chips{display:flex;flex-wrap:wrap;gap:8px}.fc-chips button,.fc-layout-picks button{border:1px solid var(--border,rgba(255,255,255,.16));border-radius:999px;background:var(--surface2,#22242d);color:var(--text,#eee);padding:9px 15px;cursor:pointer;font:inherit;font-size:13px}
.fc-chips button.active,.fc-layout-picks button.active{color:var(--accent,#c4a8ff);border-color:var(--accent,#c4a8ff);background:color-mix(in srgb,var(--accent,#c4a8ff) 13%,var(--surface2,#22242d))}
.fc-select-label{color:var(--muted,#a7a7b9);font-size:12px;display:flex;align-items:center;gap:8px}.fc-select-label select,.fc-search-label input{border:1px solid var(--border,rgba(255,255,255,.15));color:var(--text,#fff);background:var(--surface2,#1b1c27);border-radius:11px;padding:10px;min-height:41px}
.fc-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}
.fc-collection-card{display:block;position:relative;text-align:left;padding:0;overflow:hidden;background:var(--surface2,#191b26);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:22px;color:var(--text,#fff);cursor:pointer;transition:transform .23s,border-color .23s,box-shadow .23s}
.fc-collection-card:hover,.fc-collection-card:focus-visible{transform:translateY(-5px);border-color:var(--accent,#c4a8ff);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.fc-cover{height:214px;background:linear-gradient(127deg,#262740,#0d1322);position:relative;overflow:hidden;isolation:isolate}
.fc-cover-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 50%,color-mix(in srgb,var(--accent,#9d89f5) 22%,transparent),transparent 68%);z-index:-1}
.fc-cover-image{position:absolute;width:35%;height:77%;object-fit:cover;top:12%;left:34%;border-radius:9px;box-shadow:0 16px 30px #050508a9;border:1px solid #ffffff30}
.fc-cover-stack .fc-cover-0{transform:rotate(-13deg) translateX(-73%)}.fc-cover-stack .fc-cover-1{transform:rotate(5deg) translateX(-10%)}.fc-cover-stack .fc-cover-2{transform:rotate(16deg) translateX(64%)}.fc-cover-stack .fc-cover-3{transform:rotate(23deg) translateX(115%)}
.fc-cover-collage .fc-cover-image{width:35%;height:84%;top:8%;left:20%;transform:rotate(-2deg)}.fc-cover-collage .fc-cover-1{left:38%;transform:rotate(5deg)}.fc-cover-collage .fc-cover-2{left:56%;transform:rotate(-4deg)}.fc-cover-collage .fc-cover-3{left:5%;transform:rotate(-12deg)}
.fc-cover-single .fc-cover-image{width:48%;left:26%;height:92%;top:4%;transform:rotate(-3deg)}
.fc-cover-tint{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,12,.32),transparent 65%);pointer-events:none}.fc-cover-monogram{position:absolute;inset:0;display:grid;place-items:center;font-size:110px;font-weight:900;opacity:.13;color:#fff}
.fc-cover-copy{display:flex;flex-direction:column;gap:7px;padding:20px 22px 23px}.fc-cover-copy strong{font-size:clamp(18px,2vw,24px);letter-spacing:-.035em;line-height:1.17}.fc-cover-copy small{color:var(--muted,#aaa);font-size:12px}.fc-cover-copy small:last-child{margin-top:7px}.fc-desc{line-height:1.4;max-height:35px;overflow:hidden}
.fc-empty{text-align:center;margin:38px auto;padding:70px 26px;border:1px dashed var(--border,rgba(255,255,255,.16));border-radius:22px;max-width:900px;background:var(--surface2,#161720)}.fc-empty>span{font-size:38px;color:var(--accent,#b9a1ff)}.fc-empty h2{font-size:25px;margin:12px 0 8px}.fc-empty p{color:var(--muted,#aaa);margin-bottom:20px}
.fc-back{border:0;background:transparent;color:var(--muted,#aaa);padding:7px 0 19px;cursor:pointer;font-weight:650}
.fc-detail-hero{position:relative;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.5fr);gap:clamp(24px,4vw,58px);align-items:center;border-radius:26px;background:linear-gradient(125deg,var(--surface2,#1b1b27),var(--surface,#13151e));padding:clamp(20px,3vw,42px);overflow:hidden;border:1px solid var(--border,rgba(255,255,255,.1))}
.fc-cover-large{height:auto;aspect-ratio:1.6/1;border-radius:18px;border:1px solid #ffffff16}.fc-detail-copy h1{font-size:clamp(34px,4.2vw,64px);letter-spacing:-.055em;line-height:1.05;margin:14px 0 16px}
.fc-detail-copy p{color:var(--muted,#abb0bd);line-height:1.6;max-width:600px;font-size:16px;margin-bottom:18px}.fc-count{display:block;color:var(--muted,#aaa);font-size:13px}
.fc-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.fc-hero-actions button{border-radius:11px;padding:11px 14px}
.fc-content-tools{justify-content:flex-start;margin-top:30px}.fc-search-label{display:flex;align-items:center;position:relative;flex:1;min-width:190px;max-width:350px}.fc-search-label span{position:absolute;left:13px;color:var(--muted,#aaa);font-size:23px}.fc-search-label input{width:100%;padding-left:36px}
.fc-layout-picks{display:flex;gap:5px;margin-left:auto}.fc-layout-picks button{border-radius:10px;font-size:22px;line-height:1;padding:9px 12px}
.fc-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:23px 17px}.fc-gallery-wall{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:18px 11px}
.fc-gallery-shelf{display:flex;overflow-x:auto;gap:24px;padding-bottom:20px;scroll-snap-type:x mandatory}.fc-gallery-shelf .fc-tile{flex:0 0 clamp(180px,22vw,255px);scroll-snap-align:start}
.fc-tile{min-width:0;position:relative}.fc-tile[hidden]{display:none!important}.fc-art{display:block;position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:11px;border:1px solid var(--border,rgba(255,255,255,.1));padding:0;background:var(--surface3,#272936);cursor:pointer}
.fc-art img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.fc-art:hover img,.fc-art:focus-visible img{transform:scale(1.055)}.fc-art-empty{height:100%;display:grid;place-content:center;text-align:center;padding:12px;color:var(--muted,#aaa);font-size:10px;letter-spacing:.13em}
.fc-tile-info{padding-top:10px}.fc-tile-info button{font-size:14px;font-weight:750;color:inherit;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;line-height:1.35}.fc-tile-info small{display:block;color:var(--muted,#aaa);font-size:11px;margin-top:4px}
.fc-tile-tools{display:flex;gap:3px;margin:7px 0 0}.fc-tile-tools button{border:1px solid var(--border,rgba(255,255,255,.12));background:var(--surface2,#18191f);color:var(--muted,#aaa);border-radius:7px;cursor:pointer;padding:3px 10px}.fc-tile-tools button:hover{color:var(--accent,#d8bbff)}
.fc-rule-summary{margin-top:18px;padding:13px 18px;color:var(--muted,#aaa);background:var(--surface2,#181a24);border-radius:11px;font-size:12px}
.fc-modal-back{z-index:2100}.fc-editor,.fc-picker{position:relative;width:min(670px,94vw);max-height:min(90vh,900px);overflow:auto;padding:clamp(20px,3vw,34px);background:var(--surface,#14151e);color:var(--text,#f5f5f6);border:1px solid var(--border,rgba(255,255,255,.17));border-radius:23px}
.fc-modal-heading{position:relative;margin-bottom:23px}.fc-modal-heading>button{position:absolute;right:0;top:-6px;border:1px solid var(--border,rgba(255,255,255,.2));border-radius:50%;width:36px;height:36px;color:var(--text,#fff);background:var(--surface2,#222);cursor:pointer;font-size:21px}
.fc-modal-heading h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.05em;margin:9px 0 6px}.fc-modal-heading p{color:var(--muted,#aaa);font-size:14px;margin:0}
.fc-editor form>label,.fc-editor-columns>label,.fc-rule-editor>label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted,#aaa);font-weight:650;margin:14px 0}
.fc-editor input,.fc-editor textarea,.fc-editor select,.fc-rule-row select{color:var(--text,#eee);background:var(--surface2,#1d1e27);border:1px solid var(--border,rgba(255,255,255,.17));border-radius:10px;padding:12px;font:inherit;min-width:0;width:100%}
.fc-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fc-editor-help{color:var(--muted,#aaa);font-size:13px;line-height:1.6;padding:13px 0}
.fc-rule-editor{padding:15px;background:var(--surface2,#1c1e27);border:1px solid var(--border,rgba(255,255,255,.1));border-radius:13px;margin:18px 0}.fc-rule-editor h3{font-size:17px;margin:0}.fc-rule-editor p{font-size:12px;color:var(--muted,#aaa)}.fc-rule-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:11px 0}
.fc-rule-row select{padding:10px}.fc-rule-row button{background:transparent;border:0;color:var(--muted,#aaa);font-size:22px;cursor:pointer;padding:0 6px}
.fc-modal-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.fc-modal-actions button{border-radius:10px;padding:11px 16px}.fc-modal-actions .fc-delete{background:transparent;border:0;color:#f5a9ab;margin-right:auto;cursor:pointer}
.fc-picker-list{max-height:52vh;overflow:auto;display:grid;gap:8px}.fc-picker-list>button{display:flex;width:100%;align-items:center;gap:15px;text-align:left;background:var(--surface2,#20212c);border:1px solid var(--border,rgba(255,255,255,.11));color:var(--text,#fff);border-radius:13px;padding:8px;cursor:pointer}.fc-picker-list>button.selected{border-color:var(--accent,#b6a2ff)}
.fc-picker-art{display:block;flex:0 0 76px;overflow:hidden;border-radius:7px}.fc-picker-art .fc-cover{height:58px}.fc-picker-art .fc-cover-monogram{font-size:32px}.fc-picker-list>button>span:nth-child(2){flex:1;min-width:0}.fc-picker-list strong{display:block;font-size:14px}.fc-picker-list small{color:var(--muted,#aaa);font-size:11px}.fc-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border,rgba(255,255,255,.2));border-radius:50%;margin-right:9px;color:var(--accent,#b6a2ff)}
.frame-collection-link{margin-top:7px;padding:6px 0;border:0;background:transparent;color:var(--accent,#b6a2ff);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.frame-collection-link:hover{text-decoration:underline}
.live-movie-decision .frame-collection-link,.rec-actions .frame-collection-link{margin:0 4px;padding:6px 8px}
body.light .fc-masthead{background:linear-gradient(120deg,#1e2239,#333453)}body.light .fc-detail-hero,body.light .fc-collection-card{box-shadow:0 4px 20px rgba(0,0,0,.04)}
@media(max-width:800px){.frame-collections{padding:16px 14px 70px}.fc-masthead{min-height:310px;padding:32px 23px}.fc-masthead-art{opacity:.44;transform:translateX(23%)}.fc-masthead-copy{z-index:4}.fc-masthead-copy h1{font-size:57px}.fc-detail-hero{grid-template-columns:1fr}.fc-cover-large{max-height:250px}.fc-hero-actions{margin-top:16px}}
@media(max-width:500px){.fc-covers{grid-template-columns:1fr 1fr;gap:11px}.fc-cover{height:138px}.fc-cover-copy{padding:13px}.fc-cover-copy strong{font-size:16px}.fc-cover-copy small{font-size:10px}.fc-kind{font-size:8px}.fc-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px}.fc-gallery-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.fc-tile-info button{font-size:12px}.fc-tile-tools button{padding:2px 6px}.fc-detail-copy h1{font-size:38px}.fc-editor-columns{grid-template-columns:1fr;gap:0}.fc-rule-row{grid-template-columns:1fr 1fr auto}.fc-rule-row select{font-size:11px;padding:7px}.fc-hero-actions button{font-size:12px}.fc-masthead h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.fc-collection-card,.fc-art img{transition:none!important}}

.fc-add-search{display:flex;flex-direction:column;gap:8px;color:var(--muted,#aaa);font-size:12px;margin-bottom:15px}.fc-add-search input{border:1px solid var(--border,rgba(255,255,255,.15));border-radius:11px;padding:13px;background:var(--surface2,#1e202a);color:var(--text,#fff);width:100%}
.fc-add-entries{display:grid;gap:6px;max-height:min(54vh,510px);overflow-y:auto;overscroll-behavior:contain;padding:1px}
.fc-add-row{display:flex;align-items:center;gap:13px;background:var(--surface2,#20222d);border:1px solid transparent;border-radius:11px;padding:8px;width:100%;text-align:left;color:var(--text,#fff);cursor:pointer;min-width:0}
.fc-add-row[hidden]{display:none}.fc-add-row.selected{border-color:var(--accent,#b4a0ff)}.fc-add-row img,.fc-add-fallback{display:grid;place-items:center;width:37px;height:54px;object-fit:cover;border-radius:5px;background:var(--surface3,#343747);flex:0 0 37px;color:var(--muted,#aaa);font-size:9px}
.fc-add-row>span:nth-child(2){flex:1;min-width:0}.fc-add-row strong{display:block;font-size:13px;line-height:1.35}.fc-add-row small{font-size:11px;color:var(--muted,#aaa)}.fc-add-row b{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:var(--surface3,#303241);color:var(--accent,#b4a0ff);font-size:17px}
.fc-add-row:hover{border-color:var(--accent,#b4a0ff)}

.fc-cover-single .fc-cover-image{width:100%;height:100%;top:0;left:0;transform:none;border:0;border-radius:0;object-fit:cover}
.fc-cover-single .fc-cover-tint{background:linear-gradient(0deg,rgba(7,10,20,.5),transparent 78%)}

/* Collection actions share the existing Discover controls without squeezing them. */
.rec .rec-actions{flex-wrap:wrap}
.rec .rec-actions .frame-collection-link{flex:0 0 auto;min-width:max-content;padding:0 12px;font-size:11px;font-weight:750;line-height:1.15;border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.rec .rec-actions .frame-collection-link:hover{color:var(--accent)}
.live-movie-decision .frame-collection-link{display:block;width:100%;text-align:center;margin:2px 0 0;padding:8px;border:1px solid var(--line);border-radius:8px}