/* 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-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); }
  .prompt-library-page .collection-hero h1 { font-size: var(--sc-font-size-xl); }
  .prompt-library-page .collection-hero .sc-lede { font-size: var(--sc-font-size-sm); }
}

@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; }