/* Live text and illustration share one page; raster export is a separate action. */
.picture-book-editor__controls [hidden],.picture-book-editor__preview>[hidden]{display:none!important}
.picture-book-controls{border-top:1px solid var(--mode-border,var(--border));padding-top:24px;margin-top:24px}
.picture-book-page-actions,.picture-book-downloads{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.picture-book-page-actions .button{min-height:38px;padding:8px 10px}
.picture-book-controls input[type=color]{height:46px;padding:6px;cursor:pointer}
.picture-book-controls input[type=file]{max-width:100%;font-size:12px}
.picture-book-editor__preview.notebook{padding:18px;background-image:none;min-width:0}
.picture-book-editor__preview.notebook::before,.picture-book-editor__preview.notebook::after{display:none}
.picture-book-preview-heading{display:flex;justify-content:space-between;gap:15px;margin:0 0 16px;color:var(--mode-text,var(--text));font-size:12px}
.picture-book-preview-heading>span:first-child{overflow-wrap:anywhere}
.picture-book-preview-heading>span:last-child{white-space:nowrap}
.picture-book-page{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;background:var(--pb-paper,#fff8e8);color:var(--pb-ink,#382c27);isolation:isolate;overflow-wrap:anywhere;border-radius:2px;box-shadow:0 8px 30px #0002;line-height:1.5}
.picture-book-page__art{position:relative;margin:0;aspect-ratio:4/3;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--pb-paper) 86%,#493d30)}
.picture-book-page__art img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.picture-book-empty-art{position:absolute;inset:0;display:grid;place-items:center;font:13px var(--sans);color:#6d6155}
.picture-book-page__copy{padding:clamp(22px,3vw,36px);padding-bottom:42px;min-width:0}
.picture-book-page__copy h3{font:500 clamp(21px,2.2vw,30px)/1.25 var(--serif);margin:0 0 16px;color:inherit}
.picture-book-page__text{white-space:pre-wrap;font:400 clamp(18px,1.75vw,24px)/1.6 Georgia,serif;letter-spacing:0;color:inherit;min-height:1.6em}
.picture-book-page__text[contenteditable]{cursor:text;border-radius:3px;outline-offset:7px}
.picture-book-page__number{position:absolute;right:18px;bottom:11px;font:11px var(--sans);color:inherit}
.picture-book-page--image-left{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.picture-book-page--image-left .picture-book-page__art{aspect-ratio:auto;min-height:440px;height:100%}
.picture-book-page--image-left .picture-book-page__copy{padding:28px 22px 42px;align-self:center}
.picture-book-page--image-bottom .picture-book-page__art{order:2}
.picture-book-page--image-bottom .picture-book-page__copy{order:1}
.picture-book-page--image-bottom .picture-book-page__number{background:var(--pb-paper);padding:3px 7px;border-radius:20px}
.picture-book-reading-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--mode-border,var(--border))}
.picture-book-reading-toggle [role=group]{display:flex;gap:6px}
.picture-book-reading-toggle label{display:flex;align-items:center;gap:8px;font-size:12px}
.picture-book-reading-toggle select{width:auto;padding:7px 10px;min-height:38px;font-size:12px}
#reader.reader-picture-mode{width:min(960px,calc(100vw - 30px))}
#reader.reader-picture-mode .reader-pages{display:block}
#reader.reader-picture-mode .reader-art,#reader.reader-picture-mode #reader-chapter,#reader.reader-picture-mode #reader-title,#reader.reader-picture-mode #reader-copy{display:none}
#reader.reader-picture-mode .reader-pages>article{padding:24px 32px;width:100%;max-width:none}
[data-picture-reader]{width:min(100%,var(--pb-reader-width,640px));margin:auto}
#reader .picture-book-page__text,#reader .picture-book-page__copy h3{color:var(--pb-ink);font-family:Georgia,serif}
#reader .picture-book-page__text{font-size:clamp(18px,1.6vw,24px)}
#reader .picture-book-page__copy h3{font-size:clamp(22px,2vw,30px)}
#reader.reader-picture-mode .reader-pagination{max-width:780px;margin:24px auto 0}
@media(max-width:700px){
 .picture-book-editor__workspace{width:100%}
 .picture-book-editor__preview.notebook{padding:12px}
 .picture-book-page--image-left{grid-template-columns:minmax(0,1fr)}
 .picture-book-page--image-left .picture-book-page__art{aspect-ratio:4/3;min-height:0;height:auto}
 .picture-book-page__text{font-size:18px}
 .picture-book-page__copy{padding:22px 22px 36px}
 .picture-book-reading-toggle{padding:12px 16px;flex-wrap:wrap}
 .picture-book-reading-toggle label{font-size:11px}
 #reader.reader-picture-mode{width:calc(100vw - 16px);max-width:none}
 #reader.reader-picture-mode .reader-pages>article{padding:16px}
 #reader .picture-book-page__text{font-size:18px;line-height:1.6}
 #reader.reader-picture-mode .reader-pagination{gap:8px}
 .picture-book-downloads .button{padding:9px 12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.picture-book-page *{animation:none!important;transition:none!important}}

/* Full-page composition rules are shared with standalone HTML export. */
.picture-book-page--full-illustration{container-type:inline-size;aspect-ratio:3/4;display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}.picture-book-page--full-illustration .picture-book-page__art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;min-height:0;background:transparent;z-index:0}.picture-book-page--full-illustration .picture-book-page__art img{position:absolute;inset:0;width:100%;height:100%;max-height:none}.picture-book-page--full-illustration .picture-book-page__copy{position:absolute;z-index:1;left:var(--pb-text-x);top:var(--pb-text-y);width:var(--pb-text-width);height:var(--pb-text-height);margin:0;padding:0;overflow:visible;background:transparent;box-shadow:none;border:0;color:var(--pb-ink);text-align:var(--pb-text-align);text-shadow:var(--pb-text-shadow);font-family:var(--pb-text-font);font-size:var(--pb-text-fallback);font-size:max(18px,var(--pb-text-size))}.picture-book-page--full-illustration .picture-book-page__text{font:400 1em/1.45 var(--pb-text-font);letter-spacing:0;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.45em}.picture-book-page--full-illustration .picture-book-page__copy h3{font:600 1.2em/1.2 var(--pb-text-font);color:inherit;margin:0 0 .55em;letter-spacing:0}.picture-book-page--full-illustration .picture-book-page__number{z-index:1;background:transparent;text-shadow:var(--pb-text-shadow)}@media print{.picture-book-page--full-illustration{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.picture-book-type-controls{border:0;padding:0;margin:0 0 20px;min-width:0}
.picture-book-type-controls legend{font:600 12px var(--sans);margin:0 0 14px;color:var(--mode-text,var(--text))}
.picture-book-type-controls[hidden]{display:none}
.picture-book-reading-toggle [role=group]{flex-wrap:wrap}
#reader .picture-book-page--full-illustration .picture-book-page__text{font:400 1em/1.45 var(--pb-text-font);color:inherit}
#reader .picture-book-page--full-illustration .picture-book-page__copy h3{font:600 1.2em/1.2 var(--pb-text-font);color:inherit}
/* The painted edition keeps its original color and its faces clear of cover type. */
.cover.picture-painted{background:#fff5df}
.cover.picture-painted>img{object-fit:cover;object-position:center;filter:none;opacity:1}
.cover.picture-painted>.cover-shade{background:none}
.cover.picture-painted .cover-type{justify-content:flex-start;padding:9% 8% 0;color:#263c34;gap:5px}
.cover.picture-painted .cover-type h3{font:600 clamp(18px,1.8vw,27px)/1.12 Georgia,serif;color:#263c34;margin:0;text-shadow:none}
.cover.picture-painted .cover-type>span,.cover.picture-painted .cover-type small{color:#425945;line-height:1.35;font-size:8px!important;letter-spacing:.8px}
.paid-picture-scene{background:#fff5df}
.paid-picture-scene>img{object-fit:contain;object-position:center}
.paid-cinema>.paid-picture-scene>img{inset:10%;width:80%;height:80%;object-fit:contain}

/* Measured continuation leaves: no nested text scroll or hidden prose. */
.edition-leaf,.edition-cover{position:relative;flex:none;margin:0 auto;overflow:visible;isolation:isolate;box-sizing:border-box}.edition-leaf figure{position:absolute;margin:0;overflow:hidden;display:grid;place-items:center}.edition-leaf figure img,.edition-cover>img{display:block;width:100%;height:100%;max-height:none}.edition-copy{position:absolute;background:transparent;border:0;box-shadow:none;overflow:visible;padding:0;margin:0}.edition-copy h3,.edition-body{padding:0;margin:0;color:inherit;font-family:inherit;letter-spacing:0}.edition-line{display:block;white-space:pre;min-height:1em;letter-spacing:0;font-family:inherit;color:inherit}.edition-editable{white-space:pre-wrap;overflow-wrap:anywhere;outline-offset:3px}.edition-number{position:absolute;right:12px;bottom:8px;font:10px Arial;color:inherit}.edition-cover{aspect-ratio:3/4;background:#fff5df;overflow:hidden}.edition-cover>img{position:absolute;inset:0;object-fit:cover;object-position:center}.edition-cover-type{position:absolute;left:8%;right:8%;top:9%;color:#30283b;text-align:center}.edition-cover-type>span{font:600 9px Arial;letter-spacing:1.4px}.edition-cover-type h2{font:600 clamp(24px,6vw,42px)/1.12 Georgia,serif;color:#30283b;margin:12px 0}.edition-cover-type p{font:15px/1.35 Georgia,serif;color:#30283b;margin:0}.edition-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}.edition-pager span{font:12px Arial}.edition-pager button{min-height:34px;padding:6px 12px}.edition-error{padding:18px;color:var(--mode-text);font:14px/1.5 Arial}
#reader.reader-edition-mode .reader-pages>article{padding:0 16px 16px}
#reader.reader-edition-mode [data-picture-reader]{max-width:100%;width:auto}
#reader.reader-edition-mode .reader-pagination{margin:14px auto 0}
#reader .edition-copy h3{font-family:inherit;color:inherit;font-size:inherit}
#reader .edition-line{font-family:inherit;color:inherit}
.story-format-tabs{margin-bottom:22px;flex-wrap:wrap}
.story-format-tabs a{padding:12px 18px;min-height:44px;border-radius:24px;color:var(--mode-muted);text-decoration:none}
.story-format-tabs a.active{background:color-mix(in srgb,var(--mode-accent) 13%,transparent);color:var(--mode-text)}
.story-format-tabs a:focus-visible{outline:2px solid var(--mode-accent);outline-offset:3px}
.picture-book-editor__preview .edition-leaf,.picture-book-editor__preview .edition-cover{max-width:none}
#main .sv-canvas-preview .picture-book-editor__preview.notebook{padding:8px;min-height:0}
.picture-book-editor__preview .picture-book-preview-heading{margin-bottom:6px}
.picture-book-editor__preview .edition-pager{margin:4px 0 0}
.edition-editable:focus-visible{outline:2px solid #785c88}
.edition-copy,.edition-body{max-height:none;overflow:visible}

#main .picture-book-editor__workspace.sv-workspace-stacked{grid-template-rows:minmax(0,60%) minmax(0,1fr)}

#reader.reader-edition-mode .reader-pages{min-height:0}
#reader .edition-cover-type h2,#reader .edition-cover-type p{color:#30283b}
#reader .edition-cover-type p{font:15px/1.35 Georgia,serif;margin:0}