.creative-catalog,.creative-read{gap:var(--space-5);max-width:1100px;padding:var(--space-5) var(--space-4);margin:0 auto;display:grid}.creative-catalog__head h1,.creative-read__head h1{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem);line-height:1.05}.creative-catalog__head .chips{margin-top:var(--space-3)}.creative-read__head{gap:var(--space-2);justify-items:start;display:grid}.creative-read__head>.work-card-preview{width:100%}.creative-read__head p{margin:0}.creative-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.creative-card{border:1px solid var(--color-border);height:100%;color:inherit;background:var(--color-surface);border-radius:14px;text-decoration:none;display:grid;overflow:hidden}.creative-card:hover{border-color:var(--color-accent)}.creative-card__cover{aspect-ratio:2/3;color:#fff;background:linear-gradient(140deg,#3b2a5c,#a8456b);place-items:center;font-size:3rem;display:grid}.creative-card__cover--story{background:linear-gradient(140deg,#1f4d4a,#6b8f3a)}.creative-card__cover img{object-fit:cover;width:100%;height:100%}.creative-card__body{padding:var(--space-3);gap:4px;display:grid}.creative-card__kind{font-size:var(--text-xs);color:var(--color-text-muted)}.creative-card__title{font-weight:600}.comic-reader{gap:var(--space-3);display:grid}.comic-reader__bar,.comic-reader__nav{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.comic-reader__nav{text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:color-mix(in oklab, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;grid-template-columns:auto 1fr auto;display:grid;position:sticky;bottom:72px;box-shadow:0 4px 18px #0000001a}@media (min-width:900px){.comic-reader__nav{bottom:var(--space-3)}}.comic-stage{place-items:center;display:grid}.comic-page{background:#fff;width:100%;height:auto;display:block}.comic-page--fit{width:auto;max-width:100%;max-height:82vh}.comic-strip{gap:var(--space-3);max-width:800px;margin:0 auto;display:grid}.comic-strip--seamless{gap:0}.comic-page__bg{fill:#fff}.comic-panel__empty{fill:#eef0f3}.comic-panel__border{fill:none;stroke:#111;stroke-width:6px}.comic-strip--seamless .comic-panel__border{stroke:none}.comic-balloon__shape,.comic-balloon__tail{fill:#fff;stroke:#111;stroke-width:5px}.comic-balloon--thought .comic-balloon__shape{stroke-dasharray:14 10}.comic-balloon--shout .comic-balloon__shape{stroke-width:9px}.comic-balloon--caption .comic-balloon__shape{fill:#fff6d6}.comic-balloon__text{text-align:center;color:#111;white-space:pre-wrap;overflow-wrap:anywhere;justify-content:center;align-items:center;height:100%;font:600 40px/1.15 Comic Neue,Segoe Print,system-ui,sans-serif;display:flex;overflow:hidden}.comic-balloon--shout .comic-balloon__text{text-transform:uppercase;font-weight:800}.comic-balloon--caption .comic-balloon__text{font-style:italic;font-weight:500}.comic-transcript{padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px}.comic-transcript h3{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-base)}.comic-transcript p{margin:0 0 4px}.story-player{gap:var(--space-3);max-width:720px;display:grid}.story-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-reading,var(--font-display));font-size:var(--text-lg);border-radius:18px;line-height:1.6;display:grid}.story-card p{margin:0}.story-card .btn{font-family:var(--font-body,system-ui);justify-self:start}.story-card__title{font-family:var(--font-display);outline:none;margin:0;font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}.story-card__ending{color:var(--color-text-muted)}.story-options{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.story-option{text-align:left;width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface-2);color:inherit;font:inherit;font-size:var(--text-base);cursor:pointer;border-radius:12px}.story-option:hover,.story-option:focus-visible{border-color:var(--color-accent)}.story-player__tools{gap:var(--space-2);display:flex}.story-vars{gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;margin:0;display:flex}.story-vars div{background:var(--color-surface-2);border-radius:999px;gap:6px;padding:4px 10px;display:flex}.story-vars dt{color:var(--color-text-muted)}.story-vars dd{margin:0;font-weight:600}