:root{--paper:#f4f1eb;--ink:#252c27;--muted:#747871;--line:#dedfd5;--accent:#b95031;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:3px}button,input,textarea,select{border-radius:7px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4%;background:#fbf9f4}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-size:20px;font-weight:650;letter-spacing:-.5px}.brand img{margin-right:12px}.brand small{font-size:12px;letter-spacing:1.9px;font-weight:500;display:block;margin-top:5px}.header-actions,.intro-actions,.toolbar-actions{display:flex;align-items:center}.header-actions>*+*,.toolbar-actions>*+*{margin-left:10px}.local-badge{font-size:12px;color:#677364;margin-right:16px}.local-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#709767;margin-right:5px}.quiet{background:transparent;color:var(--ink);padding:10px 12px;border:1px solid var(--line);font-size:12px}.quiet:hover{background:#eae7e0}.primary,.dark{background:var(--accent);color:white;font-weight:600;padding:13px 18px;font-size:13px}.dark{background:var(--ink);padding:11px 15px}.primary:hover{background:#9f4227}.dark:hover{background:#414b43}main{max-width:1500px;margin:auto;padding:0 4% 35px}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 13px;font-weight:650}h1{font-family:Georgia,"Times New Roman",serif;font-size:39px;line-height:1.15;font-weight:400;letter-spacing:-1px;margin:0}h1 em{color:var(--accent);font-weight:400}.intro-copy{font-size:12px;color:var(--muted);margin:12px 0 0}.intro-actions{align-items:flex-end;flex-direction:column}.intro-actions .quiet{margin-top:8px;border:0;font-size:12px;padding:6px}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white)}.controls{border-right:1px solid var(--line);background:#fbfaf6;min-width:0}.control-section{padding:23px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:13px;font-weight:600;margin:0}.section-heading h2 span{display:inline-block;color:var(--accent);font-size:12px;margin-right:10px}.tiny{font-size:12px;color:var(--muted)}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px}.style-card{padding:4px;background:transparent;text-align:left;border:1px solid transparent;border-radius:5px}.style-card.selected{border-color:var(--accent);background:#f4eee6}.style-card strong{display:block;font-size:12px;margin:8px 0 4px;white-space:nowrap}.style-card small{display:block;font-size:12px;color:var(--muted);white-space:nowrap}.style-swatch{display:block;height:95px;position:relative;overflow:hidden;background:#ece6d9;box-shadow:1px 2px 5px #252c2720}.style-swatch b{position:absolute;left:9px;top:10px;font:13px Georgia,serif;line-height:1}.style-swatch i{position:absolute;left:9px;right:9px;bottom:10px;height:46px;background:linear-gradient(145deg,#a9bbb5 45%,#678581 46%,#b7a383 80%)}.style-swatch.postcard{background:#ce613f}.style-swatch.postcard i{left:0;right:0;top:0;height:100%;background:linear-gradient(150deg,#91b6ba 42%,#b0805d 43%,#544e36 75%)}.style-swatch.postcard b{background:#ffe9ba;padding:6px;font:900 17px Arial;top:8px;left:5px}.style-swatch.night{background:#202f38;color:#fbdfad}.style-swatch.night i{background:linear-gradient(135deg,#9c5746 30%,#233f4b 32%,#99adad 70%);height:42px}.style-swatch.night b{font:12px Arial;letter-spacing:1px}label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:13px 0 7px;color:#666c63}input:not([type=range]),textarea,select{display:block;width:100%;border:1px solid var(--line);padding:10px 11px;background:#fffdf9;color:var(--ink);font-size:12px}textarea{resize:vertical;line-height:1.5;min-height:72px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 12px}.privacy-note{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0 0}.photo-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px}.photo-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}.photo-card.active{border-color:var(--accent)}.photo-pick{display:block;width:100%;padding:0;background:#e5e3d9;position:relative}.photo-pick img{display:block;width:100%;height:98px;object-fit:cover}.photo-index{position:absolute;left:6px;top:6px;background:#fffdf6df;border-radius:3px;font-size:12px;padding:3px 5px}.photo-actions{display:flex;align-items:center;justify-content:space-between;padding:4px}.photo-actions button{padding:4px 7px;background:transparent;font-size:12px;color:#656b61}.photo-actions button:hover{background:#eee9e0}.photo-actions button:last-child{color:#9e4c3f}.add-button{width:100%;padding:10px;background:transparent;border:1px dashed #c7c9bc;margin-top:10px;font-size:12px}.studio{min-width:0;background:#eeeee6;display:flex;flex-direction:column}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-bottom:1px solid #dfe1d6}.demo-label{font-size:12px;letter-spacing:1.5px;color:#86775d;margin-right:12px}.stage{padding:40px 45px 24px;min-height:430px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 30%,#fafaf3,#e5e7dc)}.book-pages{display:flex;max-width:700px;justify-content:center;align-items:center;width:100%;position:relative}.book-pages canvas{display:block;max-width:100%;height:auto;box-shadow:3px 9px 18px #303b3026;cursor:pointer}.book-pages.single canvas{width:310px}.book-pages.spread canvas{width:50%;box-shadow:0 7px 15px #303b3026}.book-pages.spread:after{content:"";position:absolute;left:50%;top:0;height:100%;width:1px;box-shadow:0 0 8px 4px #28372919;pointer-events:none}.book-pages canvas.selected-page{outline:2px solid #b9503150;outline-offset:3px}.page-navigation{display:flex;justify-content:center;align-items:center;padding:2px 20px 13px}.page-navigation span{min-width:145px;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.5px}.nav-arrow{background:transparent;width:33px;height:33px;color:var(--ink);font-size:18px}.page-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;padding:0 20px 23px}.page-thumbnail{background:transparent;padding:5px;border:1px solid transparent;margin:0 2px 5px;border-radius:4px}.page-thumbnail.active{border-color:#b9503180;background:#fff8eb}.page-thumbnail canvas{display:block;width:36px;height:48px;box-shadow:1px 2px 4px #27372929}.page-thumbnail span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.photo-editor{margin:0 24px 12px;background:#fafaf5;border:1px solid var(--line);border-radius:8px;padding:17px 20px}.photo-editor .section-heading{margin-bottom:6px}.crop-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;grid-gap:15px;align-items:center}.crop-controls label{display:block;font-size:12px}.crop-controls input{display:block;width:100%;margin:9px 0 5px;accent-color:var(--accent)}.crop-controls button{font-size:12px;margin-top:12px}.photo-editor .hint{margin:4px 0 0}.stage-note{text-align:center;color:#8b9083;font-size:12px;margin:15px 0 20px}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90%;background:#27352a;color:#fff;padding:12px 18px;border-radius:8px;font-size:12px;box-shadow:0 4px 20px #0002;z-index:100;display:none}.status.visible{display:block}.status.error{background:#914637}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#18241be0;display:flex;align-items:center;justify-content:center;z-index:90;padding:20px;overflow:auto}.modal-card{position:relative;background:var(--white);border-radius:12px;padding:35px;max-width:480px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 12px 70px #0003}.modal-card h2{font:32px Georgia,serif;margin:0 0 14px}.modal-card p,.modal-card li{font-size:12px;line-height:1.7;color:#666e61}.modal-card li{margin-bottom:10px}.modal-card ol{padding-left:18px}.modal-card .hint{font-size:12px;margin-top:16px}.modal-close{position:absolute;right:16px;top:14px;background:transparent;font-size:24px;padding:3px 8px;color:#6f756a}.export-option{display:block;text-align:left;width:100%;margin-top:12px;background:#edece3;border:1px solid #e0dfd5;padding:16px}.export-option:hover{background:#e5e0d4}.export-option strong{display:block;font-size:13px;font-weight:600}.export-option small{display:block;margin-top:7px;font-size:12px;line-height:1.6;color:var(--muted)}body.busy{cursor:progress}body.reading .controls{display:none}body.reading .workspace{grid-template-columns:1fr}body.reading .photo-editor{display:none!important}body.reading .stage{min-height:590px}body.reading .book-pages{max-width:820px}body.reading .book-pages.single canvas{width:385px}@media(max-width:1080px){h1{font-size:32px}.local-badge{display:none}.workspace{grid-template-columns:280px minmax(0,1fr)}.control-section{padding:18px}.stage{padding:35px 26px 20px;min-height:350px}.studio-toolbar{padding:14px}.crop-controls{grid-template-columns:1fr 1fr}.demo-label{display:block;margin-bottom:5px}.style-swatch{height:86px}.style-card small{font-size:12px}}@media(max-width:760px){.site-header{height:68px;padding:0 18px}.brand{font-size:17px}.brand small{font-size:12px}.brand img{width:25px;height:25px;margin-right:8px}.header-actions>*+*{margin-left:5px}.header-actions .quiet{font-size:12px;padding:8px}.header-actions #help-button{display:none}main{padding:0 14px 25px}.intro{padding:25px 4px 22px;display:block}h1{font-size:31px}.intro-copy{font-size:12px;line-height:1.7}.intro-actions{flex-direction:row;align-items:center;margin-top:17px}.intro-actions .quiet{margin:0 0 0 8px;max-width:120px;line-height:1.5}.workspace{display:flex;flex-direction:column}.controls{border-right:0;order:2}.studio{order:1}.studio-toolbar{padding:12px}.toolbar-actions>*+*{margin-left:6px}.toolbar-actions .quiet{font-size:12px;padding:9px}.dark{font-size:12px;padding:10px}.stage{min-height:330px;padding:28px 18px 20px}.book-pages.single canvas{width:230px}.book-pages{max-width:570px}.photo-editor{margin:0 12px 10px;padding:14px}.page-thumbnails{padding-bottom:12px}.stage-note{margin:7px 0 16px}.style-options{max-width:360px}.style-swatch{height:110px}.style-card strong{font-size:12px}.style-card small{font-size:12px}.photo-list{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-pick img{height:105px}.photo-actions button{padding:5px}.modal-card{padding:28px 22px}body.reading .stage{min-height:380px}body.reading .book-pages.single canvas{width:275px}.status{bottom:15px;font-size:12px}.intro-actions .primary{font-size:12px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media print{body>*{display:none!important}body #print-pages{display:block!important;background:white}#print-pages img{display:block;width:170mm;height:auto;margin:12mm auto;page-break-after:always}#print-pages img:last-child{page-break-after:auto}}
.download-shelf{margin:0 24px 8px;padding:12px 16px;border:1px solid #d5dacb;border-radius:7px;background:#f9fbef;font-size:12px;line-height:1.6}.download-shelf span{display:block;color:#667160}.download-shelf a{display:block;color:#9c492e;margin-top:5px;word-break:break-word;text-decoration:underline}.download-shelf a:focus{outline:2px solid #b95031;outline-offset:3px}
.modal-download{display:block;margin:15px 0 0;padding:12px 14px;background:#eef3df;border:1px solid #d4ddc1;border-radius:6px;color:#496044;font-size:12px;line-height:1.6;word-break:break-word}

/* v0.1.1: neutral editor, separate from the exported page palettes. */
:root{--paper:#f5f5f5;--ink:#26272a;--muted:#595959;--line:#d7d7d7;--accent:#c92537;--white:#fff}
.site-header,.controls{background:#fff}.intro{padding:24px 0}h1{font-size:32px}.intro-copy{font-size:13px}.primary:hover{background:#ab1e2e}.dark:hover{background:#444}
.local-badge,label,.photo-actions button,.stage-note,.modal-card p,.modal-card li,.modal-close,.download-shelf span{color:#595959}.local-badge i{background:#595959}.eyebrow,.tiny,.demo-label,.page-navigation span,.page-thumbnail span{color:#595959}.demo-label{letter-spacing:.8px}
.quiet:hover,.export-option:hover{background:#eee}.controls input,.controls textarea,.controls select{background:#fff}.studio{background:#f0f0f0}.stage{background:radial-gradient(ellipse at 50% 30%,#fafafa,#e5e5e5)}.studio-toolbar{border-color:#d7d7d7}.photo-editor{background:#fff}.photo-pick{background:#e5e5e5}
.style-card.selected{background:#f7f7f7;border:2px solid var(--accent)}.style-card small{white-space:normal;line-height:1.4}.style-swatch.night{background:#fff;color:#191919}.style-swatch.night b{font-weight:700}.style-swatch.night i{height:35px;background:linear-gradient(135deg,#bbb,#eee 45%,#888 46%,#ccc)}
.book-pages.single canvas{width:360px}.book-pages canvas{box-shadow:3px 9px 18px #0002}.book-pages.spread canvas{box-shadow:0 7px 15px #0002}.page-thumbnail.active{background:#f6f6f6;border-color:#c92537}.photo-index{background:#fffffff0;color:#333}
.status{background:#303030}.status.error{background:#8b2130}.modal{background:#202020e0}.export-option{background:#f5f5f5;border-color:#d7d7d7}.download-shelf,.modal-download{background:#f5f5f5;border-color:#d7d7d7;color:#454545}.download-shelf a{color:#ab1e2e}.photo-actions button{min-width:36px;min-height:36px}.photo-actions button:last-child{margin-left:8px;color:#ab1e2e}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2455a4;outline-offset:3px}.style-card:focus-visible{outline-offset:4px}.brand small{font-size:12px;letter-spacing:1px}.crop-controls label{color:#595959}#confirm-project-save{margin-top:10px;white-space:normal;text-align:left}
@media(max-width:760px){.site-header{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding:14px 18px}.header-actions{width:100%;justify-content:flex-end}.header-actions #help-button{display:block;min-width:44px}.header-actions .quiet,.photo-actions button,.nav-arrow{min-height:44px}.photo-actions button{min-width:44px;padding:3px}.photo-actions button:last-child{margin-left:3px}.photo-actions{flex-wrap:wrap}.book-pages.single canvas{width:260px}.style-card strong,.style-card small{white-space:normal}.intro{padding:20px 4px}.intro-actions .quiet{font-size:12px;max-width:155px}.brand small{font-size:12px}.brand img{width:28px;height:28px}.stage-note{line-height:1.5}.crop-controls{grid-gap:10px}}

.trial-strip{max-width:1400px;margin:16px auto 0;padding:0 4%;color:#595959;font-size:13px;line-height:1.6}.trial-strip a{color:#ab1e2e}.trial-strip label{display:block;margin:8px 0;font-weight:400}.trial-strip input{display:inline!important;width:auto!important;margin-right:6px}.trial-strip small{display:block;font-size:12px;max-width:900px}.trial-strip #confirm-export-save{margin-top:8px}