:root{--ink:#243c39;--muted:#59685f;--paper:#f5f4ee;--accent:#b1cb73;--line:#dedfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}aside{position:fixed;width:250px;height:100vh;background:#0e1b24;color:#e6e9dc;padding:38px 26px;display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;font-size:29px;font-family:Georgia;white-space:nowrap}.brand>span{color:var(--accent)}.brand b{font-family:Arial;font-size:20px;margin-left:8px}.edition{font-size:9px;letter-spacing:1.7px;color:#a7b7a6;margin-top:20px}nav{margin-top:70px}nav button{display:block;width:100%;border:0;color:#a4b5a9;text-align:left;background:transparent;padding:19px 12px;font-size:12px;cursor:pointer;border-radius:5px}nav button span{margin-left:13px;font-size:14px}nav button.active{background:#354e43;color:#d8e9b6}.aside-bottom{margin-top:auto}.lock{font-size:13px;color:#d5e5b4}.aside-bottom p{font-size:12px;line-height:1.8;color:#a9baaf}.aside-bottom small{font-size:10px;color:#849c8d}main{margin-left:250px;padding:0 6vw;max-width:1700px}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.3px;color:var(--muted)}.badge{border:1px solid var(--line);border-radius:20px;padding:8px 14px}section{padding:56px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:24px;color:#687c5c}h1{font-family:Georgia;font-size:clamp(36px,4vw,58px);font-weight:400;letter-spacing:-1.6px;line-height:1.12;margin:0 0 22px}h1 em{font-weight:400;color:#728966}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:35px}.drop{display:block;border:1px dashed #a2b096;background:#eef0e6;text-align:center;padding:35px 15px;cursor:pointer;border-radius:8px}.drop:hover{background:#e5ead8}.drop input{position:absolute;opacity:0;width:1px}.upload-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfc9af;border-radius:50%;width:45px;height:45px;font-size:28px;color:#819566}.drop h2{margin:18px 0 10px}.drop p{font-size:13px;color:var(--muted)}.drop small{font-size:11px;color:var(--muted)}h2{font-size:17px;font-weight:500}.or{text-align:center;margin:19px 0;font-size:12px;color:var(--muted)}button{font-family:inherit;cursor:pointer}.text-button{background:none;border:0;color:#4c6940;padding:10px 0;font-size:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.principles b{font-size:12px;font-weight:500}.principles p{font-size:12px;color:var(--muted);line-height:1.8}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.panel{background:#fffefa;border:1px solid var(--line);border-radius:8px;padding:26px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{padding:18px 20px;border-top:1px solid var(--line)}.stat b{font-family:Georgia;font-size:30px;font-weight:400;display:block}.stat span{font-size:11px;color:var(--muted)}#map{max-height:480px;overflow:auto}.row{border-bottom:1px solid #e7e8df;padding:13px 0;display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}.row p{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row small{font-size:10px;color:var(--muted)}select{width:100%;padding:12px;border:1px solid var(--line);background:#f8f8f0;border-radius:4px;color:var(--ink)}.row select{font-size:10px;padding:7px}.finding{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.finding b{color:#7b894b}.note{font-size:12px;color:var(--muted);line-height:1.8;margin:22px 0}.primary,.secondary{display:block;width:100%;padding:16px;border:0;border-radius:5px;background:#29443a;color:#f5f7eb;font-size:13px;margin-top:20px}.primary:hover{background:#3e5c42}.primary:disabled{opacity:.4;cursor:pointer}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);margin-top:10px}label{display:block;font-size:11px;margin:20px 0 8px}label select{margin-top:10px}.template{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #9dae82;border-radius:5px;background:#f3f5e9;font-size:12px}.template span{font-family:Georgia;font-size:30px}.template p{font-size:10px;color:var(--muted)}.template strong{margin-left:auto}.lock-box{padding:18px;background:#edf0e2;font-size:12px}.lock-box p{font-size:11px;line-height:1.8;margin-bottom:0}.design{grid-template-columns:1fr 1.3fr}.preview-wrap{background:#e4e6dc;border-radius:8px;padding:24px}.preview-label{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:24px}.preview-label span{color:var(--muted);letter-spacing:0}#page{background:#fffefa;box-shadow:0 6px 20px #34483212;margin:auto;padding:60px 45px;max-width:400px;min-height:530px;font:14px/1.4 Georgia;color:#222;overflow:hidden}#page h2{font:20px Georgia;text-align:center;margin:35px 0 40px}#page p{font:12px/1.5 Georgia;text-align:justify;margin:0;text-indent:20px}#page p.first{text-indent:0}#page p.scene{text-align:center;text-indent:0;margin:15px 0}.preview-caption{text-align:center;font-size:10px;color:var(--muted);margin-top:20px}.verified{color:#52713e;background:#eef2e4;border:1px solid #d0dbb9;padding:20px;margin-bottom:20px;font-size:13px;letter-spacing:1px}code{display:block;word-break:break-all;font-size:11px;line-height:1.7;padding:15px;background:#f0f1e8}#status{padding:15px 0;color:#94703d;font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}footer button{background:none;border:0;color:var(--muted);font-size:10px}@media(max-width:950px){aside{width:190px;padding:25px 16px}.brand b{font-size:16px}main{margin-left:190px;padding:0 30px}.columns{grid-template-columns:1fr}}@media(max-width:650px){aside{position:relative;width:100%;height:auto;padding:20px}.edition,.aside-bottom{display:none}nav{display:flex;margin:20px 0 0}nav button{padding:10px;font-size:10px}nav button span{display:none}main{margin:0;padding:0 20px}header{height:65px}section{padding-top:35px}.principles{grid-template-columns:1fr;gap:5px}.stats{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}.panel{padding:20px}}

@font-face{font-family:"Forge Serif";src:url("fonts/regular.ttf") format("truetype");font-display:swap}
input{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#f8f8f0;color:var(--ink);font:12px Arial}#page,#page p,#page h2{font-family:"Forge Serif",Georgia,serif}.proof-panel{border:1px solid var(--line);border-radius:8px;background:#e4e6dc;margin-bottom:26px;padding:22px}.proof-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:22px}.proof-tools>div{display:flex;align-items:center;gap:12px}.proof-tools label{display:flex;align-items:center;gap:8px;margin:0}.proof-tools input{width:60px;padding:8px;margin:0}.proof-tools button{border:1px solid #bdc6b6;border-radius:5px;padding:8px 12px;background:#f3f4eb;color:var(--ink)}.proof-canvas{margin:auto;max-width:660px}.proof-canvas canvas{width:100%;height:auto;background:#fff;box-shadow:0 6px 24px #263e361c}#proof-status{font-size:11px;color:var(--muted);margin-top:16px;text-align:center}.finding b.fail{color:#a75836}.finding b.pass{color:#52713e}.progress-note{padding:12px;font-size:12px}button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:650px){.proof-tools{flex-direction:column}}

#inspect-text{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 Georgia;max-height:300px;overflow:auto}#paragraph-inspector{margin-bottom:24px}[hidden]{display:none!important}

#open-pdf{text-decoration:none;text-align:center;cursor:pointer}

.proof-review{margin-bottom:24px}.review-tools{display:flex;gap:20px;flex-wrap:wrap}.review-tools label{flex:1;min-width:180px}.review-item{display:flex;gap:20px;justify-content:space-between;padding:16px 0;border-top:1px solid #ddd}.review-item p{margin:6px 0;font-size:14px}.review-item>div:last-child{display:flex;gap:10px;align-items:center;flex-shrink:0}#review-list{max-height:380px;overflow:auto}@media(max-width:700px){.review-item{flex-direction:column}.review-item>div:last-child{flex-wrap:wrap}}

.project-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.project-tools{gap:12px}}

.map-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-jump-tools{display:flex;gap:16px;align-items:end}.map-jump-tools label{flex:1}.map-pager{display:flex;justify-content:space-between;gap:16px}.row.selected{background:#edf0e2}.row>div{min-width:0}.row .text-button{font-size:10px;text-align:left}.text-button:disabled{opacity:.4;cursor:default}#map-results{margin:15px 0}@media(max-width:650px){.map-tools{grid-template-columns:1fr}.map-jump-tools{flex-wrap:wrap}}

.design-options{margin:24px 0 0;padding:0;border:0;min-width:0}.design-options legend{font-size:11px;margin-bottom:12px}.design-choice{display:flex;gap:14px;align-items:start;border:1px solid var(--line);padding:16px;margin:8px 0;border-radius:6px;cursor:pointer;background:#fffefa}.design-choice:has(input:checked){border-color:#8b9f6a;background:#f1f4e7}.design-choice input{width:auto;flex-shrink:0;margin:2px 0 0;accent-color:#36523e}.design-choice b{font-size:13px}.design-choice p{margin:6px 0;font-size:11px;line-height:1.5;color:var(--muted)}.design-choice small{font-size:10px;color:#5b7251}.design-choice:focus-within{outline:2px solid #7a925a;outline-offset:2px}#page{min-height:0;padding:var(--margin-top,60px) var(--margin-right,45px) var(--margin-top,60px) var(--margin-left,45px)}#page p{font-size:var(--body-size,12px);line-height:var(--body-leading,18px);text-indent:var(--paragraph-indent,20px)}#page h2{font-size:var(--heading-size,20px);line-height:var(--heading-leading,24px);margin:0 0 var(--heading-gap,40px);padding-top:var(--heading-drop,35px)}#page p.scene{margin:var(--scene-gap,15px) 0}

@font-face{font-family:"Forge Garamond";src:url("fonts/garamond/regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Forge Baskerville";src:url("fonts/baskerville/regular.ttf") format("truetype");font-display:swap}#page,#page p,#page h2{font-family:var(--book-family,"Forge Serif"),Georgia,serif}.type-settings{display:grid;grid-template-columns:1fr 115px;gap:14px}@media(max-width:650px){.type-settings{grid-template-columns:1fr}}

.font-note{margin-top:5px}#download-fonts{margin-top:2px}

.ebook-export{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}#epub-result{margin-top:18px;padding:16px;border:1px solid #cad7b8;background:#f1f4e8;border-radius:5px}#epub-summary{font-size:12px;line-height:1.7;margin:0}#epub-result .note{margin:12px 0}

#status{position:sticky;top:0;z-index:4;background:#fffefa;border-bottom:1px solid var(--line);padding:14px 18px;margin:0 -18px;box-shadow:0 4px 12px #243c3910}#status:empty{display:none}.ebook-ready{max-width:720px}.ebook-ready a{text-align:center;text-decoration:none}.ebook-ready>p{font-size:14px;line-height:1.7}

.columns.design.ebook-mode{grid-template-columns:1fr;max-width:780px}
.ebook-reader{margin:24px 0}.reader-tools{display:flex;gap:16px;flex-wrap:wrap}.reader-tools label{flex:1;min-width:150px}.reader-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.reader-pages .secondary{width:auto;margin:0}#ebook-viewer{display:block;width:100%;height:650px;overflow:auto;border:1px solid #d8d3c8;background:white;border-radius:6px}.ebook-ready a.secondary{display:inline-block;text-decoration:none}#ebook-file-details{overflow-wrap:anywhere}@media(max-width:600px){#ebook-viewer{height:70vh}.reader-pages{flex-wrap:wrap}}
.workspace-navigation{padding:24px 0 8px;border-bottom:1px solid var(--line)}.workspace-navigation .eyebrow{margin:0 0 12px}.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap}.workspace-tabs button{border:1px solid var(--line);border-radius:6px;padding:12px 16px;background:#f5f5ee;color:var(--ink);font:600 13px Arial;cursor:pointer}.workspace-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.workspace-tabs small{display:block;font-size:10px;font-weight:normal;margin-top:5px;opacity:.8}.workspace-tabs button:focus-visible{outline:3px solid #bc854a;outline-offset:3px}.workspace-navigation .note{margin:12px 0}.workspace-tabs~.note{font-size:12px}[role="tabpanel"]>.panel li{margin:10px 0}[role="tabpanel"]>.panel p{line-height:1.65}@media(max-width:650px){.workspace-tabs button{flex:1 1 100px;padding:10px}.workspace-navigation{padding-top:16px}}
.optional-checks{margin:16px 0 24px}.optional-checks summary{cursor:pointer;font-size:13px;color:var(--ink);padding:10px 0}.optional-checks[open] summary{margin-bottom:12px}
#script-elements summary{cursor:pointer;font-size:14px;padding:14px 0}#script-status:not(:empty){background:#edf1e7;padding:15px 18px;border-radius:6px;line-height:1.6;font-size:13px}.script-review{display:flex;align-items:center;gap:10px;margin:18px 0}.script-review input{width:auto;margin:0}.script-row{grid-template-columns:minmax(0,1fr) 170px}.script-row p{white-space:pre-wrap;overflow-wrap:anywhere}.script-row small{color:#995b2e;font-size:11px}#script-results .primary,#script-results .secondary{max-width:520px}#script-preview-status{font-size:12px;line-height:1.5}#script-summary{overflow-wrap:anywhere;font-size:14px;margin:22px 0}#script-map-position{font-size:11px}@media(max-width:650px){.script-row{grid-template-columns:1fr}}

.script-issues{padding-left:1.2rem;max-height:28rem;overflow:auto}.script-issues li{padding:.6rem 0;border-bottom:1px solid #ddd}.script-issues p{margin:.3rem 0}.script-issues small{display:block;overflow-wrap:anywhere}
#copy-workspace input:not([type="file"]){width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:#f8f8f0;color:var(--ink);margin-top:8px;font:13px Arial}#copy-workspace input[readonly]{background:#eeeee5}#copy-workspace summary{cursor:pointer;padding:14px 0;font-size:14px}#copy-status:not(:empty){background:#edf1e7;padding:15px 18px;border-radius:6px;font-size:13px;line-height:1.6}#copy-summary{overflow-wrap:anywhere;font-size:14px;margin:22px 0}#copy-preview-status{font-size:12px;line-height:1.5}#copy-results .primary,#copy-results .secondary{max-width:520px}#copy-map-position{font-size:11px}#copy-workspace .proof-tools input{width:65px}

#business-workspace textarea{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:4px;background:#f8f8f0;color:var(--ink);font:12px Arial;resize:vertical}

.article-photo-card{margin:1rem 0;padding:1rem;border:1px solid #d6d3cc;border-radius:10px}.article-photo-card img{display:block;max-width:100%;max-height:180px;margin-bottom:.75rem;object-fit:contain}.article-photo-card label{margin-top:.6rem}

.book-artwork-card{margin:1rem 0;padding:1rem;border:1px solid #ddd;border-radius:12px;}.book-artwork-card legend{font-weight:700;padding:0 .5rem;}.book-artwork-card label{display:block;margin:.7rem 0;}.book-artwork-card label>input[type=checkbox]{width:auto;display:inline-block;margin-right:.5rem;}

.book-page-settings{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:6px;min-width:0}.book-page-settings legend{font-size:12px;padding:0 6px}.book-page-settings .type-settings{grid-template-columns:1fr 1fr}.book-page-settings .book-page-check{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.book-page-check input[type=checkbox]{width:auto;margin:0;flex-shrink:0}#page{padding-bottom:var(--margin-bottom,48px)}

#release-readiness{margin:12px 0 24px}#release-readiness summary{cursor:pointer;font-size:13px;padding:8px 0}#release-readiness table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}#release-readiness th,#release-readiness td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px}#release-readiness th[scope="row"]{width:25%}#release-readiness p{line-height:1.6}#release-readiness h3{font-size:16px;margin-top:20px}

.workspace-help,.final-review{margin:12px 0 20px;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:#f8f8f0}.workspace-help summary,.final-review summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.6}.workspace-help p,.final-review p{font-size:13px;line-height:1.6;margin:10px 0 0}

.finding-kind{display:block;font-size:12px;margin:8px 0;color:#52603e}.finding-required{color:#7b3a24}.finding-information{color:#505969}.finding-help{max-width:75ch}

.book-table-heading{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5}.book-table-heading input[type=checkbox]{width:auto;margin:0;flex-shrink:0}

.kids-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.kids-page textarea{width:100%;resize:vertical;font:inherit;padding:12px;border:1px solid #d8d5cf;border-radius:8px;box-sizing:border-box}.kids-thumbnail{display:block;max-width:100%;height:140px;object-fit:contain;margin:12px auto}.kids-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-items:center;gap:8px;padding:20px 8px;background:#e9e6df;overflow:auto}.kids-spread canvas{max-width:100%;height:auto;background:white;box-shadow:0 2px 8px #0002}.kids-page .actions{flex-wrap:wrap}

#kids-left{grid-column:1}#kids-right{grid-column:2}

.kids-crop-preview{position:relative;width:100%;max-width:320px;overflow:hidden;background:#eee}.kids-crop-preview>img{display:block;width:100%;height:100%;position:absolute;object-fit:cover}.kids-crop-trim{position:absolute;border:2px dashed #ff4b4b;pointer-events:none}.kids-crop-safe{position:absolute;border:2px dotted #fff;box-shadow:0 0 0 1px #222;pointer-events:none}

.kids-spread-crop{max-width:640px}.kids-gutter-guide{position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);background:rgba(255,174,0,.2);border-left:2px dashed #ffd000;border-right:2px dashed #ffd000;pointer-events:none}

@font-face{font-family:"Forge Reader Fallback";src:url("fonts/fallback.ttf") format("truetype");font-display:swap}.kids-live-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;font-variant-ligatures:none;font-kerning:none}.kids-crop-trim,.kids-crop-safe,.kids-gutter-guide{z-index:3}

@font-face{font-family:"Kids Reader";src:url("fonts/children/reader.ttf") format("truetype");font-display:swap;}
@font-face{font-family:"Kids Playful";src:url("fonts/children/playful.ttf") format("truetype");font-display:swap;}
@font-face{font-family:"Kids Handwritten";src:url("fonts/children/handwritten.ttf") format("truetype");font-display:swap;}

.kids-text-drag{pointer-events:all;cursor:move;touch-action:none;stroke:transparent;stroke-width:1}.kids-text-drag:hover,.kids-text-drag:focus{stroke:#366c55;stroke-dasharray:4 3;outline:none}.kids-panel-controls{padding:12px;border:1px solid #ddd;border-radius:8px}.kids-panel-controls input{width:100%}

#kids-cover-guides svg,#kids-cover-canvas{display:block;width:100%;height:auto;border:1px solid #ddd}#kids-cover-editor textarea{width:100%}

.cloud-tools{display:flex;justify-content:flex-end;margin:0 0 16px}#cloud-panel button{margin:4px}#cloud-panel input[type=file]{display:block}
.review-queue-row,.review-activity-row{padding:12px 0;border-bottom:1px solid #ded8ce}.review-dashboard input,.review-dashboard select{max-width:100%}.review-highlight{outline:3px solid #b8823d;outline-offset:3px}.review-activity-row small{display:block;margin-bottom:8px}

.version-comparison select{max-width:100%;margin:8px}.version-diff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.version-diff-grid>div{padding:12px;border:1px solid #bbb;overflow-wrap:anywhere}.version-diff-grid p{white-space:pre-wrap}.version-diff-grid del{background:#ffe0df;color:#60231f}.version-diff-grid ins{background:#ddf3df;color:#194323}@media(max-width:600px){.version-diff-grid{gap:5px}.version-diff-grid>div{padding:6px}}

.workspace-tabs #tab-easyeditor{border:2px solid #4c6940;background:#e3edce;color:#243c39;font-weight:700}.workspace-tabs #tab-easyeditor[aria-selected="true"]{background:#243c39;color:#fff}.workspace-tabs #tab-easyeditor small{color:inherit}#easyeditor-workspace .panel{width:100%;max-width:none}

.editor-passage { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; } #editor-findings blockquote { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 12rem; overflow: auto; } #editor-findings button { margin: .3rem; }

#editor-text { width:100%; box-sizing:border-box; font:inherit; line-height:1.7; min-height:12rem; }

.editor-review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:28px;align-items:start}.editor-review-column{min-width:0}
#editor-vanity{position:sticky;top:22px;min-width:0;border:1px solid #d0be98;border-radius:9px;background:#efe5cf;box-shadow:0 12px 28px #51402a14;overflow:hidden;color:#443929}
.vanity-heading{padding:20px 24px 12px;background:#f7efdfe6;border-bottom:1px solid #d9cbaa}.vanity-heading h2{font-family:Georgia,serif;font-size:24px;margin:0 0 8px}.vanity-heading p{font-size:12px;margin:6px 0;overflow-wrap:anywhere}#editor-vanity-state{color:#64543a}
#editor-vanity-paper{max-height:60vh;overflow:auto;padding:24px 30px;background:radial-gradient(ellipse at 12% 22%,#caae7124,transparent 56%),radial-gradient(ellipse at 90% 85%,#bca5731f,transparent 62%),linear-gradient(110deg,#f1e5ca,#faf3df 46%,#efdfbc);font:18px/1.85 Georgia,'Times New Roman',serif;scrollbar-gutter:stable}
#editor-vanity-paper:focus-visible{outline:2px solid #52694a;outline-offset:-3px}.vanity-passage{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 1.1em}.vanity-current{border-left:3px solid #9a7942;padding-left:14px;margin-left:-17px;background:#fff9ed55}.vanity-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}.vanity-navigation button{font-size:12px}#editor-vanity-range{padding:0 20px 14px;line-height:1.6;color:#67583f}
@media(max-width:1100px){.editor-review-layout{grid-template-columns:minmax(0,1fr)}#editor-vanity{position:static;grid-row:1}#editor-vanity-paper{max-height:40vh;padding:20px 24px;font-size:17px}}

/* One shared review column keeps upload, passage controls and editing aligned. */
.editor-review-column>.panel{margin-bottom:20px}.editor-review-column .actions{display:flex;flex-wrap:wrap;gap:10px}.editor-review-column input[type=file],.editor-review-column select{max-width:100%;min-width:0}.editor-review-column label{overflow-wrap:anywhere}
@media(min-width:1101px){#editor-vanity{align-self:start;height:min(760px,calc(100dvh - 44px));display:flex;flex-direction:column}#editor-vanity-paper{flex:1;min-height:0;max-height:none}.vanity-heading,.vanity-navigation,#editor-vanity-range{flex-shrink:0}}

#editor-proof-view{flex:1;min-height:0;overflow:auto;padding:12px;background:#e5dcc9}#editor-proof-canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 2px 8px #0002}#editor-proof-page{font-size:12px;text-align:center}#editor-proof-controls button{margin:5px 5px 5px 0}#editor-proof-view[hidden],#editor-vanity-paper[hidden]{display:none}@media(max-width:1100px){#editor-proof-view{max-height:55vh}}

#editor-vanity-navigation[hidden],#editor-vanity-range[hidden]{display:none}
/* Shared introduction, workspace menu and project actions. */
#studio-introduction{padding:30px 0 20px}#studio-introduction .eyebrow{margin-bottom:16px}#studio-introduction h1{margin-bottom:16px}#studio-introduction .intro{margin-bottom:0}.workspace-navigation{margin-top:0}#workspace-project-bar{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:12px 0;margin-bottom:16px}#workspace-project-actions{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}#workspace-project-actions button{width:auto;margin:0;padding:12px 18px;font-size:13px;letter-spacing:normal}.project-action-source{display:none!important}.cloud-tools{margin-top:0}#stage0{padding-top:24px}@media(max-width:650px){#studio-introduction{padding-top:26px}#workspace-project-bar{align-items:flex-start}#workspace-project-actions{width:100%;margin-left:0}#workspace-project-actions button{flex:1}#workspace-project-bar .project-tools{flex-wrap:wrap}}

/* The home chooser: illustrated paper scrolls, with full touch/keyboard access. */
.workspace-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.workspace-menu-heading .eyebrow{margin:0}
#workspace-home{margin:0;padding:8px 0;font-size:12px;white-space:nowrap}
#workspace-home[aria-pressed="true"]{color:#57632e;text-decoration:underline;text-underline-offset:5px}
#workspace-homepage{padding:28px 0 24px}
.home-welcome{text-align:center;margin-bottom:28px}
.home-welcome h2{font:normal clamp(23px,2.3vw,30px)/1.25 Georgia,serif;margin:0 0 8px;color:#34453a}
.home-welcome p,.home-reassurance{font-size:14px;color:#647269;margin:0}
.scroll-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;padding:10px 6px 16px}
.workspace-scroll{position:relative;display:block;width:100%;min-width:0;margin:0;border:0;padding:0;background:transparent;color:#354237;text-align:center;font-family:inherit;cursor:pointer;transition:transform .2s ease;isolation:isolate}
.scroll-paper{position:relative;display:flex;flex-direction:column;align-items:center;min-height:292px;height:100%;padding:28px 20px 24px;border:1px solid #cbb88e;border-radius:5px;background:radial-gradient(ellipse at 15% 20%,#fffdf2b3,transparent 65%),linear-gradient(100deg,#e4cf9d 0%,#f4e7c8 9%,#faf0d8 50%,#ecd9ae 94%,#d9c38d);box-shadow:0 9px 16px #53432316,inset 0 0 24px #ae884d14}
.scroll-paper::before,.scroll-paper::after{content:"";position:absolute;left:-7px;right:-7px;height:14px;border:1px solid #c7ac74;border-radius:50px;background:linear-gradient(#e1c58e,#fff0cb 40%,#e3c48c 75%,#c6a46b);box-shadow:0 3px 4px #67512322;z-index:1}
.scroll-paper::before{top:-7px}.scroll-paper::after{bottom:-7px}
.scroll-icon{width:42px;height:42px;margin-bottom:16px;color:#77613d;flex-shrink:0}
.scroll-title{display:block;font:normal 23px/1.15 Georgia,serif;margin-bottom:10px;overflow-wrap:anywhere}
.scroll-tagline{display:block;font-size:12px;line-height:1.6;color:#716248;min-height:38px}
.scroll-description{display:block;font-size:13px;line-height:1.65;color:#534e3e;margin:13px 0 18px}
.scroll-action{display:block;margin-top:auto;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#45572e}
.scroll-feature .scroll-paper{border-color:#899b5b;box-shadow:0 9px 16px #53432316,inset 0 0 24px #ae884d14}
.scroll-feature .scroll-title,.scroll-feature .scroll-icon{color:#435a32}
.workspace-scroll:hover,.workspace-scroll:focus-visible{transform:translateY(-4px) scale(1.025);z-index:2}
.workspace-scroll:focus-visible{outline:3px solid #58743d;outline-offset:12px;border-radius:5px}
.workspace-scroll:hover .scroll-paper,.workspace-scroll:focus-visible .scroll-paper{box-shadow:0 14px 25px #53432328,inset 0 0 24px #ae884d14}
.home-reassurance{text-align:center;margin:24px 0 0}
@media(hover:hover) and (pointer:fine){
 .scroll-description{opacity:0;transition:opacity .2s ease}
 .workspace-scroll:hover .scroll-description,.workspace-scroll:focus-visible .scroll-description{opacity:1}
}
@media(max-width:1400px){.scroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-paper{min-height:270px}}
@media(max-width:650px){.scroll-grid{grid-template-columns:1fr;gap:28px;padding:10px 8px}.scroll-paper{min-height:250px}.workspace-menu-heading{gap:8px}.workspace-scroll:hover,.workspace-scroll:focus-visible{transform:translateY(-2px)}.scroll-description{opacity:1}}
@media(prefers-reduced-motion:reduce){.workspace-scroll,.scroll-description{transition:none}.workspace-scroll:hover,.workspace-scroll:focus-visible{transform:none}}

.editor-recovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.editor-recovery-heading label{margin:0}.editor-recovery-heading button{margin:0}.editor-recovery p{font-size:13px;line-height:1.6}.recovery-copy{padding:12px 0;border-top:1px solid var(--line)}.recovery-copy button{display:inline-block;width:auto;margin:4px 8px 4px 0}.editor-recovery summary{cursor:pointer;padding:8px 0}

#editor-handoff{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}#editor-handoff h2{margin:0;font-size:20px}#editor-format-copy{width:auto;margin:0;padding:14px 20px;font-size:13px;letter-spacing:normal}#editor-handoff-status,#editor-handoff-confirm{grid-column:1 / -1}#editor-handoff-status{font-size:13px;line-height:1.6;margin:4px 0 0}@media(max-width:650px){#editor-handoff{grid-template-columns:1fr}#editor-format-copy{width:100%}}

/* CoverCraft keeps the live cover beside its focused design controls. */
.cover-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.25fr);gap:24px;align-items:start}.cover-controls{min-width:0}.cover-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cover-controls .panel{margin-top:0;margin-bottom:20px}.cover-controls label{display:block;margin:12px 0}.cover-controls input:not([type=checkbox]),.cover-controls select,.cover-controls textarea{width:100%;box-sizing:border-box}.cover-controls input[type=color]{height:44px}.cover-preview{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;min-width:0}.cover-preview svg,.cover-preview canvas{display:block;width:100%;height:auto;background:#f4efe4;border:1px solid #d4c5a9}.cover-preview #cover-live{min-height:190px}.cover-preview .actions{display:flex;flex-wrap:wrap;gap:10px}.cover-preview .actions button{white-space:normal}.cover-connection h2{margin-top:0}#cover-checks{font-size:.9rem;line-height:1.5}#cover-checks li{margin:8px 0}@media(max-width:900px){.cover-grid{grid-template-columns:1fr}.cover-preview{position:static;max-height:none;order:-1}.cover-options{grid-template-columns:1fr 1fr}}@media(max-width:500px){.cover-options{grid-template-columns:1fr}}

.cover-choose>summary{cursor:pointer;font-size:1.25rem;font-weight:700;padding:4px 0}.cover-choose>summary:focus-visible{outline:2px solid #8b673e;outline-offset:6px}.cover-wording-group{min-width:0;margin:22px 0 0;padding:8px 16px 14px;border:1px solid #d4c5a9;border-radius:8px}.cover-wording-group legend{font-size:1.1rem;font-weight:700;padding:0 8px;color:#453621}

.cover-section>summary,.cover-wording-group>summary{cursor:pointer;font-weight:700;padding:6px 0}.cover-section>summary{font-size:1.25rem}.cover-wording-group>summary{font-size:1.1rem;color:#453621}.cover-section>summary:focus-visible,.cover-wording-group>summary:focus-visible{outline:2px solid #8b673e;outline-offset:4px}.cover-wording-group{padding:8px 16px}.cover-controls>#cover-status{margin:0 0 20px}

#cover-ingram-preview svg{display:block;width:100%;height:auto;margin:14px 0;background:#ffe8e8;border:1px solid #d4c5a9}#cover-ingram-tools .note{line-height:1.5}

.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}.home-layout .scroll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.bookshelf-rail{position:sticky;top:20px;display:block;width:auto;height:auto;max-height:calc(100vh - 40px);overflow:auto;padding:22px 18px;border:1px solid #cfbea0;border-radius:8px;background:linear-gradient(145deg,#fffaf0,#eee3ce);color:var(--ink);box-shadow:0 8px 22px #5343230d}.bookshelf-rail .eyebrow{margin:0 0 10px;color:#77613d}.bookshelf-rail h2{font:normal 26px Georgia;margin:0 0 12px}.bookshelf-intro,.bookshelf-rail p,.bookshelf-rail small{font-size:12px;line-height:1.6}.bookshelf-card{padding:16px 0;border-bottom:1px solid #d6c8ad}.bookshelf-card a{display:block;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.bookshelf-card a:hover strong{text-decoration:underline}.bookshelf-card strong{display:block;font:normal 20px/1.3 Georgia}.bookshelf-card span,.bookshelf-card small{display:block;margin-top:8px}.bookshelf-card a:focus-visible{outline:2px solid #557048;outline-offset:4px}.bookshelf-rail label{margin-top:14px}.bookshelf-rail .note{margin:14px 0}.bookshelf-rail .text-button{display:block;text-align:left}.bookshelf-rail form{border-top:1px solid #cdbd9f;margin-top:18px;padding-top:14px}.home-layout:has(#bookshelf-rail[hidden]){grid-template-columns:1fr}@media(max-width:1279px){.home-layout{grid-template-columns:1fr}.bookshelf-rail{position:static;max-height:none}.home-layout .scroll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.home-layout .scroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.home-layout .scroll-grid{grid-template-columns:1fr}.bookshelf-rail{padding:20px}}

.studio-intro-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.studio-intro-top>.eyebrow{padding-top:10px}#subscription-placeholder{flex-shrink:0;margin:0 0 20px;padding:10px 22px;border:1px solid #c4aa76;border-radius:7px;background:#29443a;color:#fff4dc;font-size:14px;opacity:1;cursor:pointer}#subscription-placeholder span{display:block;margin-top:5px;font-size:10px;letter-spacing:.06em;color:#d7c9aa}@media(max-width:650px){.studio-intro-top{gap:12px}#subscription-placeholder{padding:9px 14px;font-size:12px}.studio-intro-top>.eyebrow{font-size:9px;letter-spacing:1px}}

.writing-project-tools{flex-basis:100%;width:100%;border-top:1px solid #d9cbb6;padding-top:12px}.writing-project-tools .note{margin:8px 0}#writing-home-open{margin-top:20px}

.writing-project-tools{order:4;font-size:14px;letter-spacing:normal;color:var(--ink)}

#writing-recovery{order:5;flex-basis:100%;width:100%;font-size:14px;letter-spacing:normal;color:var(--ink);border-top:1px solid #d9cbb6;padding-top:12px}#writing-recovery .note{font-size:13px;line-height:1.6}#writing-recovery-list{max-height:320px;overflow:auto}#writing-recovery summary{cursor:pointer}#writing-recovery-confirm{padding:12px;background:#faf5e9;border:1px solid #d9cbb6;border-radius:8px}

.editor-passage-styles{border-top:1px solid #d6c9ad;margin-top:1rem;padding-top:1rem}.editor-passage-styles select{width:100%;margin-bottom:.6rem}.vanity-passage[data-style="chapter"],.vanity-passage[data-style="back"],.vanity-passage[data-style="front"]{text-align:center;font-size:1.3em;font-weight:600}.vanity-passage[data-style="h1"],.vanity-passage[data-style="h2"],.vanity-passage[data-style="h3"]{font-weight:600}.vanity-passage[data-style="quote"],.vanity-passage[data-style="epigraph"]{margin-left:1.5rem;margin-right:1.5rem;font-style:italic}.vanity-passage[data-style="scene"],.vanity-passage[data-style="dedication"]{text-align:center}

/* A calm, shared disclosure pattern for every author workspace. */
.workspace-step{min-width:0;margin:0 0 18px;padding:0;background:#fffefa;border:1px solid #dcd7cb;border-radius:14px;box-shadow:0 3px 14px #293b2c05;overflow:clip;scroll-margin-top:24px}
.workspace-step>summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:22px 24px;color:#293c33;font-size:17px;font-weight:400;line-height:1.45;min-height:78px}
.workspace-step>summary::-webkit-details-marker{display:none}
.workspace-step>summary::after{content:'+';font:400 23px Georgia,serif;color:#6f805f;margin-left:auto;flex-shrink:0;width:24px;text-align:center}
.workspace-step[open]>summary::after{content:'−'}
.workspace-step>summary:hover{background:#f7f6ef}
.workspace-step>summary:focus-visible{outline:3px solid #8b673e;outline-offset:-4px;border-radius:12px}
.step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#eef0e4;color:#536745;font-size:14px;font-weight:600}
.step-heading{display:flex;flex-direction:column;gap:5px;min-width:0}.step-heading strong{font-weight:600;font-size:17px;letter-spacing:0}.step-hint{font-size:13px;color:#667367;font-weight:400;line-height:1.6}
.workspace-step>.step-body{padding:4px 24px 24px;border-top:1px solid #eeeadf}.workspace-step>.step-body>div:not(.columns){min-width:0}
.workspace-step .step-content-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.workspace-step .note{color:#657268}.workspace-step label{line-height:1.6}.workspace-step :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){border-radius:7px;border-color:#dcd7cb;background:#fffef9}
.workspace-step .drop{border-radius:10px;background:#f4f5eb;padding:28px 18px}.workspace-step .drop:hover{background:#edf1e2}
.workspace-step .step-next{display:block;margin:20px 0 0;padding:10px 0;color:#486343;font-size:13px;text-align:left;white-space:normal}
.workspace-step .columns .panel{background:#faf9f3;box-shadow:none}.workspace-flow{min-width:0}.workspace-flow>[id$="-loaded"]{margin-top:16px}
.editor-review-column>.workspace-step{width:100%;margin-bottom:18px}.workspace-extra{max-width:100%;background:#f7f6ee}.workspace-extra>summary{min-height:60px;padding:16px 24px}.workspace-extra .step-heading strong{font-size:15px}
.cover-controls>.workspace-step,.cover-connection.workspace-step,#kids-cover-editor.workspace-step,#cover-print-tools.workspace-step{padding:0}
.cover-controls>.workspace-step> :not(summary),.cover-connection.workspace-step> :not(summary),#kids-cover-editor.workspace-step> :not(summary),#cover-print-tools.workspace-step> :not(summary){margin-left:24px;margin-right:24px}
.cover-controls>.workspace-step>.step-next,#kids-cover-editor.workspace-step>.step-next{margin-bottom:20px}
#book-step-style .primary{margin-top:18px}#book-step-kind{margin-bottom:0}#stage0:has(.workspace-step){padding-top:20px}.workspace-step .principles{margin-top:26px}
@media(max-width:650px){.workspace-step>summary{padding:18px 16px;gap:11px;min-height:72px}.workspace-step>.step-body{padding:4px 16px 20px}.step-heading strong{font-size:16px}.step-hint{font-size:12px}.step-number{width:29px;height:29px}.workspace-step .columns{grid-template-columns:1fr}.workspace-step .step-next{min-height:44px}.cover-controls>.workspace-step> :not(summary),.cover-connection.workspace-step> :not(summary),#kids-cover-editor.workspace-step> :not(summary),#cover-print-tools.workspace-step> :not(summary){margin-left:16px;margin-right:16px}}
@media(prefers-reduced-motion:reduce){.workspace-step{scroll-behavior:auto}}
.workspace-live-status{font-size:13px;line-height:1.7;margin:10px 0;color:#52604f}.workspace-live-status:empty{display:none}

/* Authoritative references stay visible above each workspace's steps. */
.workspace-standards { margin: 0 0 18px; max-width: 100%; }
.workspace-standards p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--muted, #59675f); }
.workspace-standards strong { font-weight: 600; }
.workspace-standards a { color: #315d49; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.workspace-standards a:hover { color: #173b2b; }
.workspace-standards a:focus-visible { outline: 2px solid #315d49; outline-offset: 3px; border-radius: 2px; }
.workspace-standards .standards-context { margin-top: 3px; font-size: 12px; }

/* Supporting editor tools share one review workspace. */
#editor-step-review .editor-tool{margin:16px 0;border:1px solid #d9cbaa;border-radius:8px;background:#faf7ef}#editor-step-review .editor-tool>summary{padding:14px 16px;font-weight:600;cursor:pointer}.editor-tool-body{padding:0 16px 16px}#editor-page-reference-status{font-size:12px;color:#67583f}#editor-proof-show[hidden]{display:none}
/* Full manuscript reading with a taller page-sized viewport. */
#editor-vanity-paper{position:relative;font-size:16px;line-height:1.7}.vanity-passage{content-visibility:auto;contain-intrinsic-size:auto 80px}
@media(min-width:1101px){.editor-review-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}#editor-vanity{top:16px;height:calc(100dvh - 32px)}}
@media(max-width:1100px){#editor-vanity-paper{max-height:75vh}#editor-proof-view{max-height:75vh}}

.editor-checks-table-wrap{overflow-x:auto;margin:1rem 0}
.editor-checks-table{width:100%;border-collapse:collapse;font-size:.92rem}
.editor-checks-table caption{text-align:left;font-weight:700;padding:.5rem 0}
.editor-checks-table th,.editor-checks-table td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--line,#d9cfbf)}
.editor-checks-table th[scope=row]{font-weight:400;min-width:16rem}
.editor-checks-table th[scope=row] p{font-size:.86rem;line-height:1.45;margin:.4rem 0 0}
.editor-checks-table td{min-width:7rem}
#editor-checks-remaining li{margin-bottom:.65rem;line-height:1.5}

/* Beta access preview: the lock belongs to the scroll, with its own accessible button. */
.workspace-tile{position:relative;min-width:0;transition:transform .2s ease}
.workspace-tile .workspace-scroll{height:100%}
.workspace-tile .scroll-action{padding-right:38px}
.workspace-tile .workspace-scroll:hover,.workspace-tile .workspace-scroll:focus-visible{transform:none}
.workspace-tile:hover,.workspace-tile:focus-within{transform:translateY(-4px) scale(1.025);z-index:2}
.workspace-padlock{position:absolute;right:12px;bottom:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:46px;height:54px;margin:0;padding:3px;border:0;border-radius:5px;background:transparent;color:#805b33;box-shadow:none;cursor:pointer}
.workspace-padlock svg{width:39px;height:47px;filter:drop-shadow(0 3px 2px #5a3e252f)}
.workspace-padlock:hover{background:#fff7db60;box-shadow:none}
.workspace-padlock:focus-visible{outline:3px solid #58743d;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.workspace-tile:hover .scroll-description,.workspace-tile:focus-within .scroll-description{opacity:1}}
@media(prefers-reduced-motion:reduce){.workspace-tile{transition:none}.workspace-tile:hover,.workspace-tile:focus-within{transform:none}}
.editor-matching-review{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.editor-matching-review>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.editor-matching-review>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.editor-matching-review>p{font-size:13px;line-height:1.7}.editor-matching-review .panel{margin:10px 0;padding:14px;background:var(--paper)}.editor-matching-review .panel p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.editor-matching-review .editor-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}

#subscription-placeholder{display:inline-block;text-decoration:none}#subscription-placeholder:focus-visible{outline:3px solid #916729;outline-offset:4px}

@font-face{font-family:"Forge Cinzel Decorative";src:url("fonts/decorative/cinzel.ttf") format("truetype");font-display:swap;font-weight:400}@font-face{font-family:"Forge Uncial Antiqua";src:url("fonts/decorative/uncial.ttf") format("truetype");font-display:swap;font-weight:400}

/* Cover controls stay in sequence beside a wide, pinned preview. */
.cover-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}
.cover-preview{grid-column:2;grid-row:1;position:sticky;top:20px;width:100%;height:auto;display:block;color:var(--ink);max-height:calc(100dvh - 40px);overflow:auto;align-self:start}
.cover-preview #cover-live{min-height:240px}
.cover-controls{display:block}
.cover-controls>.panel{margin:0 0 20px}
.cover-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin:14px 0}
.cover-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:7px;border:2px solid #d4c5a9;border-radius:8px;background:#faf5e9;color:#302d24;font-size:13px;text-align:center}
.cover-choice[aria-pressed="true"]{border-color:#17645b;box-shadow:0 0 0 2px #17645b}
.cover-choice:focus-visible{outline:3px solid #a26928;outline-offset:3px}
.cover-swatch{height:75px;display:grid;place-items:center;border-radius:4px;font:30px Georgia,serif;border:1px solid #b6a58b}
.cover-choice-fallback{font-size:13px}
@media(max-width:900px){.cover-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.cover-preview{position:sticky;order:0}}
@media(max-width:650px){.cover-grid{grid-template-columns:1fr}.cover-preview{grid-column:1;grid-row:1;max-height:45dvh;top:8px;z-index:2}.cover-preview #cover-live{min-height:0}}

.cover-swatch{position:relative;overflow:hidden}.cover-wash{position:absolute;inset:0}

.workspace-step .step-previous,.workspace-step .step-next{display:inline-block;vertical-align:middle;margin:18px 20px 0 0;padding:10px 0;color:#486343;font-size:13px;min-height:44px;text-align:left;white-space:normal}
.workspace-step .step-previous:focus-visible,.workspace-step .step-next:focus-visible{outline:3px solid #916729;outline-offset:4px}

.cover-named-choice{margin:12px 0;font-size:12px}.cover-named-choice>summary{cursor:pointer;color:#486343;padding:10px 0}.cover-named-choice>summary:focus-visible{outline:3px solid #916729;outline-offset:4px}

.cover-text-drag{cursor:move;touch-action:none}.cover-text-drag:hover,.cover-text-drag:focus{stroke:#45a492;stroke-width:1;stroke-dasharray:4 3;outline:none}.cover-letter-palette{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.cover-letter-swatch{width:32px;height:32px;border:2px solid #b6a58b;border-radius:50%}.cover-letter-swatch[aria-pressed="true"]{outline:3px solid #17645b;outline-offset:2px}.cover-letter-swatch:focus-visible{outline:3px solid #916729;outline-offset:3px}

.cover-decoration-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:10px;margin:18px 0}.cover-decoration-choice{border:1px solid #cdbd9f;border-radius:6px;background:#faf5e9;color:#302d24;padding:7px;font-size:12px}.cover-decoration-choice svg{display:block;width:100%;height:80px;background:#263b33;border-radius:4px;margin-bottom:7px}.cover-decoration-choice:focus-visible{outline:3px solid #916729;outline-offset:3px}.cover-layer-drag{cursor:move;touch-action:none}.cover-layer-drag:hover,.cover-layer-drag:focus,.cover-layer-drag.is-selected{stroke:#45a492;stroke-width:1;stroke-dasharray:5 4;outline:none}

.cover-match-canvas{display:block;width:100%;height:auto;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;border:1px solid #cdbd9f;cursor:crosshair}

.cover-layer-resize{cursor:nwse-resize;touch-action:none;visibility:hidden}.cover-layer-resize.is-selected,.cover-layer-resize:focus-visible{visibility:visible}.cover-layer-resize:focus{stroke:#916729;stroke-width:3;outline:none}#cover-layer-tools input[type=number]{padding:10px;border:1px solid #cdbd9f;border-radius:4px}

#cover-layer-turn-left,#cover-layer-turn-right,#cover-layer-flip-horizontal,#cover-layer-flip-vertical{padding:10px 12px;border:1px solid #cdbd9f;border-radius:5px;background:#faf5e9;color:#243c39;margin:5px 5px 5px 0}#cover-layer-tools .actions button:focus-visible{outline:3px solid #916729;outline-offset:3px}

.cover-layer-resize{visibility:hidden}.cover-layer-resize.is-selected{visibility:visible}

#cover-layer-flip-horizontal[aria-pressed="true"],#cover-layer-flip-vertical[aria-pressed="true"]{background:#29443a;color:#fff7df;border-color:#c8a66a}

.cover-text-resize{cursor:nwse-resize;touch-action:none;visibility:hidden;stroke-width:1.5}.cover-text-resize.is-selected{visibility:visible}.cover-text-resize:focus{outline:none;stroke:#dc963a;stroke-width:3}

/* CoverCraft: four compact steps, optional tools stay nested. */
#covercraft-workspace .cover-controls>.workspace-step{margin-bottom:14px}#covercraft-workspace .cover-wording-group{margin:12px 0;padding:10px 14px;border-color:#d4c5a9;background:rgba(255,250,237,.35)}#covercraft-workspace .cover-wording-group>summary{font-size:1rem;line-height:1.4;padding:6px 0}#covercraft-workspace .cover-controls p.note{font-size:.85rem;line-height:1.5;margin-top:8px;margin-bottom:12px}#covercraft-workspace .cover-controls label{font-size:.9rem;line-height:1.45;margin:10px 0}#covercraft-workspace .cover-controls input[type=text]{padding:10px;border:1px solid #cdbd9f;border-radius:4px;background:#fffdf7}#covercraft-workspace .cover-controls .actions{display:flex;gap:8px;flex-wrap:wrap}#covercraft-workspace .cover-controls .text-button{font-size:.85rem}#covercraft-workspace #cover-layer-library{gap:8px}#covercraft-workspace .cover-preview h2{margin-bottom:12px}#covercraft-workspace #cover-project-tools{margin:0 0 16px;padding:12px 16px}#covercraft-workspace .cover-options{gap:10px}#covercraft-workspace #cover-build{width:100%;white-space:normal;margin:8px 0 16px}

.plot-beta{font:14px Arial,sans-serif;color:#796247}.plot-view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.plot-view-switch [aria-pressed=true]{background:#37695a;color:#fff8e9}.plot-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:22px;align-items:start}.plot-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.plot-scene-card{display:flex;flex-direction:column;gap:12px;text-align:left;padding:18px;background:#fff8e8;border:1px solid #cdbd9f;border-radius:7px;color:#302d24;font:16px Georgia,serif;white-space:normal}.plot-scene-card strong{font-size:20px}.plot-scene-card small{font:12px Arial,sans-serif;color:#766349}.plot-scene-card em{font-size:14px;color:#8a562b}.plot-scene-card.is-selected{outline:3px solid #37695a;outline-offset:1px}.plot-reading{position:sticky;top:20px;max-height:calc(100dvh - 40px);overflow:auto;background:#fff7e4;margin:0!important}.plot-reading label{display:block;margin:12px 0;font-size:14px}.plot-reading input,.plot-reading textarea,.plot-reading select{width:100%;box-sizing:border-box;padding:9px}.plot-reading details{margin:14px 0}.plot-reading summary{cursor:pointer;font-weight:700}.plot-passages{font:18px/1.7 Georgia,serif;white-space:pre-wrap}.plot-passages p{margin:0 0 18px}.plot-source-highlight{background:#f0dd9d;outline:2px solid #b58b36}.plot-character{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #dccbad;padding:12px 0}.plot-character strong{min-width:110px}.plot-character span{font-size:12px;color:#796247}.plot-character button{font-size:13px;padding:8px}.plot-chart{overflow:auto}.plot-chart svg{width:100%;min-width:500px;height:auto;background:#fffaf0;border:1px solid #d4c5a9}.plot-chart table{border-collapse:collapse;width:100%;font-size:13px}.plot-chart th,.plot-chart td{padding:8px;border:1px solid #d4c5a9;white-space:nowrap}.plot-chart td button{min-width:32px;padding:6px;background:#f6eedc}.plot-chart .plot-mention{background:#d7e7dc}.plot-chart [data-scene].is-selected{outline:2px solid #a9692c}.plot-cue{border-left:3px solid #ad7c3e;padding:10px;margin:12px 0}.plot-cue blockquote{font:16px/1.6 Georgia,serif;margin:10px 0}.plot-scope{margin:12px 0;font-size:14px}.plot-scope summary{cursor:pointer}#plot-character-form input,#plot-character-form textarea{width:100%;box-sizing:border-box;padding:10px}#plotharbor-workspace>.workspace-step> :not(summary),#plot-map-step> :not(summary),#plot-cast-step> :not(summary){margin-left:24px;margin-right:24px}#plot-characters{margin-bottom:12px}@media(max-width:850px){.plot-layout{grid-template-columns:1fr}.plot-reading{position:static;max-height:none}}
.plot-reading .plot-passages{max-height:360px;overflow:auto;padding:12px 4px}.plot-character small{color:#796247;font-size:12px}

.plot-flow{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 6px}.plot-flow .plot-scene-card{position:relative;margin:0 0 34px;border-left:5px solid #37695a}.plot-flow .plot-scene-card:not(:last-child)::after{content:'↓';position:absolute;bottom:-32px;left:50%;color:#796247;font:26px Georgia}.plot-flow .plot-scene-card:last-child{margin-bottom:0}.plot-flow-heading{margin:0 0 16px;font-size:14px;color:#796247}#plot-location-form input,#plot-location-form textarea{width:100%;box-sizing:border-box;padding:10px}#plot-location-panel label{display:block;margin:12px 0}.plot-character .plot-name-parts{flex-basis:100%;font-size:13px;color:#796247}.plot-character .plot-evidence{max-width:100%;white-space:normal;font-size:13px;text-align:left}#plot-cast-step [hidden]{display:none}

.plot-diagram-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.plot-diagram-tools[hidden]{display:none}.plot-diagram-tools button{padding:9px 12px;font-size:13px}.plot-diagram-canvas{overflow:auto;max-height:760px;border:1px solid #d2c3a5;border-radius:12px;background:#fbf6e9;cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y}.plot-diagram-canvas svg{display:block;min-width:0;width:auto;max-width:none;height:auto}.plot-diagram-canvas:active{cursor:grabbing}.plot-diagram-node:focus{outline:none}.plot-diagram-node:focus>rect,.plot-diagram-node:focus>ellipse{stroke:#b36930;stroke-width:5}.plot-diagram-node:hover>rect,.plot-diagram-node:hover>ellipse{filter:brightness(.96)}.plot-diagram-message{font-size:13px;margin:8px 0;color:#796247}.plot-layout.plot-expanded{display:block}.plot-layout.plot-expanded>.plot-reading{display:none}.plot-layout.plot-expanded .plot-diagram-canvas{max-height:calc(100dvh - 180px)}#plot-links .plot-link-row{padding:9px 0;border-bottom:1px solid #d2c3a5;font-size:14px}#plot-links button{font-size:12px;margin:6px 8px 0 0}.plot-diagram-continuations{padding:12px;background:#f1e7d3}.plot-diagram-continuations button{font-size:13px;margin:4px}
.plot-diagram-node:not(.is-selected)>rect,.plot-diagram-node:not(.is-selected)>ellipse{stroke-width:2}.plot-diagram-node.is-selected>rect,.plot-diagram-node.is-selected>ellipse{stroke-width:4}

#plot-story-tools>summary{cursor:pointer;font-weight:bold}#plot-story-tools label{display:block;margin:14px 0}#plot-story-tools input,#plot-story-tools select,#plot-story-tools textarea,#plot-fact-controls select,#plot-fact-controls input:not([type=checkbox]){width:100%;padding:10px;box-sizing:border-box}#plot-fact-controls label{display:block;margin:12px 0}#plot-fact-controls fieldset label{display:flex;gap:10px;align-items:center}.plot-tool-record,.plot-plan-card{padding:14px;border:1px solid #d4c5a9;border-radius:8px;margin:12px 0;background:#fff8e8}.plot-tool-record button,.plot-plan-card button{margin:8px 8px 0 0;font-size:13px}.plot-plan-card[draggable=true]{cursor:grab}#plot-tools-content table{border-collapse:collapse;width:100%;font-size:14px}#plot-tools-content th,#plot-tools-content td{padding:10px;border:1px solid #d4c5a9;text-align:left}#plot-tools-content svg{width:100%;height:auto;background:#fffaf0;border:1px solid #d4c5a9}#plot-tools-status{white-space:pre-wrap;font-size:14px;color:#796247}

.plot-arc-diagram{overflow:auto;margin:1rem 0}.plot-arc-diagram svg{display:block;width:100%;min-width:600px;height:auto}.plot-arc-diagram [data-arc-scene]:focus rect{stroke:#503817;stroke-width:4}.plot-arc-diagram [data-arc-scene]:hover rect{fill:#f4e6c5}

.plot-arc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.plot-arc-fields label:last-child{grid-column:1/-1}@media(max-width:700px){.plot-arc-fields{grid-template-columns:1fr}}

.plot-relationship-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media(max-width:700px){.plot-relationship-fields{grid-template-columns:1fr}}
.plot-arc-diagram [data-guide-part]:focus rect{stroke:#503817;stroke-width:4}.plot-arc-diagram [data-guide-part]:hover rect{fill:#f4e6c5}

/* PlotHarbor: compact, readable controls with a restrained raised finish. */
#plotharbor-workspace button:not(.plot-scene-card){display:inline-flex;width:auto;max-width:min(100%,26rem);min-width:0;min-height:44px;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;flex:0 1 auto;gap:6px;padding:10px 15px;margin:6px 8px 6px 0;border:1px solid #b9a587;border-radius:8px;background:linear-gradient(#fffdf6,#eee4d1);color:#293d34;font:700 14px/1.35 Arial,sans-serif;letter-spacing:.01em;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b5a181,0 5px 9px #49371914;transition:background-color .15s,box-shadow .15s,transform .15s}
#plotharbor-workspace button:not(.plot-scene-card):hover:not(:disabled){background:linear-gradient(#fffefb,#f6ecd9);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a181,0 6px 12px #4937191c}
#plotharbor-workspace button:not(.plot-scene-card):active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 2px #49371914,0 1px 0 #b5a181}
#plotharbor-workspace button:focus-visible{outline:3px solid #37695a;outline-offset:4px}
#plotharbor-workspace button:not(.plot-scene-card):disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 1px 0 #b5a181}
#plotharbor-workspace .plot-view-switch{gap:8px;align-items:flex-start;margin:14px 0 18px}
#plotharbor-workspace .plot-view-switch button{margin:0;padding:10px 13px}
#plotharbor-workspace .plot-view-switch button[aria-pressed=true],#plotharbor-workspace #plot-save-project,#plotharbor-workspace #plot-export,#plotharbor-workspace #plot-character-save,#plotharbor-workspace #plot-location-save,#plotharbor-workspace #plot-creature-save,#plotharbor-workspace #plot-note-save{border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
#plotharbor-workspace .plot-view-switch button[aria-pressed=true]:hover,#plotharbor-workspace :is(#plot-save-project,#plot-export,#plot-character-save,#plot-location-save,#plot-creature-save,#plot-note-save):hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #213e33,0 6px 10px #243c3924}
#plotharbor-workspace .plot-character{display:block;padding:16px 0;margin:0;border-bottom:1px solid #dccbad;line-height:1.55}
#plotharbor-workspace .plot-character>strong{display:inline-block;min-width:0;margin-right:12px;font-size:17px;color:#293d34}
#plotharbor-workspace .plot-character>span{display:inline-block;font-size:13px;color:#6e5c40}
#plotharbor-workspace .plot-character>small{display:block;margin:5px 0;font-size:14px;color:#66563e}
#plotharbor-workspace .plot-character button{max-width:min(100%,23rem);padding:9px 13px}
#plotharbor-workspace .plot-character .plot-evidence{white-space:normal;text-align:center;font-weight:700}
#plotharbor-workspace .plot-diagram-tools{gap:8px;align-items:center}
#plotharbor-workspace .plot-diagram-tools button{margin:0}
#plotharbor-workspace .plot-chart td button{min-width:40px;min-height:40px;margin:0;padding:7px 10px;box-shadow:inset 0 1px 0 #fff,0 1px 0 #b5a181}
#plotharbor-workspace .plot-chart td button.plot-mention{background:#d7e7dc}
#plotharbor-workspace .plot-tool-record>strong,#plotharbor-workspace .plot-plan-card>strong{display:block;line-height:1.5}
#plotharbor-workspace label{font-size:14px;font-weight:600;line-height:1.5}
#plotharbor-workspace .note{color:#665b49;font-size:14px;line-height:1.65}
#plotharbor-workspace :is(input,select,textarea){font-size:14px}
#plotharbor-workspace :is(input,select):not([type=checkbox]):not([type=file]){min-height:42px}
#plotharbor-workspace :is(#plot-character-panel,#plot-location-panel,#plot-creature-panel)>h3{font-size:19px;margin:18px 0 10px;color:#293d34}
@media(max-width:650px){#plotharbor-workspace button:not(.plot-scene-card){max-width:100%;padding:10px 12px}#plotharbor-workspace .plot-view-switch{gap:10px}#plotharbor-workspace .plot-character button{margin-right:6px}#plotharbor-workspace .plot-chart td button{min-height:44px}#plotharbor-workspace>.workspace-step> :not(summary),#plot-map-step> :not(summary),#plot-cast-step> :not(summary){margin-left:14px;margin-right:14px}}
@media(prefers-reduced-motion:reduce){#plotharbor-workspace button:not(.plot-scene-card){transition:none}#plotharbor-workspace button:not(.plot-scene-card):hover:not(:disabled),#plotharbor-workspace button:not(.plot-scene-card):active:not(:disabled){transform:none}}

#plotharbor-workspace [hidden]{display:none!important}
#plotharbor-workspace .plot-view-switch button[aria-pressed=true]:active:not(:disabled),#plotharbor-workspace :is(#plot-save-project,#plot-export,#plot-character-save,#plot-location-save,#plot-creature-save,#plot-note-save):active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
#plotharbor-workspace .plot-chart td button.plot-mention:hover:not(:disabled){background:#e2eee4}

/* Put PlotHarbor's project controls directly below its title. */
#plotharbor-workspace{padding-top:28px}
#plotharbor-workspace .workspace-intro>h1{margin:0 0 18px;font-size:clamp(40px,4.5vw,64px);color:#243c39}
#plotharbor-workspace .workspace-intro>h1 .plot-beta{vertical-align:middle}
#plot-project-slot{margin:0 0 18px}
#plotharbor-workspace #workspace-project-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 12px;height:auto;min-height:0;margin:0;padding:14px 0;border-top:1px solid #d9cbb6;border-bottom:1px solid #d9cbb6;font-size:14px;letter-spacing:normal}
#plotharbor-workspace #crumb{order:0;flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#6b5c43}
#plotharbor-workspace #workspace-project-actions{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:auto;margin:0;flex:0 1 auto}
#plotharbor-workspace #workspace-project-actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#plotharbor-workspace .writing-project-tools{display:contents}
#plotharbor-workspace .writing-project-tools>.actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto;margin:0}
#plotharbor-workspace .writing-project-tools>.actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#plotharbor-workspace .writing-project-tools>.note{order:4;flex-basis:100%;max-width:85ch;margin:4px 0 0;font-size:13px;line-height:1.6}
#plotharbor-workspace :is(#writing-status,#writing-confirm){order:5;flex-basis:100%;width:100%}
#plotharbor-workspace #writing-status:empty{display:none}
#plotharbor-workspace #writing-recovery{order:6;flex-basis:100%;margin:8px 0 0;padding-top:8px;border-top:1px solid #e0d4be}
#plotharbor-workspace #writing-recovery>summary{font-size:14px;font-weight:700;line-height:1.6;cursor:pointer}
#plotharbor-workspace #workspace-project-bar>.project-tools{order:7;flex-basis:100%}
#plotharbor-workspace .cloud-tools{order:3;display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;margin:0}
#plotharbor-workspace .cloud-tools button{width:auto;margin:0;font-weight:700}
#plotharbor-workspace #cloud-panel{margin:18px 0;padding:20px}
#plotharbor-workspace :is(#workspace-save-project,#writing-save){border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
#plotharbor-workspace :is(#workspace-save-project,#writing-save):hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3}
#plotharbor-workspace :is(#workspace-save-project,#writing-save):active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
@media(max-width:650px){#plotharbor-workspace #workspace-project-bar{gap:12px 10px}#plotharbor-workspace #workspace-project-actions,#plotharbor-workspace .writing-project-tools>.actions{max-width:100%}#plotharbor-workspace #workspace-project-actions button{flex:0 1 auto}}

#children-workspace .kids-page{min-width:0}#children-workspace .kids-page input[type=file],#children-workspace .kids-page select{max-width:100%;box-sizing:border-box}#children-workspace button{font-weight:700}#children-workspace [hidden]{display:none!important}

/* Children’s header precedes the reused project toolbar. */
#children-workspace button{display:inline-flex;width:auto;max-width:min(100%,26rem);min-width:0;min-height:44px;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;flex:0 1 auto;gap:6px;padding:10px 15px;margin:6px 8px 6px 0;border:1px solid #b9a587;border-radius:8px;background:linear-gradient(#fffdf6,#eee4d1);color:#293d34;font:700 14px/1.35 Arial,sans-serif;letter-spacing:.01em;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b5a181,0 5px 9px #49371914;transition:background-color .15s,box-shadow .15s,transform .15s}
#children-workspace button:hover:not(:disabled){background:linear-gradient(#fffefb,#f6ecd9);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a181,0 6px 12px #4937191c}
#children-workspace button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 2px #49371914,0 1px 0 #b5a181}
#children-workspace button:focus-visible{outline:3px solid #37695a;outline-offset:4px}
#children-workspace button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 1px 0 #b5a181}
#kids-project-slot{margin:0 0 18px}
#children-workspace #workspace-project-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 12px;height:auto;min-height:0;margin:0;padding:14px 0;border-top:1px solid #d9cbb6;border-bottom:1px solid #d9cbb6;font-size:14px;letter-spacing:normal}
#children-workspace #crumb{order:0;flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#6b5c43}
#children-workspace #workspace-project-actions{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:auto;margin:0;flex:0 1 auto}
#children-workspace #workspace-project-actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#children-workspace .writing-project-tools{display:contents}
#children-workspace .writing-project-tools>.actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto;margin:0}
#children-workspace .writing-project-tools>.actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#children-workspace .writing-project-tools>.note{order:4;flex-basis:100%;max-width:85ch;margin:4px 0 0;font-size:13px;line-height:1.6}
#children-workspace :is(#writing-status,#writing-confirm){order:5;flex-basis:100%;width:100%}
#children-workspace #writing-status:empty{display:none}
#children-workspace #writing-recovery{order:6;flex-basis:100%;margin:8px 0 0;padding-top:8px;border-top:1px solid #e0d4be}
#children-workspace #writing-recovery>summary{font-size:14px;font-weight:700;line-height:1.6;cursor:pointer}
#children-workspace #workspace-project-bar>.project-tools{order:7;flex-basis:100%}
#children-workspace .cloud-tools{order:3;display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;margin:0}
#children-workspace .cloud-tools button{width:auto;margin:0;font-weight:700}
#children-workspace #cloud-panel{margin:18px 0;padding:20px}
#children-workspace :is(#workspace-save-project,#writing-save){border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
#children-workspace :is(#workspace-save-project,#writing-save):hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3}
#children-workspace :is(#workspace-save-project,#writing-save):active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
@media(max-width:650px){#children-workspace #workspace-project-bar{gap:12px 10px}#children-workspace #workspace-project-actions,#children-workspace .writing-project-tools>.actions{max-width:100%}#children-workspace #workspace-project-actions button{flex:0 1 auto}}

@media(prefers-reduced-motion:reduce){#children-workspace button{transition:none}#children-workspace button:hover:not(:disabled),#children-workspace button:active:not(:disabled){transform:none}}

/* Raised primary actions throughout Children’s Books. */
#children-workspace button.primary{border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
#children-workspace button.primary:hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #213e33,0 6px 10px #243c3924}
#children-workspace button.primary:active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
#children-workspace button.primary:disabled{transform:none;box-shadow:0 1px 0 #213e33}

/* CoverCraft intro and production guidance precede shared project controls. */
#cover-project-slot button{display:inline-flex;width:auto;max-width:min(100%,26rem);min-width:0;min-height:44px;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;flex:0 1 auto;gap:6px;padding:10px 15px;margin:6px 8px 6px 0;border:1px solid #b9a587;border-radius:8px;background:linear-gradient(#fffdf6,#eee4d1);color:#293d34;font:700 14px/1.35 Arial,sans-serif;letter-spacing:.01em;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b5a181,0 5px 9px #49371914;transition:background-color .15s,box-shadow .15s,transform .15s}
#cover-project-slot button:hover:not(:disabled){background:linear-gradient(#fffefb,#f6ecd9);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a181,0 6px 12px #4937191c}
#cover-project-slot button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 2px #49371914,0 1px 0 #b5a181}
#cover-project-slot button:focus-visible{outline:3px solid #37695a;outline-offset:4px}
#cover-project-slot button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 1px 0 #b5a181}
#cover-project-slot{margin:0 0 18px}
#covercraft-workspace #workspace-project-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 12px;height:auto;min-height:0;margin:0;padding:14px 0;border-top:1px solid #d9cbb6;border-bottom:1px solid #d9cbb6;font-size:14px;letter-spacing:normal}
#covercraft-workspace #crumb{order:0;flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#6b5c43}
#covercraft-workspace #workspace-project-actions{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:auto;margin:0;flex:0 1 auto}
#covercraft-workspace #workspace-project-actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#covercraft-workspace .writing-project-tools{display:contents}
#covercraft-workspace .writing-project-tools>.actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto;margin:0}
#covercraft-workspace .writing-project-tools>.actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
#covercraft-workspace .writing-project-tools>.note{order:4;flex-basis:100%;max-width:85ch;margin:4px 0 0;font-size:13px;line-height:1.6}
#covercraft-workspace :is(#writing-status,#writing-confirm){order:5;flex-basis:100%;width:100%}
#covercraft-workspace #writing-status:empty{display:none}
#covercraft-workspace #writing-recovery{order:6;flex-basis:100%;margin:8px 0 0;padding-top:8px;border-top:1px solid #e0d4be}
#covercraft-workspace #writing-recovery>summary{font-size:14px;font-weight:700;line-height:1.6;cursor:pointer}
#covercraft-workspace #workspace-project-bar>.project-tools{order:7;flex-basis:100%}
#covercraft-workspace .cloud-tools{order:3;display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;margin:0}
#covercraft-workspace .cloud-tools button{width:auto;margin:0;font-weight:700}
#covercraft-workspace #cloud-panel{margin:18px 0;padding:20px}
#covercraft-workspace :is(#workspace-save-project,#writing-save){border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
#covercraft-workspace :is(#workspace-save-project,#writing-save):hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3}
#covercraft-workspace :is(#workspace-save-project,#writing-save):active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
@media(max-width:650px){#covercraft-workspace #workspace-project-bar{gap:12px 10px}#covercraft-workspace #workspace-project-actions,#covercraft-workspace .writing-project-tools>.actions{max-width:100%}#covercraft-workspace #workspace-project-actions button{flex:0 1 auto}}

#covercraft-workspace [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){#cover-project-slot button{transition:none}#cover-project-slot button:hover:not(:disabled),#cover-project-slot button:active:not(:disabled){transform:none}}

/* Consistent heading-first layout and raised formatting controls. */
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button{display:inline-flex;width:auto;max-width:min(100%,26rem);min-width:0;min-height:44px;align-items:center;justify-content:center;align-self:flex-start;justify-self:start;flex:0 1 auto;gap:6px;padding:10px 15px;margin:6px 8px 6px 0;border:1px solid #b9a587;border-radius:8px;background:linear-gradient(#fffdf6,#eee4d1);color:#293d34;font:700 14px/1.35 Arial,sans-serif;letter-spacing:.01em;text-align:center;white-space:normal;overflow-wrap:anywhere;text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b5a181,0 5px 9px #49371914;transition:background-color .15s,box-shadow .15s,transform .15s}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:hover:not(:disabled){background:linear-gradient(#fffefb,#f6ecd9);transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a181,0 6px 12px #4937191c}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 2px #49371914,0 1px 0 #b5a181}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:focus-visible{outline:3px solid #37695a;outline-offset:4px}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 1px 0 #b5a181}
.format-project-slot{margin:0 0 18px}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 12px;height:auto;min-height:0;margin:0;padding:14px 0;border-top:1px solid #d9cbb6;border-bottom:1px solid #d9cbb6;font-size:14px;letter-spacing:normal}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #crumb{order:0;flex-basis:100%;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#6b5c43}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions{order:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:auto;margin:0;flex:0 1 auto}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools{display:contents}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto;margin:0}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.actions button{flex:0 1 auto;width:auto;margin:0;font-weight:700}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.note{order:4;flex-basis:100%;max-width:85ch;margin:4px 0 0;font-size:13px;line-height:1.6}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) :is(#writing-status,#writing-confirm){order:5;flex-basis:100%;width:100%}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #writing-status:empty{display:none}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #writing-recovery{order:6;flex-basis:100%;margin:8px 0 0;padding-top:8px;border-top:1px solid #e0d4be}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #writing-recovery>summary{font-size:14px;font-weight:700;line-height:1.6;cursor:pointer}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-bar>.project-tools{order:7;flex-basis:100%}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .cloud-tools{order:3;display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;margin:0}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .cloud-tools button{width:auto;margin:0;font-weight:700}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #cloud-panel{margin:18px 0;padding:20px}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) :is(#workspace-save-project,#writing-save){border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) :is(#workspace-save-project,#writing-save):hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) :is(#workspace-save-project,#writing-save):active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
@media(max-width:650px){:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-bar{gap:12px 10px}:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions,:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.actions{max-width:100%}:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions button{flex:0 1 auto}}
/* Raised primary actions throughout Children’s Books. */
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary{border-color:#345c4e;background:linear-gradient(#477b68,#315b4c);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 3px 0 #213e33,0 5px 9px #243c391a}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:hover:not(:disabled){background:linear-gradient(#508872,#386755);color:#fffdf3;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 #213e33,0 6px 10px #243c3924}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:active:not(:disabled){box-shadow:inset 0 1px 2px #16302530,0 1px 0 #213e33}
:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:disabled{transform:none;box-shadow:0 1px 0 #213e33}


:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button{transition:none}:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:hover:not(:disabled),:is(#easyeditor-workspace,#publishing-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button:active:not(:disabled){transform:none}}

/* Approved primary artwork: preserve its complete transparent canvas. */
#studio-introduction .studio-primary-identity{display:flex;align-items:center;gap:clamp(24px,3vw,40px);padding:8px 0}
#studio-introduction .primary-logo{display:block;width:clamp(200px,20vw,260px);max-width:100%;height:auto;flex-shrink:0}
#studio-introduction .studio-primary-copy{min-width:0}
@media(max-width:950px){#studio-introduction .studio-primary-identity{flex-direction:column;align-items:flex-start;gap:16px}#studio-introduction .primary-logo{width:180px}}

/* Persistent Home link: unchanged artwork on a contrasting paper backing. */
aside #studio-home{display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;padding:8px;background:var(--paper);border-radius:5px;line-height:0;white-space:normal;flex-shrink:0}
aside #studio-home img{display:block;width:100%;max-width:100%;height:auto}
aside #studio-home:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:650px){aside #studio-home{width:220px;max-width:100%;padding:6px}}

aside #studio-home picture{display:block;width:100%}
@media(max-width:380px){aside #studio-home{width:60px;padding:6px}aside #studio-home img{aspect-ratio:1/1}}

/* Alpha 6: readable navigation while keeping the parchment workspace selection. */
.scroll-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.scroll-description{opacity:1}
.workspace-tabs small{font-size:12px;opacity:1}
.workspace-menu-heading .text-button,#writing-home-open{min-height:44px}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #805b33;outline-offset:3px}
@media(max-width:1400px){.scroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.scroll-grid{grid-template-columns:1fr}nav button{font-size:12px;min-height:44px}}

/* Presentation polish: gold identity, restrained logo scale and room for each scroll. */
#studio-introduction h1{font-size:clamp(34px,3.4vw,50px);letter-spacing:-1px}
#studio-introduction h1 em{color:#876831}
#studio-introduction .studio-primary-copy .intro{max-width:38rem}
.home-welcome{margin-bottom:22px}
#workspace-homepage{padding-top:22px}
.home-layout .scroll-paper{padding:24px 18px 22px}
.home-layout .scroll-icon{width:36px;height:36px;margin-bottom:12px}
@media(max-width:1500px){.home-layout{grid-template-columns:1fr}.bookshelf-rail{position:static;max-height:none}}
@media(max-width:1100px){.home-layout .scroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 #studio-introduction{padding-top:20px}
 #studio-introduction .studio-primary-identity{gap:14px;padding-top:0}
 #studio-introduction .primary-logo{width:160px}
 #studio-introduction h1{font-size:clamp(32px,7vw,40px)}
 .home-layout .scroll-grid{grid-template-columns:1fr}
 .home-layout .scroll-paper{padding:24px 20px}
}

/* Familiar project controls: secondary file actions, prominent task actions. */
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-bar{align-items:flex-start;padding:18px 0;gap:14px 24px}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions{align-items:flex-start;align-content:flex-start;gap:8px;flex:1 1 220px;margin:0}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.actions{align-items:flex-start;align-content:flex-start;gap:8px;flex:2 1 380px;margin:0}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .cloud-tools{align-self:flex-start;margin-top:24px}
#workspace-project-bar .project-group-label{display:block;flex:0 0 100%;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#59685f;text-align:left}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.note{max-width:92ch;margin-top:0}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary{box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #213e33,0 3px 6px #243c3914}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff30,0 2px 0 #213e33,0 4px 7px #243c391c;transform:translateY(-1px)}
#workspace-project-bar :is(#workspace-save-project,#writing-save).primary{border-color:#b9a587;background:linear-gradient(#fffdf6,#eee4d1);color:#293d34;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b5a181,0 3px 6px #49371910}
#workspace-project-bar :is(#workspace-save-project,#writing-save).primary:hover:not(:disabled){background:linear-gradient(#fffefb,#f6ecd9);color:#293d34;box-shadow:inset 0 1px 0 #fff,0 2px 0 #b5a181,0 4px 7px #49371918;transform:translateY(-1px)}
#workspace-project-bar :is(#workspace-save-project,#writing-save).primary:active:not(:disabled){box-shadow:inset 0 1px 2px #49371914,0 1px 0 #b5a181;transform:translateY(1px)}
#workspace-project-bar :is(#workspace-save-project,#writing-save).primary:disabled{box-shadow:0 1px 0 #b5a181;transform:none}
:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:active:not(:disabled){transform:translateY(1px)}
@media(max-width:650px){
 :is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) #workspace-project-actions,:is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .writing-project-tools>.actions{flex-basis:100%}
 :is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) .cloud-tools{margin-top:0}
}
@media(prefers-reduced-motion:reduce){
 :is(#publishing-workspace,#easyeditor-workspace,#plotharbor-workspace,#children-workspace,#covercraft-workspace,#screenwriting-workspace,#essays-workspace,#business-workspace,#copy-workspace,#articles-workspace) button.primary:hover:not(:disabled),#workspace-project-bar :is(#workspace-save-project,#writing-save).primary:hover:not(:disabled){transform:none}
}

/* Approved studio sidebar branding: blue sampled from the supplied icon. */
aside #studio-home{background:transparent;padding:0;width:100%;max-width:198px;border-radius:0}
aside #studio-home img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:650px){aside #studio-home{width:160px;max-width:100%}}

/* One expandable project hub shared by Home and all ten workspaces. */
#workspace-project-bar{display:block!important;height:auto;min-height:0;padding:16px 0!important;letter-spacing:normal;margin-bottom:12px}
#workspace-project-bar #crumb{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:10px}
#your-projects-menu{width:100%;border:1px solid #d6cbb9;border-radius:6px;background:#fffaf0;overflow:hidden}
#your-projects-menu>summary{cursor:pointer;padding:13px 18px;font:bold 16px/1.4 Arial,sans-serif;color:#0e1b24;background:linear-gradient(#fffdf6,#eee4d1);box-shadow:inset 0 1px 0 #fff,0 2px 0 #c1b397;list-style-position:inside}
#your-projects-menu>summary:focus-visible{outline:3px solid #9b783e;outline-offset:-3px}
#your-projects-menu[open]>summary{border-bottom:1px solid #d6cbb9}
#your-projects-content{display:flex;flex-direction:column;gap:16px;padding:18px;max-width:100%;font-size:13px;color:#243c39}
#your-projects-content #workspace-project-actions,#your-projects-content .writing-project-tools,#your-projects-content .cloud-tools,#your-projects-content .project-tools{display:block;flex:none!important;margin:0!important;width:100%}
#your-projects-content #workspace-project-actions[hidden]{display:none}
#your-projects-content .writing-project-tools>.actions,#your-projects-content #workspace-project-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:9px}
#your-projects-content .project-group-label{flex-basis:100%;font-weight:bold;font-size:13px;margin-bottom:2px}
#your-projects-content button{width:auto!important;max-width:100%;font-weight:700;white-space:normal}
#your-projects-content .note{margin:10px 0 0!important;line-height:1.6;font-size:12px}
#your-projects-content .cloud-tools{padding-top:14px;border-top:1px solid #ded4c2}
#your-projects-content #writing-recovery{margin:0;border-top:1px solid #ded4c2;padding-top:14px}
#your-projects-content #writing-recovery>summary{font-weight:bold;cursor:pointer}
@media(max-width:650px){#your-projects-content{padding:14px;gap:14px}#your-projects-content .actions{flex-basis:auto!important}}

/* Compact book-type choice, with its existing structure review retained. */
#book-step-kind{padding:14px 18px;margin:16px 0;border:1px solid #ded4c2;border-radius:6px;background:#fffaf0}
#book-step-kind .book-kind-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px}
#book-step-kind label{margin:0;font-size:16px;font-weight:700;line-height:1.4}
#book-step-kind #book-type{width:190px;max-width:100%;margin:0;padding:9px 12px;min-height:42px}
#book-step-kind #book-type-note{margin:8px 0 0;font-size:12px;line-height:1.5}
#book-step-kind #nonfiction-review{margin-top:12px}

/* Publishing references remain beside the book choice, without a separate spacer. */
#publishing-workspace .workspace-intro h1{margin-bottom:14px}
#publishing-workspace .workspace-intro .intro{margin-bottom:14px}
#publishing-project-slot #workspace-project-bar{padding:12px 0!important;margin-bottom:8px}
#book-step-kind .workspace-standards{padding:0;margin:10px 0 0}

/* Consistent compact introductions and references across every workspace. */
[role="tabpanel"]>.intro,[role="tabpanel"]>.workspace-intro>.intro{margin-bottom:14px}
[role="tabpanel"]>h1,[role="tabpanel"]>.workspace-intro>h1{margin-bottom:14px}
[role="tabpanel"] .workspace-standards{padding:0;margin:0 0 14px}
[role="tabpanel"] .workspace-step>.workspace-standards{margin:14px 18px}
#book-step-kind .workspace-standards{margin:10px 0 0}

/* Book review uses the measured print layout, with style selection above it. */
.book-style-start{display:block;margin-bottom:18px}.book-style-start h2{margin:0}#stage1 .book-style-start #design{display:flex;width:fit-content;max-width:100%;margin:12px 0 16px}.book-style-start .optional-checks{margin:0}
.book-review-layout{width:100%}#map-measure,#map-rebuild-contents{margin-right:14px}#map-line{max-width:100px}#map .row p{white-space:pre-wrap}

/* Keep the interior sample in view while authors compare design settings. */
#stage2 .columns.design{align-items:start}
#stage2 .preview-wrap{position:sticky;top:16px;align-self:start;min-width:0;max-height:calc(100dvh - 32px);overflow:auto;z-index:2}
#stage2 .preview-wrap #page{width:min(100%,calc((100dvh - 160px) * var(--sample-ratio,.666667)));max-width:400px}
@media(max-width:950px){
 #stage2 .columns.design{display:flex;flex-direction:column}
 #stage2 #book-step-style{width:100%;min-width:0}
 #stage2 .preview-wrap{order:-1;flex:none;top:8px;width:100%;max-height:38dvh;padding:10px 14px;box-shadow:0 5px 16px #243c3920}
 #stage2 .preview-wrap #page{width:min(100%,calc((38dvh - 66px) * var(--sample-ratio,.666667)))}
 #stage2 .preview-label{margin-bottom:8px;gap:10px;line-height:1.3}
 #stage2 .preview-caption{margin:8px 0 0;font-size:9px}
}

/* One continuous EasyEditor review; optional controls stay below the queue. */
#editor-check-manuscript{margin:0 0 14px}#editor-advanced-review{margin-top:24px}#editor-step-review [aria-label="Guided review"]{position:sticky;top:8px;z-index:3;background:#fffaf0;padding:12px 16px;border:1px solid #dfd3bc;border-radius:8px}#editor-step-review [aria-label="Guided review"] h3{margin:0 0 6px}#editor-review-progress{margin:6px 0}#editor-findings blockquote{white-space:pre-wrap;overflow-wrap:anywhere}

/* PlotHarbor beta: compact story-entity review; all tools remain available in native disclosures. */
#plot-characters .plot-entry-card,#plot-locations .plot-entry-card,#plot-creatures .plot-entry-card{padding:.75rem .9rem;margin:.35rem 0;border:1px solid #dcd1ba;border-radius:7px;background:#fffdf9}
.plot-entry-card>strong{display:inline-block;font-size:1rem;margin-right:.55rem}
.plot-entry-card>span,.plot-entry-card>small{display:inline-block;margin-right:.75rem;color:#6e644e;font-size:.83rem}
.plot-entry-card .plot-entry-details{margin-top:.35rem}
.plot-entry-card .plot-entry-details>summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;width:max-content;max-width:100%;padding:.3rem .45rem;border-radius:4px;color:#265648;font-weight:600;font-size:.85rem}
.plot-entry-card .plot-entry-details[open]>summary{list-style:disclosure-open inside}
.plot-entry-card .plot-entry-details>summary:focus-visible{outline:2px solid #27614e;outline-offset:2px}
.plot-entry-card .plot-entry-actions{padding:.55rem 0 .2rem}
.plot-entry-card .plot-entry-actions>small{display:block;margin:.25rem 0 .45rem;color:#665a42}
.plot-entry-card .plot-entry-actions>button{margin:.2rem .3rem .2rem 0}

/* PlotHarbor final beta presentation: scan-friendly entity rows and progressive disclosure. */
#plot-characters .plot-entry-card,#plot-locations .plot-entry-card,#plot-creatures .plot-entry-card{padding:.48rem .85rem;margin:.25rem 0}
.plot-entry-card .plot-entry-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .8rem;min-height:1.65rem}
.plot-entry-card .plot-entry-heading>strong{font-size:1rem;margin:0}
.plot-entry-card .plot-entry-heading>span{color:#73664e;font-size:.78rem}
.plot-entry-card .plot-entry-heading>small{font-size:.78rem;color:#72664c;margin-left:auto}
.plot-entry-card .plot-entry-details{margin-top:.05rem}
.plot-entry-card .plot-entry-details>summary{font-size:.78rem;padding:.15rem .2rem}
.plot-entry-card .plot-entry-more{display:inline-block;vertical-align:middle;margin:.3rem 0}
.plot-entry-card .plot-entry-more>summary{cursor:pointer;padding:.45rem .75rem;border:1px solid #c8b99d;border-radius:5px;color:#284e41;font-weight:600}
.plot-entry-card .plot-entry-extras{padding:.55rem 0 .2rem}
.plot-entry-card .plot-entry-extras>button{margin:.15rem .3rem .2rem 0}
@media(max-width:640px){.plot-entry-card .plot-entry-heading>small{margin-left:0}}

/* Dedicated PlotHarbor continuity review, without crowding character tools. */
#plot-continuity-panel{margin-top:16px}
#plot-continuity-panel>summary{font-weight:700}
#plot-continuity-panel>p.note{max-width:80ch}
#plot-continuity-panel #plot-story-check{margin:.5rem 0 1rem}
#plot-continuity-panel #plot-story-checks{display:grid;gap:.7rem}
#plot-continuity-panel #plot-story-checks>.plot-tool-record{border:1px solid #dcd1ba;border-radius:7px;padding:.8rem 1rem;background:#fffdf9}
#plot-continuity-panel .plot-continuity-passage{white-space:pre-wrap;overflow-wrap:anywhere;margin:.55rem 0;padding:.6rem .9rem;border-left:3px solid #678d7d;background:#f8f6ef}

/* PlotHarbor scene-reader contrast: manuscript and controls must remain readable on parchment. */
#plotharbor-workspace .plot-reading{color:#243b35;background:#fff7e4;}
#plotharbor-workspace .plot-reading h2,#plotharbor-workspace .plot-reading h3,#plotharbor-workspace .plot-reading summary,#plotharbor-workspace .plot-reading label,#plotharbor-workspace .plot-reading p,#plotharbor-workspace .plot-reading .plot-passages,#plotharbor-workspace .plot-reading .plot-passages p{color:#243b35;opacity:1;}
#plotharbor-workspace .plot-reading .note,#plotharbor-workspace .plot-reading small{color:#5e5140;opacity:1;}
#plotharbor-workspace .plot-reading input,#plotharbor-workspace .plot-reading textarea,#plotharbor-workspace .plot-reading select{color:#243b35;background:#fffdfa;border:1px solid #b2a38b;}

/* Final Page: three equal account actions and a nonblocking Quill mascot accent. */
#studio-introduction .studio-intro-top{align-items:center;flex-wrap:wrap}
#studio-introduction .final-page-header-actions{display:grid;grid-template-columns:repeat(3,minmax(128px,1fr));gap:12px;width:min(640px,100%);align-items:center}
#studio-introduction .final-page-header-actions>a,#studio-introduction .final-page-library-nav>a{display:flex;min-height:62px;width:100%;padding:10px 12px;margin:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:8px;background:linear-gradient(#365348,#1d392f);border:1px solid #bda26e;box-shadow:0 4px 0 #927448;color:#fff5df;font:700 14px Georgia,serif;text-decoration:none;white-space:nowrap;opacity:1}
#studio-introduction .final-page-header-actions span:not(.final-page-library-nav){display:block;margin-top:4px;font:400 10px Georgia,serif;color:#e4d6b9;letter-spacing:0}
#studio-introduction .final-page-library-nav{display:block;position:relative;min-width:0}
#studio-introduction .quill-nav-art{position:absolute;right:-12px;bottom:-7px;height:94px;width:64px;object-fit:cover;object-position:center;pointer-events:none;border-radius:16px;mask-image:linear-gradient(to right,transparent 0%,black 34%);filter:drop-shadow(0 3px 3px #1b160f99)}
#studio-introduction .quill-nav-art[hidden]{display:none}
#studio-introduction .final-page-header-actions a:focus-visible{outline:3px solid #c78c2b;outline-offset:4px}
@media(max-width:720px){#studio-introduction .studio-intro-top{display:block}#studio-introduction .final-page-header-actions{margin-top:18px;gap:7px;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}#studio-introduction .final-page-header-actions>a,#studio-introduction .final-page-library-nav>a{font-size:12px;min-height:58px;padding:8px 5px}#studio-introduction .quill-nav-art{height:70px;width:46px;right:-4px}}

/* Quill identity refinement: balanced buttons, approved transparent illustration. */
#studio-introduction .final-page-header-actions{width:min(650px,100%);gap:12px}
#studio-introduction .final-page-header-actions>a,#studio-introduction .final-page-library-nav>a{position:relative;min-width:0;background:linear-gradient(180deg,#233c32,#11271f);border:1px solid #cfa45e;box-shadow:inset 0 0 0 2px #182b22,0 4px 0 #86623b,0 7px 15px #21140e3b;border-radius:9px;transition:background .2s}
#studio-introduction .final-page-header-actions>a:hover,#studio-introduction .final-page-library-nav>a:hover{background:linear-gradient(180deg,#355447,#1a362b)}
#studio-introduction .final-page-library-nav{isolation:isolate}
#studio-introduction .final-page-library-nav>a{z-index:1}
#studio-introduction .quill-nav-art{z-index:2;position:absolute;height:108px;width:auto;max-width:none;right:-15px;bottom:-15px;object-fit:contain;object-position:center;pointer-events:none;mask-image:none;border-radius:0;filter:drop-shadow(1px 3px 4px #17110aaa)}
@media(max-width:720px){#studio-introduction .quill-nav-art{height:70px;width:auto;right:-4px;bottom:-7px}}

/* Align the three Final Page header destinations consistently. */
#studio-introduction .final-page-header-actions {
  align-items: stretch;
}
#studio-introduction .final-page-header-actions > a,
#studio-introduction .final-page-header-actions > .final-page-library-nav > a {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 76px;
  margin: 0;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: 700 18px Georgia, serif;
}
#studio-introduction .final-page-header-actions > .final-page-library-nav {
  height: 100%;
}
#studio-introduction .final-page-header-actions > a span,
#studio-introduction .final-page-library-nav > a span {
  font: 400 12px Georgia, serif;
}
@media (max-width: 720px) {
  #studio-introduction .final-page-header-actions > a,
  #studio-introduction .final-page-header-actions > .final-page-library-nav > a {
    min-height: 64px;
    padding: 8px 4px;
    font-size: 12px;
  }
  #studio-introduction .final-page-header-actions > a span,
  #studio-introduction .final-page-library-nav > a span {
    font-size: 10px;
  }
}

/* Final Page header layout */
#studio-introduction .studio-intro-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 650px);
  gap: 10px 20px;
  align-items: center;
}
#studio-introduction .studio-intro-top > .eyebrow {
  grid-column: 1;
}
#studio-introduction .studio-intro-top > .final-page-header-actions {
  grid-column: 2;
  width: 100%;
  margin: 0;
}
#studio-introduction .final-page-header-actions > #subscription-placeholder {
  margin: 0;
  box-sizing: border-box;
}
#studio-introduction .studio-intro-top > .fp-account-link {
  grid-column: 2;
  justify-self: end;
  margin: 0;
  padding: 7px 12px;
  font-size: 12px;
}
@media (max-width: 720px) {
  #studio-introduction .studio-intro-top {
    grid-template-columns: minmax(0, 1fr);
  }
  #studio-introduction .studio-intro-top > .eyebrow,
  #studio-introduction .studio-intro-top > .final-page-header-actions,
  #studio-introduction .studio-intro-top > .fp-account-link {
    grid-column: 1;
  }
}


/* Children's Books — usability-first layout pass. Visual changes only. */
#children-workspace>.intro{max-width:68ch;margin:0 0 18px;font-size:16px;line-height:1.65}
#children-workspace .kids-overview-details{margin:0 0 20px;padding:12px 16px;border:1px solid #e1d6c3;border-radius:10px;background:#faf8f1;color:#526057}
#children-workspace .kids-overview-details>summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.6;color:#655235}
#children-workspace .kids-overview-details>p{max-width:85ch;margin:10px 0 2px;font-size:13px;line-height:1.65}
#children-workspace #kids-editor{margin-top:22px}
#children-workspace #kids-editor>.workspace-step{scroll-margin-top:20px}
#children-workspace #kids-editor>.workspace-step>summary{gap:13px}
#children-workspace #kids-editor .step-hint{max-width:72ch}
#children-workspace #kids-step-artwork>.step-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px}
#children-workspace #kids-step-artwork>.step-body>div{min-width:0;padding:18px;background:#faf9f3;border:1px solid #e3ddcf;border-radius:12px}
#children-workspace #kids-step-artwork>.step-body>div>h2{margin:0 0 14px;font-size:17px;line-height:1.4}
#children-workspace #kids-step-artwork .note{font-size:13px;line-height:1.6}
#children-workspace #kids-step-artwork input[type=file]{display:block;width:100%;max-width:100%;margin:8px 0}
#children-workspace #kids-step-style .type-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:16px 0}
#children-workspace #kids-step-style .type-settings>label{min-width:0;display:flex;flex-direction:column;gap:6px}
#children-workspace #kids-step-style .type-settings select{width:100%;min-width:0}
#children-workspace #kids-step-pages .kids-pages{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
#children-workspace #kids-step-pages .kids-page{padding:16px;border:1px solid #ded7c8;border-radius:12px;background:#fffefa;box-shadow:0 3px 12px #4937190b}
#children-workspace #kids-step-pages .kids-page h3{margin-top:0}
#children-workspace #kids-step-results .kids-spread{border:1px solid #ded7c8;border-radius:10px}
#children-workspace #kids-cover-editor>p{max-width:85ch;line-height:1.65}
#children-workspace #kids-cover-editor>summary{cursor:pointer}
@media(max-width:760px){
 #children-workspace #kids-step-artwork>.step-body{grid-template-columns:minmax(0,1fr);gap:12px}
 #children-workspace #kids-step-artwork>.step-body>div{padding:14px}
 #children-workspace #kids-step-style .type-settings{grid-template-columns:minmax(0,1fr);gap:12px}
 #children-workspace #kids-step-pages .kids-pages{grid-template-columns:minmax(0,1fr)}
}


/* Children's Books: keep the EasyEditor handoff compact and in-flow. */
#children-workspace #kids-editor>.workspace-editor-flow{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  min-height:0;
  height:auto;
  margin:0 0 14px;
  padding:16px 18px;
}
#children-workspace #kids-editor>.workspace-editor-flow>button{
  align-self:flex-start;
  margin:0;
}
#children-workspace #kids-editor>.workspace-editor-flow>.note{
  max-width:78ch;
  margin:0;
  line-height:1.55;
}


/* Keep the Children's Books workspace inside the available content column. */
#children-workspace,
#children-workspace .kids-overview-details,
#children-workspace #kids-editor,
#children-workspace .workspace-step,
#children-workspace .workspace-step .step-body,
#children-workspace .workspace-step .step-body > *,
#children-workspace .workspace-step .step-body > div,
#children-workspace .workspace-step .step-body .actions,
#children-workspace .workspace-editor-flow{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
#children-workspace .workspace-step .step-body{
  overflow-wrap:anywhere;
}
#children-workspace input,
#children-workspace select,
#children-workspace textarea,
#children-workspace canvas,
#children-workspace img{
  max-width:100%;
}
@media(max-width:950px){
  main{min-width:0;width:calc(100% - 190px)}
}
@media(max-width:650px){
  main{width:100%}
}


/* Make the two Children's Books artwork workflows unmistakable. */
#children-workspace #kids-step-artwork .kids-artwork-section-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-height:116px;
  justify-content:center;
  margin:0 0 20px;
  padding:20px 22px;
  border-radius:9px;
  border-bottom:4px solid currentColor;
  font-size:clamp(26px,2.6vw,34px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.025em;
}
#children-workspace #kids-step-artwork .kids-artwork-kicker{
  font:800 clamp(17px,1.8vw,22px)/1.25 Arial,sans-serif;
  letter-spacing:.065em;
}
#children-workspace #kids-step-artwork .kids-spread-title{
  color:#f5f3e8;
  background:#263f37;
  border-color:#b8cb83;
}
#children-workspace #kids-step-artwork .kids-spread-title .kids-artwork-kicker{
  color:#d7e7a7;
}
#children-workspace #kids-step-artwork .kids-single-title{
  color:#342514;
  background:#f0dfbb;
  border-color:#a87528;
}
#children-workspace #kids-step-artwork .kids-single-title .kids-artwork-kicker{
  color:#76501b;
}
@media(max-width:760px){
 #children-workspace #kids-step-artwork .kids-artwork-section-title{min-height:92px;font-size:25px;padding:16px}
 #children-workspace #kids-step-artwork .kids-artwork-kicker{font-size:17px}
}

/* Make the actual illustration upload targets large and easy to use. */
#children-workspace #kids-step-artwork label:has(> #kids-spread-file),
#children-workspace #kids-step-artwork label[for="kids-batch"]{
  display:block;
  font:700 clamp(18px,1.8vw,23px)/1.35 Georgia,serif;
  color:#342514;
  margin:12px 0;
}
#children-workspace #kids-step-artwork #kids-spread-file,
#children-workspace #kids-step-artwork #kids-batch{
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-height:100px;
  padding:23px 16px;
  margin:12px 0 18px;
  border:2px solid #b99453;
  border-radius:12px;
  background:#fff8e9;
  color:#342514;
  font:600 16px/1.4 Arial,sans-serif;
  cursor:pointer;
}
#children-workspace #kids-step-artwork #kids-spread-file::file-selector-button,
#children-workspace #kids-step-artwork #kids-batch::file-selector-button{
  min-height:52px;
  padding:12px 20px;
  margin-right:15px;
  border:1px solid #a67b36;
  border-radius:9px;
  background:linear-gradient(180deg,#f2deb0,#ddbc7b);
  color:#302517;
  box-shadow:0 3px 0 #a77e40;
  font:700 17px Georgia,serif;
  cursor:pointer;
}
#children-workspace #kids-step-artwork #kids-spread-file:focus-visible,
#children-workspace #kids-step-artwork #kids-batch:focus-visible{
  outline:3px solid #346b8b;
  outline-offset:3px;
}
@media(max-width:650px){
  #children-workspace #kids-step-artwork #kids-spread-file,
  #children-workspace #kids-step-artwork #kids-batch{padding:16px 10px;font-size:14px}
  #children-workspace #kids-step-artwork #kids-spread-file::file-selector-button,
  #children-workspace #kids-step-artwork #kids-batch::file-selector-button{padding:11px 12px;margin-right:8px;font-size:15px}
}

/* Children's Books: visible live artwork alongside page controls. */
@media(min-width:900px){
 #children-workspace #kids-step-pages .kids-pages{grid-template-columns:minmax(0,1fr)}
 #children-workspace #kids-step-pages .kids-page{
   display:grid;
   grid-template-columns:minmax(260px, .9fr) minmax(340px,1.3fr);
   column-gap:22px;
   align-items:start;
 }
 #children-workspace #kids-step-pages .kids-page > *{grid-column:1;min-width:0}
 #children-workspace #kids-step-pages .kids-page > h3{grid-column:1/-1}
 #children-workspace #kids-step-pages .kids-page > .kids-crop-preview{
   grid-column:2;
   grid-row:2 / span 24;
   width:100%;
   max-width:100%;
   min-height:260px;
   margin:0;
   background:#f7f3e9;
   border:1px solid #c8bfae;
   border-radius:8px;
   box-shadow:0 3px 14px #0002;
 }
 #children-workspace #kids-step-pages .kids-page > .kids-spread-crop{min-height:220px}
}
@media(max-width:899px){
 #children-workspace #kids-step-pages .kids-page > .kids-crop-preview{max-width:100%;margin:12px 0}
}

/* Children's Books: facing-page spread editing surface. */
#children-workspace #kids-step-pages .kids-page:has(> .kids-spread-crop){
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:14px;
}
#children-workspace #kids-step-pages .kids-page:has(> .kids-spread-crop) + .kids-page{
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top:2px dashed #b7a17b;
  margin-top:0;
}
#children-workspace #kids-step-pages .kids-page:has(> .kids-spread-crop) > .kids-spread-crop{
  grid-column:1/-1;
  grid-row:auto;
  max-width:100%;
  width:100%;
  min-height:0;
  position:relative;
  overflow:hidden;
}
#children-workspace #kids-step-pages .kids-spread-crop::after{
  content:"LEFT PAGE     |     RIGHT PAGE";
  position:absolute;
  bottom:8px;
  left:50%;
  transform:translateX(-50%);
  background:#182d29dd;
  color:#fff;
  border-radius:5px;
  font:700 11px/1.4 Arial,sans-serif;
  padding:6px 12px;
  pointer-events:none;
  white-space:pre;
}
#children-workspace #kids-step-pages .kids-page:has(> .kids-spread-crop) + .kids-page > .kids-page-live{
  display:none;
}

/* Explicit readable labels on the two real artwork file pickers. */
#children-workspace #kids-step-artwork .kids-upload-label{
  display:block!important;
  font-family:Georgia,serif!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1.4!important;
  color:#342514!important;
  margin:12px 0 16px!important;
}
#children-workspace #kids-step-artwork .kids-upload-label:focus-within{
  outline-offset:5px;
}
@media(max-width:650px){
  #children-workspace #kids-step-artwork .kids-upload-label{font-size:22px!important}
}