/* Complete template libraries opt in. Homepage collection previews keep their layout. */
.prompt-library-page [data-prompt-library-workspace] [hidden] { display: none !important; }
.prompt-library-page .prompt-library-editor-heading .sc-button { inline-size: auto; }
.prompt-library-page .prompt-library-results .sc-button { inline-size: auto; }

.prompt-library-page [data-prompt-library-workspace] {
  scroll-margin-block-start: var(--sc-space-20);
}
.prompt-library-page .prompt-library-workflow {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sc-space-3) var(--sc-space-6);
  margin: var(--sc-space-4) 0;
  padding: 0;
  list-style: none;
  color: var(--sc-color-muted);
  font-size: var(--sc-font-size-sm);
}
.prompt-library-page .prompt-library-workflow li {
  display: flex;
  align-items: center;
  gap: var(--sc-space-2);
}
.prompt-library-page .prompt-library-workflow li > span:first-child {
  display: grid;
  place-items: center;
  inline-size: var(--sc-space-6);
  block-size: var(--sc-space-6);
  border: 1px solid var(--sc-color-border-strong);
  border-radius: var(--sc-radius-pill);
  color: var(--sc-color-text);
  font-size: var(--sc-font-size-sm);
}
.prompt-library-page [data-prompt-library-workspace] .prompt-library__toolbar {
  position: sticky;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  margin-block: var(--sc-space-4) var(--sc-space-2);
  padding: var(--sc-space-4);
  border: 1px solid var(--sc-color-border);
  border-radius: var(--sc-radius-lg);
  background: var(--sc-color-surface);
  box-shadow: none;
  backdrop-filter: none;
}
.prompt-library-page .prompt-library-results {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sc-space-2) var(--sc-space-4);
  min-block-size: var(--sc-control-height);
}
.prompt-library-page .prompt-library-results p { margin: 0; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__grid { margin-top: var(--sc-space-3); }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__panel {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas: "media close" "media content" "media footer";
  block-size: min(52rem, calc(100dvh - var(--sc-space-8)));
  border-color: var(--sc-color-border);
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media {
  background: var(--sc-color-canvas);
  padding: var(--sc-space-4);
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content {
  display: flex;
  flex-direction: column;
  gap: var(--sc-space-3);
  padding: 0 var(--sc-space-6) var(--sc-space-4);
  max-block-size: none;
  overscroll-behavior: contain;
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content h2,
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content p {
  margin: 0;
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content h2 {
  font-size: var(--sc-font-size-xl);
  line-height: var(--sc-leading-tight);
}
.prompt-library-page .prompt-library-dialog__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sc-space-2);
  color: var(--sc-color-muted);
  font-size: var(--sc-font-size-sm);
}
.prompt-library-page .prompt-library-dialog__tags > :empty { display: none; }
.prompt-library-page .prompt-library-editor-heading,
.prompt-library-page .prompt-library-editor-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--sc-space-2);
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__prompt {
  flex: 0 0 auto;
  inline-size: 100%;
  min-block-size: 14rem;
  margin: 0;
  resize: vertical;
  font-family: var(--sc-font-sans);
  font-size: var(--sc-font-size-md);
  line-height: var(--sc-leading-copy);
  background: var(--sc-color-surface-muted);
}
.prompt-library-page .prompt-library-dialog__footer {
  grid-area: footer;
  padding: var(--sc-space-4) var(--sc-space-6);
  border-top: 1px solid var(--sc-color-border);
  background: var(--sc-color-surface);
}
.prompt-library-page .prompt-library-dialog__footer > p { margin: 0 0 var(--sc-space-3); }
.prompt-library-page .prompt-library-dialog__footer .prompt-library-dialog__status { margin: var(--sc-space-2) 0 0; }
.prompt-library-page .prompt-library-dialog__footer .prompt-library-dialog__status:empty { display: none; }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--sc-space-2);
}
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__actions .sc-button--primary { flex: 1 1 auto; }
.prompt-library-page .prompt-library-dialog__sources { color: var(--sc-color-muted); }
.prompt-library-page .prompt-library-dialog__sources > summary { cursor: pointer; }
.prompt-library-page .prompt-library-editor-options { min-width: 0; border-block: 1px solid var(--sc-color-border); }
.prompt-library-page .prompt-library-editor-options > summary { padding-block: var(--sc-space-3); min-height: var(--sc-control-height); cursor: pointer; font-size: var(--sc-font-size-sm); }
.prompt-library-page .prompt-library-editor-body { display: grid; gap: var(--sc-space-3); padding-bottom: var(--sc-space-3); }
.prompt-library-page .prompt-library-reference-notice {
  padding: var(--sc-space-3);
  border-inline-start: var(--sc-space-1) solid var(--sc-color-brand-600);
  background: var(--sc-color-surface-muted);
}
.prompt-library-page .prompt-library-editor-meta .sc-help { font-size: var(--sc-font-size-sm); }
@media (max-width: 56rem) {
  .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__panel {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 22dvh) minmax(0, 1fr) auto;
    grid-template-areas: "close" "media" "content" "footer";
    block-size: 100dvh;
    min-block-size: 100dvh;
    max-block-size: 100dvh;
  }
  .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media {
    padding: var(--sc-space-2) var(--sc-space-4);
  }
  .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content {
    padding: var(--sc-space-4);
  }
  .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__footer {
    padding: var(--sc-space-3) var(--sc-space-4) max(var(--sc-space-3), env(safe-area-inset-bottom));
  }
}
@media (max-width: 40rem) {
  .prompt-library-page [data-prompt-library-workspace] .prompt-library__toolbar {
    position: static;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sc-space-3);
  }
  .prompt-library-page .prompt-library-workflow {
    gap: var(--sc-space-2) var(--sc-space-3);
    font-size: var(--sc-font-size-sm);
  }
  .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__prompt { min-block-size: 12rem; }
  .prompt-library-page .collection-hero { padding-block: var(--sc-space-5) var(--sc-space-4); }
}

@media (max-width: 56rem) and (min-height: 44rem) {
  .prompt-library-page .prompt-library-dialog--workspace:has(.prompt-library-editor-options:not([open])) .prompt-library-dialog__panel {
    grid-template-rows: auto minmax(0, 36dvh) minmax(0, 1fr) auto;
  }
}

.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media :is(img, video) {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  max-block-size: 100%;
  object-fit: contain;
}
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-category:empty { display: none; }

.prompt-library-page .prompt-library__toolbar:has([data-prompt-library-category-field][hidden]) > .sc-field:first-child { grid-column: 1 / -1; }

/* This collection reads in source order, left to right, then top to bottom.
   Disable column balancing and masonry before and after hydration. */
.prompt-library__grid {
  display: grid;
  column-count: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: var(--sc-space-4);
  align-items: start;
}

.prompt-library__grid > .prompt-library__card {
  margin: 0;
}

@media (min-width: 64rem) {
  .prompt-library__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 80rem) {
  .prompt-library__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 100rem) {
  .prompt-library__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 40rem) {
  .prompt-library__grid { gap: var(--sc-space-2); }
}

/* Full prompt collections use continuous packing; compact homepage previews keep their own layout. */
.prompt-library__grid[data-prompt-layout="waterfall"][data-masonry-ready="true"] {
  grid-auto-rows: 1px;
  row-gap: 0;
}
.prompt-library__grid[data-prompt-layout="waterfall"] > .prompt-library__card {
  margin: 0;
}

/* v5b / 13–14: full libraries use a three-column image-led catalog. */
.prompt-library-page { background:var(--sc-color-canvas); }
.prompt-collection-page.prompt-library-page main { width:min(max(1440px,var(--sc-container)),calc(100% - 48px)); margin-inline:auto; }
.prompt-library-page .sc-public-hero .sc-tool-hero__lead { text-wrap:balance; }
.prompt-library-page .prompt-library-hero__actions { justify-content:center; }
.prompt-library-page .prompt-library__intro { margin-bottom:24px; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__toolbar { position:static; grid-template-columns:minmax(0,1fr) 300px; gap:20px; margin:0 0 18px; padding:24px 26px; border:1px solid var(--sc-color-border); border-radius:var(--sc-radius-xl); background:var(--sc-color-surface); }
.prompt-library-page .prompt-library__toolbar .sc-label { font-size:16px; font-weight:500; }
.prompt-library-page .prompt-library-results { margin:0 0 22px; min-height:24px; color:var(--sc-color-subtle); font-size:13px; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__grid { display:grid; column-count:auto; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:auto; grid-auto-flow:row; align-items:stretch; gap:20px; margin-top:0; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card { grid-row:auto!important; grid-column:auto!important; display:flex; flex-direction:column-reverse; align-self:stretch; gap:0; margin:0; padding:7px; border-radius:calc(var(--sc-radius-lg) + 2px); border:1px solid var(--sc-color-border); background:var(--sc-color-surface); box-shadow:inset 0 1px 0 var(--sc-color-border); }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-media { aspect-ratio:4/3.4; border-radius:var(--sc-radius-md); }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__thumbnail { height:100%; width:100%; aspect-ratio:4/3.4; object-fit:cover; object-position:top; border-radius:var(--sc-radius-md); }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-content { flex:1; position:relative; display:block; padding:14px 40px 12px 10px; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-content::after { content:'↗'; position:absolute; right:10px; top:14px; font-size:20px; line-height:1; font-weight:400; color:var(--sc-color-muted); }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-title { font:600 17px/1.4 var(--sc-font-display); letter-spacing:-.02em; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card-category { display:none; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__card:hover { transform:translateY(-4px); border-color:var(--sc-color-border-strong); box-shadow:var(--sc-shadow-lg); }
.prompt-library-page dialog[data-prompt-library-dialog] { padding:28px; }
.prompt-library-page dialog[data-prompt-library-dialog]::backdrop { backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__panel { position:relative; width:min(1120px,100%); inline-size:min(1120px,100%); height:min(720px,calc(100dvh - 56px)); block-size:min(720px,calc(100dvh - 56px)); min-block-size:0; max-block-size:calc(100dvh - 56px); grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); grid-template-rows:56px minmax(0,1fr) auto; grid-template-areas:'media close' 'media content' 'media footer'; border-radius:calc(var(--sc-radius-xl) + 2px); background:linear-gradient(180deg,var(--sc-color-control),var(--sc-color-surface)); box-shadow:var(--sc-shadow-popover); }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media { padding:28px; border-right:1px solid var(--sc-color-border); background:var(--sc-color-canvas); }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media :is(img,video) { border-radius:12px; }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content { padding:0 36px 20px; gap:16px; }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content h2 { font:600 28px/1.15 var(--sc-font-display); letter-spacing:-.03em; }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__prompt { min-height:230px; min-block-size:230px; padding:16px 18px; border:1px solid var(--sc-color-border); border-radius:var(--sc-radius-md); background:var(--sc-color-canvas); color:var(--sc-color-text); font:16px/1.7 var(--sc-font-mono); }
.prompt-library-page .prompt-library-dialog__footer { padding:20px 36px 28px; border-top:0; background:transparent; }
.prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__actions { gap:10px; }
.prompt-library-page .prompt-library-dialog__actions .sc-button { border-radius:var(--sc-radius-pill); }
.prompt-library-page .prompt-library-dialog__sources { padding:14px 0; border-top:1px solid var(--sc-color-border); }
.prompt-library-page .prompt-library-dialog__sources summary { font-size:14.5px; font-weight:600; }
@media(max-width:1300px) and (min-width:768px) { .prompt-library-page [data-prompt-library-workspace] .prompt-library__grid { gap:14px; } }
@media(max-width:1023px) { .prompt-collection-page.prompt-library-page main { width:calc(100% - 32px); } }
@media(max-width:767px) {
 .prompt-library-page [data-prompt-library-workspace] .prompt-library__toolbar { grid-template-columns:minmax(0,1fr); gap:14px; padding:18px; }
 .prompt-library-page [data-prompt-library-workspace] .prompt-library__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .prompt-library-page [data-prompt-library-workspace] .prompt-library__card-content { padding:11px 6px 9px; }
 .prompt-library-page [data-prompt-library-workspace] .prompt-library__card-title { font-size:15px; }
 .prompt-library-page [data-prompt-library-workspace] .prompt-library__card-content::after { display:none; }
 .prompt-library-page dialog[data-prompt-library-dialog] { align-items:end; padding:0; overflow:hidden; }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__panel { display:block; width:100%; inline-size:100%; height:auto; block-size:auto; min-block-size:0; max-block-size:94dvh; overflow-y:auto; border-radius:26px 26px 0 0; }
 .prompt-library-page .prompt-library-dialog__close { position:absolute; top:12px; right:12px; margin:0; }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__media { height:44dvh; max-height:44dvh; padding:44px 16px 16px; border-right:0; border-bottom:1px solid var(--sc-color-border); }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content { padding:20px 16px 18px; overflow:visible; }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__content h2 { font-size:22px; }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__prompt { min-height:180px; min-block-size:180px; }
 .prompt-library-page .prompt-library-dialog__footer { padding:0 16px calc(18px + env(safe-area-inset-bottom)); }
 .prompt-library-page .prompt-library-dialog--workspace .prompt-library-dialog__actions { flex-direction:column; }
 .prompt-library-page .prompt-library-dialog__actions .sc-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .prompt-library-page [data-prompt-library-workspace] .prompt-library__card:hover { transform:none; } }

/* Supplemental v5b: live catalog empty, loading and copied states. */
.prompt-library-page [data-prompt-library-empty]:not([hidden]) { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:300px; padding:40px 20px; text-align:center; border:1.5px dashed var(--sc-color-border); border-radius:26px; background:transparent; box-shadow:none; }
.prompt-library-page [data-prompt-library-empty] h3 { order:1; margin:0; font:600 20px/1.3 var(--sc-font-display); }
.prompt-library-page [data-prompt-library-empty] p { order:2; max-width:380px; margin:0; color:var(--sc-color-muted); font-size:14px; line-height:1.55; }
.prompt-library__empty-icon { order:0; display:grid; place-items:center; width:64px; height:64px; margin-bottom:6px; border-radius:50%; background:var(--sc-color-brand-50); color:var(--sc-color-brand-500); }
.prompt-library__empty-icon::before { content:''; width:26px; height:26px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4 4m-12-12 5 5m0-5-5 5'/%3E%3C/svg%3E") center/contain no-repeat; }
.prompt-library__empty-actions { order:3; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:10px; }
.prompt-library-page [data-prompt-library-workspace] .prompt-library__list-loading { display:block; padding:7px; aspect-ratio:auto; border:0; border-radius:20px; background:var(--sc-color-surface); box-shadow:var(--sc-shadow-hairline); }
.prompt-library__skeleton-figure { display:block; aspect-ratio:16/10; border-radius:14px; }
.prompt-library__skeleton-title,.prompt-library__skeleton-subtitle { display:block; height:12px; margin:14px 10px 10px; border-radius:6px; width:calc(75% - 20px); }
.prompt-library__skeleton-subtitle { width:calc(50% - 20px); margin-top:10px; margin-bottom:14px; }
@media(max-width:767px) { .prompt-library-page [data-prompt-library-empty]:not([hidden]) { min-height:240px; padding:30px 16px; } }