:root{--color-ink:#172033;--color-muted:#61708a;--color-paper:#fff8ed;--color-panel:#fff;--color-panel-soft:#fff0cc;--color-primary:#7c3aed;--color-primary-dark:#5b21b6;--color-accent:#f59e0b;--color-border:#eadfcf;--color-success:#15803d;--color-danger:#b91c1c;--shadow-panel:0 24px 60px #42332224;--radius-lg:28px;--radius-md:18px;--space-page:clamp(1rem, 3vw, 3rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-block-size:100%}body{min-block-size:100%;color:var(--color-ink);background:radial-gradient(circle at 20% 20%,#f59e0b38,#0000 28rem),radial-gradient(circle at 85% 10%,#7c3aed2e,#0000 24rem),linear-gradient(135deg,#fff8ed 0%,#f8fbff 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}a{color:inherit}[hidden]{display:none!important}.shell{inline-size:min(1280px, calc(100% - (var(--space-page) * 2)));margin-inline:auto;padding-block:clamp(2rem,6vw,5rem)}.shell.is-workspace{padding-block-start:1rem}.hero{gap:1.25rem;max-inline-size:860px;padding-block:clamp(2rem,6vw,5rem);display:grid}.welcome-features{flex-wrap:wrap;gap:.7rem;display:flex}.welcome-features span{border:1px solid var(--color-border);color:var(--color-primary-dark);background:#ffffffb3;border-radius:999px;padding:.65rem .9rem;font-weight:800}.eyebrow{color:var(--color-primary-dark);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-block-start:0}h1{letter-spacing:-.08em;max-inline-size:12ch;margin-block-end:0;font-size:clamp(3.1rem,10vw,7.1rem);line-height:.9}h2{letter-spacing:-.04em;margin-block-end:.55rem;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1}h3{margin-block:0 .35rem;font-size:1.15rem}p{color:var(--color-muted);line-height:1.7}.hero__lede{max-inline-size:68ch;margin-block-end:.5rem;font-size:clamp(1.05rem,2vw,1.35rem)}.hero__actions,.phase-actions,.inline-form{flex-wrap:wrap;gap:.8rem;display:flex}.button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-block-size:3rem;padding:.85rem 1.2rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.button--primary{color:#fff;background:var(--color-primary);box-shadow:0 12px 24px #7c3aed38}.button--primary:hover,.button--primary:focus-visible{background:var(--color-primary-dark)}.button--secondary{color:var(--color-primary-dark);box-shadow:inset 0 0 0 1px var(--color-border);background:#fff}.button--small{min-block-size:2.4rem;padding:.55rem .9rem;font-size:.88rem}.panel,.book-card,.item-card,.review-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6}.panel{padding:clamp(1.25rem,4vw,2.25rem)}.status-panel,.login-panel,.workspace,.section-heading{gap:1.2rem;display:grid}.app-header{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;padding:.8rem 1rem;display:flex;position:sticky;inset-block-start:.75rem;box-shadow:0 12px 36px #4233221a}.app-header p{margin:0}.app-header__welcome{color:var(--color-ink);font-size:1.1rem;font-weight:900}.app-header__status{align-items:center;gap:.75rem;display:flex}.status-panel,.login-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-block-end:1rem}.status-list{gap:.7rem;min-inline-size:min(100%,18rem);margin:0;display:grid}.status-list div{border-radius:var(--radius-md);background:var(--color-panel-soft);justify-content:space-between;gap:1.25rem;padding:.8rem 1rem;display:flex}.status-list dt{color:var(--color-muted);font-weight:800}.status-list dd{margin:0;font-weight:800}.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;margin-block-start:1rem}.sidebar{position:sticky;inset-block-start:6.5rem}.book-panel{min-inline-size:0}.section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.book-panel__header{z-index:5;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;margin:-.35rem -.35rem 0;padding:.35rem;position:sticky;inset-block-start:6.5rem}.stack-form,.portrait-form,.inline-form label{gap:.65rem;display:grid}.stack-form{margin-block:1rem}.portrait-form{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-block-start:.9rem}label{color:var(--color-muted);font-weight:800}.field.has-error{color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:.85rem;font-weight:700}input,select,textarea{border:1px solid var(--color-border);background:var(--color-panel);inline-size:100%;color:var(--color-ink);border-radius:16px;padding:.9rem 1rem}textarea{resize:vertical;min-block-size:7rem}input:focus-visible,select:focus-visible,textarea:focus-visible,.tab:focus-visible,.book-card:focus-visible,.character-chip:focus-visible,.page-tab:focus-visible,.alignment-button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #7c3aed59}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px #b91c1c1a}.book-list,.cards-list{gap:.9rem;display:grid}.book-card,.item-card{gap:.75rem;padding:1rem;display:grid}.book-card{border-radius:var(--radius-md);text-align:start}.book-card.is-active{outline:3px solid #7c3aed47}.book-card.is-opening{opacity:.65}.item-card__meta{color:var(--color-muted);font-size:.9rem}.live-pill{color:var(--color-danger);background:#fee2e2;border-radius:999px;align-items:center;padding:.45rem .8rem;font-weight:900;display:inline-flex}.live-pill.is-live{color:var(--color-success);background:#dcfce7}.flash-message{border-radius:var(--radius-md);color:var(--color-success);background:#f0fdf4;border:1px solid #15803d40;margin:0;padding:.75rem .9rem;font-weight:800}.flash-message.is-error{color:var(--color-danger);background:#fef2f2;border-color:#b91c1c40}.collaborator-list{flex-wrap:wrap;gap:.45rem;display:flex}.collaborator{border:1px solid var(--color-border);color:var(--color-muted);background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.82rem;font-weight:800;display:inline-flex}.collaborator__dot{border-radius:999px;block-size:.55rem;inline-size:.55rem}.workflow-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.workflow-progress__step{color:var(--color-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;font-size:.82rem;font-weight:900;display:grid}.workflow-progress__step span{border:1px solid var(--color-border);background:#fff;border-radius:999px;place-items:center;block-size:1.8rem;inline-size:1.8rem;display:grid}.workflow-progress__step.is-current{color:var(--color-primary-dark)}.workflow-progress__step.is-current span,.workflow-progress__step.is-complete span{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.tabs{flex-wrap:wrap;gap:.5rem;margin-block:1.25rem;display:flex}.tab{color:var(--color-muted);cursor:pointer;background:#fff;border-radius:999px;padding:.7rem 1rem;font-weight:900}.tab.is-active{color:#fff;background:var(--color-primary)}.tab-panel{display:none}.tab-panel.is-active{gap:1rem;display:grid}.panel-intro,.workflow-intro,.review-hero{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-panel-soft), #fff);padding:1rem}.panel-intro p:last-child,.workflow-intro p:last-child,.review-hero p:last-child{margin-block-end:0}.creator-card,.editor-controls,.art-studio{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:1rem}.workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.workflow-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem;display:grid}.workflow-card p{margin:0}.workflow-card__number{background:var(--color-primary);color:#fff;border-radius:999px;place-items:center;block-size:2rem;inline-size:2rem;font-weight:900;display:grid}.phase-actions--end{border-block-start:1px solid var(--color-border);justify-content:flex-end;padding-block-start:1rem}.empty-state{border-radius:var(--radius-md);text-align:center;background:#fff0cc59;border:1px dashed #7c3aed59;padding:1.25rem}.empty-state p:last-child{margin-block-end:0}.prompt-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--color-panel-soft);color:var(--color-primary-dark);border-radius:999px;padding:.35rem .65rem;font-size:.82rem;font-weight:900}.character-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.65rem;margin:0;padding:.9rem;display:grid}.character-picker legend{color:var(--color-muted);padding-inline:.35rem;font-weight:800}.character-picker p{margin:0;font-size:.9rem}.character-picker__options{flex-wrap:wrap;gap:.5rem;display:flex}.character-chip{border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-primary-dark);cursor:pointer;border-radius:999px;padding:.55rem .8rem;font-weight:800}.character-chip.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.generated-image{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md);object-fit:cover;inline-size:100%}.portrait-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);padding:.8rem;font-size:.9rem}.portrait-gallery,.art-history{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.portrait-tile,.art-history__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;gap:.45rem;padding:.5rem;display:grid;position:relative;overflow:hidden}.portrait-tile.is-reference{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.portrait-tile.is-pending{opacity:.7}.portrait-tile__label,.art-history__item span{color:var(--color-muted);font-size:.78rem;font-weight:800}.portrait-placeholder{aspect-ratio:4/3;border-radius:var(--radius-md);background:linear-gradient(90deg, transparent, #ffffffb3, transparent), var(--color-panel-soft);color:var(--color-primary-dark);place-items:center;font-weight:900;display:grid}.page-rail{scroll-snap-type:inline mandatory;gap:.6rem;padding-block:.2rem .6rem;display:flex;overflow-x:auto}.page-tab{border:1px solid var(--color-border);min-block-size:2.8rem;color:var(--color-muted);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:999px;flex:none;align-items:center;gap:.55rem;padding:.55rem .8rem;font-weight:900;display:inline-flex}.page-tab span{background:var(--color-panel-soft);block-size:1.55rem;inline-size:1.55rem;color:var(--color-primary-dark);border-radius:999px;place-items:center;font-size:.78rem;display:grid}.page-tab.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.editor-surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffb3;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.editor-surface>label textarea{min-block-size:14rem;color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:1.12rem;line-height:1.8}.inline-notice{border-radius:var(--radius-md);color:#9a3412;background:#fff7ed;padding:.75rem .9rem;font-weight:800}.alignment-picker{border:0;margin:0;padding:0}.alignment-picker legend{color:var(--color-muted);margin-block-end:.55rem;font-weight:800}.alignment-picker__options{border:1px solid var(--color-border);background:var(--color-panel-soft);border-radius:999px;gap:.35rem;padding:.25rem;display:inline-flex}.alignment-button{color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.55rem .85rem;font-weight:800}.alignment-button.is-selected{color:var(--color-primary-dark);background:#fff;box-shadow:0 2px 8px #4233221f}.art-studio{background:linear-gradient(135deg,#f5f3ff,#fff7ed)}.page-text{border-radius:var(--radius-md);white-space:pre-wrap;background:#f8fafc;padding:1rem}.page-text[data-align=center]{text-align:center}.page-text[data-align=right]{text-align:right}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.review-grid article{padding:1.1rem}.readiness{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;gap:.6rem;padding:1rem;display:grid}.readiness.is-ready{background:#f0fdf4;border-color:#15803d59}.readiness__item{background:#f8fafc;border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:.7rem;padding:.75rem;display:grid}.readiness__item>span{color:var(--color-muted);font-size:1.3rem;font-weight:900}.readiness__item.is-complete>span{color:var(--color-success)}.readiness__item strong{display:block}.readiness__item p{margin:0;font-size:.88rem}.book-preview{gap:1rem;display:grid}.book-preview .item-card{background:var(--color-paper)}.activity-details{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:.9rem}.activity-details summary{color:var(--color-primary-dark);cursor:pointer;font-weight:900}.activity-details .activity-log{margin-block-start:.8rem}.review-grid strong{font-size:2.4rem;display:block}.activity-log{border-radius:var(--radius-md);min-block-size:7rem;color:var(--color-muted);white-space:pre-wrap;background:#fff;border:1px dashed #7c3aed6b;padding:1rem;line-height:1.7}@media (width<=840px){.status-panel,.login-panel,.workspace,.section-heading,.review-grid{grid-template-columns:1fr}.status-list{inline-size:100%}.app-header{position:static}.sidebar{order:2;position:static}.book-panel{order:1}.book-panel__header{inset-block-start:0}.workflow-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-cards,.prompt-row,.portrait-form{grid-template-columns:1fr}}@media (width<=560px){.shell{inline-size:min(100% - 1rem,1280px);padding-block:.5rem 1.5rem}.panel{border-radius:var(--radius-md);padding:1rem}.app-header{align-items:flex-start}.app-header__status{flex-direction:column;align-items:flex-end}.tabs{flex-wrap:nowrap;padding-block-end:.35rem;overflow-x:auto}.tab{flex:none}.workflow-progress__step{font-size:.75rem}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-grid article{padding:.75rem}.review-grid strong{font-size:1.65rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}