/* Collection status: onboarding's subdued-example → real-art reveal pattern.
   All layout rules stay inside the saved collection workspace. */
.tlw-progress-workspace .tlw-order-heading { padding-block:2.25rem 1.25rem; }
.tlw-progress-workspace .tlw-order-heading h1 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.15; }
.tlw-progress-workspace .tlw-order-heading .tlw-lead { max-width:42rem; font-size:1rem; line-height:1.6; }
.tlw-progress-workspace .tlw-portrait { width:56px; height:56px!important; flex-basis:56px; }
.tlw-progress-workspace .tlw-progress-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1.5rem; }
.tlw-progress-workspace .tlw-progress-actions .tlw-button { min-height:44px; font-size:.95rem; }
.tlw-progress-workspace .tlw-gallery-note { margin:0 0 1rem; font-size:.875rem; color:var(--color-ink-soft); }
.tlw-progress-workspace .tlw-reveal-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem 1.25rem; align-items:start; }
.tlw-progress-workspace .tlw-component { grid-column:auto; border:0; padding:0; }
.tlw-progress-workspace .tlw-book-art { position:relative; aspect-ratio:210/297; overflow:hidden; border:0; border-radius:16px; background:var(--color-surface-hover); }
.tlw-progress-workspace .tlw-book-art .tlw-page-lead,
.tlw-progress-workspace .tlw-book-example { display:block; margin:0; padding:0; width:100%; height:100%; }
.tlw-progress-workspace .tlw-book-art .tlw-page-lead { max-width:none; }
.tlw-progress-workspace .tlw-page-lead:disabled { cursor:default; }
.tlw-progress-workspace .tlw-page-lead:focus-visible { outline-offset:-4px; }
.tlw-progress-workspace .tlw-book-art img { width:100%; height:100%; object-fit:cover; padding:0; }
.tlw-progress-workspace .tlw-book-example img { opacity:.45; filter:grayscale(.85); }
.tlw-progress-workspace .tlw-saved-art { position:absolute; inset:0; background:var(--color-paper); transition:clip-path .35s ease-out; pointer-events:none; }
/* A quiet loading breath; opacity leaves the reveal geometry unchanged. */
.tlw-progress-workspace .tlw-art-loading { animation:tlw-art-breathe 2s ease-in-out infinite; }
@keyframes tlw-art-breathe {
  0%,100% { opacity:1; }
  50% { opacity:.84; }
}
.tlw-progress-workspace .tlw-book-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; width:100%; height:100%; padding:1rem; text-align:center; color:var(--color-ink-soft); font-size:.8rem; }
.tlw-progress-workspace .tlw-book-placeholder svg { width:64px; height:64px; opacity:.3; }
.tlw-progress-workspace .tlw-component-heading { margin-top:.65rem; }
.tlw-progress-workspace .tlw-copy-title { align-items:baseline; gap:.35rem; font-family:var(--font-display); font-weight:500; font-size:1.25rem; line-height:1.25; letter-spacing:-.015em; padding:.15rem 0; }
.tlw-progress-workspace .tlw-copy-title span { overflow-wrap:anywhere; }
.tlw-progress-workspace .tlw-copy-title svg { width:13px; height:13px; flex-basis:13px; }
.tlw-progress-workspace .tlw-saved-pages-dialog .tlw-dialog-top { position:sticky; top:-1.5rem; z-index:1; margin:-1.5rem -1.5rem 1rem; padding:1rem 1.5rem; background:var(--color-paper); }
.tlw-progress-workspace .tlw-saved-pages-dialog .tlw-dialog-top > button { flex-shrink:0; min-height:44px; }
.tlw-progress-workspace .tlw-saved-pages-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.tlw-progress-workspace .tlw-saved-page { margin:0; min-width:0; }
.tlw-progress-workspace .tlw-saved-page img { width:100%; aspect-ratio:210/297; height:auto; object-fit:contain; }
.tlw-progress-workspace .tlw-saved-page figcaption { text-align:center; color:var(--color-ink-soft); font-size:.8rem; padding:.25rem; }
.tlw-progress-workspace .tlw-component-files { margin-top:.3rem; }
.tlw-progress-workspace .tlw-component-files .tlw-text-button { min-height:44px; font-size:.8rem; }
.tlw-progress-workspace .tlw-collection-downloads { display:flex; align-items:end; flex-wrap:wrap; gap:1rem 1.5rem; padding-block:1.5rem; margin-top:1.5rem; border-top:1px solid var(--color-line); }
.tlw-progress-workspace .tlw-aftercare { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--color-line); }
@media(max-width:1000px) {
  .tlw-progress-workspace .tlw-reveal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:640px) {
  .tlw-progress-workspace .tlw-order-heading { padding-block:1.5rem 1rem; }
  .tlw-progress-workspace .tlw-reveal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem .75rem; }
  .tlw-progress-workspace .tlw-copy-title { font-size:1.1rem; }
  .tlw-progress-workspace .tlw-gallery-note { font-size:.8rem; }
  .tlw-progress-workspace .tlw-saved-pages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
  .tlw-progress-workspace .tlw-saved-pages-dialog .tlw-dialog-top { top:-1rem; margin:-1rem -1rem 1rem; padding:.75rem 1rem; }
}
@media(prefers-reduced-motion:reduce) {
  .tlw-progress-workspace .tlw-saved-art { transition:none; }
  .tlw-progress-workspace .tlw-art-loading { animation:none; opacity:1; }
}