/* Shared collection surfaces: homepage previews and complete libraries. */
.prompt-collections { width:min(1440px,calc(100% - var(--sc-space-12))); margin-inline:auto; padding-block:var(--sc-space-8) var(--sc-space-16); }
.prompt-collection { min-width:0; margin-bottom:var(--sc-space-16); }
.prompt-collection__heading { display:flex; align-items:center; justify-content:space-between; gap:var(--sc-space-4); margin-bottom:var(--sc-space-5); }
.prompt-collection__heading h2 { margin:0 0 var(--sc-space-2); font-size:clamp(1.4rem,2vw,2rem); font-weight:600; letter-spacing:-.025em; }
.prompt-collection__heading p { margin:0; }
.prompt-collection__top-link { display:inline-flex; align-items:center; gap:var(--sc-space-2); min-height:var(--sc-control-height); color:var(--sc-color-muted); text-decoration:none; white-space:nowrap; }
.prompt-collection__preview-window { position:relative; }
.prompt-collection--preview .prompt-library__grid { display:block; column-count:6; column-fill:balance; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--sc-space-3); }
.prompt-collection--preview .prompt-library__grid[data-masonry-ready="true"] { display:grid; column-count:initial; grid-auto-flow:row; grid-auto-rows:1px; row-gap:0; align-items:start; }
.prompt-collection--preview .prompt-library__card { margin:0 0 var(--sc-space-3); min-width:0; align-self:start; }
.prompt-collection--preview .prompt-library__grid[data-masonry-ready="true"] .prompt-library__card { grid-row-end:span var(--prompt-library-card-rows,1); }
.prompt-collection--preview .prompt-library__card:nth-child(n+19) { display:none; }
.prompt-collection .prompt-library__card { border-radius:var(--sc-radius-lg); background:var(--sc-color-surface); border:1px solid var(--sc-color-border); }
.prompt-collection__fade { position:absolute; inset:auto 0 0; height:34%; min-height:calc(var(--sc-control-height) + var(--sc-space-12)); display:flex; align-items:center; justify-content:center; z-index:2; isolation:isolate; pointer-events:none; }
.prompt-collection__fade::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--sc-color-canvas) 65%,transparent) 35%,color-mix(in srgb,var(--sc-color-canvas) 94%,transparent)); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); -webkit-mask-image:linear-gradient(to bottom,transparent,black 30%); mask-image:linear-gradient(to bottom,transparent,black 30%); }
.prompt-collection--preview .prompt-library__card:focus-visible { position:relative; z-index:3; }
.prompt-collection__fade .sc-button { width:auto; min-width:160px; pointer-events:auto; background:var(--sc-color-surface); box-shadow:var(--sc-shadow-lg); border:1px solid var(--sc-color-border-strong); gap:var(--sc-space-3); }
.prompt-collection--preview [data-prompt-library-status]:empty { display:none; }
.prompt-collection--preview [data-prompt-library-status] { margin:var(--sc-space-2) 0; }
.prompt-library-dialog__attribution { display:grid; gap:var(--sc-space-3); padding-top:var(--sc-space-5); border-top:1px solid var(--sc-color-border); }
.prompt-library-dialog__media video { width:100%; max-height:75vh; object-fit:contain; }
.prompt-library-dialog__prompt { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; user-select:text; }
.prompt-library-dialog__content { min-width:0; }
.prompt-library-dialog__actions { display:flex; flex-wrap:wrap; gap:var(--sc-space-3); }
.prompt-collection--full .prompt-library__toolbar { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:var(--sc-space-4); margin-bottom:var(--sc-space-6); padding:var(--sc-space-4); background:var(--sc-color-surface); border-radius:var(--sc-radius-lg); }
.prompt-collection-page main { width:min(1440px,calc(100% - var(--sc-space-12))); margin-inline:auto; }
.prompt-collection-page .collection-hero { max-width:900px; padding-block:var(--sc-space-12) var(--sc-space-8); }
.collection-hero h1 { margin-block:var(--sc-space-4); font-size:clamp(2rem,4vw,3.5rem); line-height:var(--sc-leading-tight); }
.collection-context { padding-block:var(--sc-space-8); border-top:1px solid var(--sc-color-border); }
.collection-context p { max-width:78ch; color:var(--sc-color-muted); line-height:var(--sc-leading-copy); overflow-wrap:anywhere; }
.collection-context a { overflow-wrap:anywhere; }
.collection-related { display:flex; flex-wrap:wrap; gap:var(--sc-space-3) var(--sc-space-6); margin-top:var(--sc-space-6); }
@media(max-width:1100px) {
 .prompt-collection--preview .prompt-library__grid { column-count:4; grid-template-columns:repeat(4,minmax(0,1fr)); }
 .prompt-collection--preview .prompt-library__card:nth-child(n+13) { display:none; }
}
@media(max-width:640px) {
 .prompt-collections,.prompt-collection-page main { width:calc(100% - var(--sc-space-6)); }
 .prompt-collection { margin-bottom:var(--sc-space-10); }
 .prompt-collection--preview .prompt-library__grid { column-count:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sc-space-2); }
 .prompt-collection--preview .prompt-library__card { margin-bottom:var(--sc-space-2); }
 .prompt-collection--preview .prompt-library__card:nth-child(n+7) { display:none; }
 .prompt-collection--full .prompt-library__toolbar { grid-template-columns:1fr; }
 .prompt-collection__heading { align-items:flex-start; }
}