@charset "UTF-8";
:root{--bg:#f7f5ef;--paper:#fffdf7;--ink:#343c34;--muted:#85877c;--line:#e5e5d9;--accent:#a3553c;--accent-soft:#f4e9de;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px}button,input,textarea{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,label:has(input[type=file]:focus-visible){outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none}button:hover{filter:brightness(.94)}input,textarea{width:100%;border:1px solid #e3e3d9;border-radius:6px;padding:12px 13px;background:#fffefa;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#b0785d;box-shadow:0 0 0 3px #a3553c0d}textarea{resize:vertical;line-height:1.9}input::placeholder,textarea::placeholder{color:#a3a398}input{height:43px}[hidden]{display:none!important}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#faf9f5;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px;font-weight:bold;letter-spacing:3px}.brand-mark{border:1px solid var(--accent);color:var(--accent);width:38px;height:43px;display:grid;place-items:center;font-size:23px;border-radius:2px;transform:rotate(-5deg)}.brand small{display:block;font:10px var(--sans);letter-spacing:2px;color:var(--muted);margin-top:5px}.header-middle{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot,.live-dot{width:6px;height:6px;background:#7d9270;border-radius:50%;display:inline-block}.header-actions{display:flex;align-items:center;gap:24px}.text-button{padding:4px 0;font-size:12px;color:var(--accent);white-space:nowrap}.button{border-radius:5px;min-height:42px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.4px;transition:transform .15s}.button:active{transform:translateY(1px)}.button-dark{background:#3f493d;color:#fffef8}.button-accent{background:var(--accent);color:white}.button-outline{border:1px solid #d9dccd;background:transparent}.full{width:100%;justify-content:space-between;margin-top:18px}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1700px;margin:auto;min-height:calc(100vh - 88px)}.sidebar{border-right:1px solid var(--line);padding:40px 22px 24px;display:flex;flex-direction:column;align-items:stretch}.workspace-label{font-size:10px;letter-spacing:2px;color:#959889;display:flex;justify-content:space-between;padding:0 8px}.workspace-label span{letter-spacing:0;border:1px solid #dcded2;border-radius:3px;padding:0 4px}.steps{display:flex;flex-direction:column;gap:12px;margin-top:29px}.step{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 9px;border-radius:5px;font-size:12px;line-height:1.6}.step-number{font-family:Georgia,serif;color:#9b9d8d;font-size:14px;border:1px solid #d9dece;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.step small{display:block;font-size:10px;color:#999c90;margin-top:3px}.step.active{background:#edeedf}.step.active .step-number{color:var(--accent);border-color:#c69e82}.step.active>span:last-child{font-weight:600}.sidebar-note{margin-top:90px;padding:0 8px;color:#989a8b;line-height:2;font-size:10px}.sidebar-note svg{width:49px;height:59px;fill:none;stroke:#919e7c;stroke-width:1.2}.local-label{margin-top:auto;padding-top:60px;color:#929585;font-size:9px;white-space:nowrap}.local-label span{color:#7d8e70;margin-right:4px}main{min-width:0;padding:42px 46px 0}.intro{display:flex;justify-content:space-between;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line);gap:20px}.eyebrow{font-size:8px;letter-spacing:2.8px;color:var(--accent);margin-bottom:15px}.intro h1{font-family:var(--serif);font-size:30px;letter-spacing:3px;font-weight:500;margin:0 0 15px}.intro p{font-size:11px;color:var(--muted);margin:0;line-height:1.9}.edition{text-align:right;min-width:130px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.edition>span:first-child{font-size:9px;color:#909582;letter-spacing:3px}.edition b{font:23px var(--serif);letter-spacing:6px}.edition-line{width:24px;height:1px;background:#b7bba8;margin:5px 0}.edition small{font:7px var(--sans);letter-spacing:1px;color:#989d8f}.workspace{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(380px,1.2fr);gap:38px;padding-top:29px}.editor{min-width:0}.panel-heading{margin-bottom:23px}.section-index{font-size:9px;letter-spacing:1.8px;color:var(--accent)}.panel-heading h2{font:22px var(--serif);letter-spacing:1px;margin:12px 0 9px}.panel-heading p{font-size:11px;color:var(--muted);margin:0}.editor label:not(.upload-area):not(.audio-upload):not(.import-label){display:block;font-size:11px;line-height:1.6;margin:17px 0 0}.editor label input,.editor label textarea{display:block;margin-top:8px;font-size:12px}.optional{font-size:9px;color:#a1a495;font-weight:normal;float:right}.story-tabs{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.story-tab{padding:7px 10px;color:#919585;font-size:10px;border:1px solid transparent;border-radius:4px}.story-tab.selected{background:#fffdf8;border-color:#dedfd2;color:var(--accent)}.add-story{margin-left:auto;color:var(--accent);font-size:11px;white-space:nowrap}.story-topline{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#9b9e90}.icon-button{padding:3px 7px;color:#8a8e7d;font-size:16px}.upload-area{display:flex;align-items:center;gap:11px;border:1px dashed #c9cfbc;background:#f0f2e8;border-radius:5px;min-height:83px;padding:14px 12px;margin-top:20px;cursor:pointer}.upload-area.dragover{background:#e7ecd9;border-color:#7d9270}.upload-icon{font-size:28px;color:#879473;font-weight:300}.upload-area strong{font-size:10px;font-weight:normal;display:block;line-height:1.8}.upload-area small{display:block;font-size:8px;color:#9a9e8c;line-height:1.8;margin-top:3px}.upload-plus{margin-left:auto;font-size:20px;color:#8f9b7b}.remove-photo{font-size:10px;margin-top:5px}.story-label textarea{min-height:180px}.prompt-box{display:flex;align-items:flex-start;gap:8px;margin:11px 0;color:#959785}.prompt-box>span{color:#aa8b59;font-size:14px}.prompt-box p{font-size:9px;line-height:1.8;margin:0;flex:1}.prompt-box button{font-size:9px;color:#969d82}.audio-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:15px 0;color:#7d8473}.audio-section summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;font-size:11px}.audio-section summary::-webkit-details-marker{display:none}.audio-section summary>span:last-child{margin-left:auto}.audio-section p{font-size:10px;line-height:1.9;color:var(--muted)}.audio-section audio{width:100%;height:35px;margin-top:12px}.audio-upload{font-size:10px;padding:7px 12px;min-height:32px;cursor:pointer}.audio-filename{font-size:9px;overflow-wrap:anywhere;margin:8px 0}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;color:#a3a694;font-size:8px}.editor-footer button{font-size:10px}.preview-column{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 0 18px;font-size:11px}.preview-toolbar>div{display:flex;align-items:center;gap:7px}.preview-toolbar small{font-size:8px;color:#9ca18f;margin-left:6px}.preview-toolbar button{color:#8b937d;font-size:10px}.book-stage{position:relative;min-height:493px;background:#eeeee4;border:1px solid #e5e7db;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:52px 24px 45px;background-image:radial-gradient(#c0c4ac33 .7px,transparent .7px);background-size:5px 5px;border-radius:6px}.stage-note{position:absolute;top:22px;left:0;right:0;text-align:center;letter-spacing:2px;font-size:7px;color:#a0a58f}.book-preview{width:100%;max-width:610px;position:relative;z-index:1;perspective:1200px}.spread{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.43;position:relative;box-shadow:0 18px 25px #40422d1a,5px 4px 1px #d4d2c4,7px 5px 1px #f9f6ed,9px 6px 1px #d5d3c6;transform:rotate(-1deg)}.book-page{background:var(--book-paper,#fffaf0);position:relative;padding:10% 11% 11%;min-width:0;overflow:hidden;font-family:var(--serif);color:var(--book-ink,#4e4c3e)}.book-left{border-right:1px solid #9b938333;background-image:linear-gradient(90deg,transparent 85%,#4b442c13)}.book-right{background-image:linear-gradient(90deg,#4b442c0d,transparent 12%)}.book-page::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.035' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E");opacity:.3}.book-kicker{font:7px var(--sans);letter-spacing:2px;color:var(--book-accent,#9b583e)}.book-page h3{font-size:clamp(13px,1.35vw,24px);font-weight:500;letter-spacing:2px;line-height:1.7;margin:14px 0 6px;overflow-wrap:anywhere}.book-date{font:6px var(--sans);color:#989180;line-height:1.8;letter-spacing:.5px}.photo-frame{background:#fffdf8;box-shadow:1px 3px 6px #4a382317;padding:6px 6px 16px;margin:18px -2px 0;transform:rotate(-3deg);position:relative}.photo-frame:before{content:"";position:absolute;z-index:2;top:-8px;left:35%;width:35%;height:15px;background:#c8b58755;transform:rotate(3deg)}.photo-frame img{width:100%;aspect-ratio:1.2;object-fit:cover;display:block;filter:sepia(.12)}.photo-frame figcaption{font-size:6px;line-height:1.6;text-align:center;margin-top:7px;color:#948978;overflow-wrap:anywhere}.sample-label{font:5px var(--sans);text-align:center;margin-top:12px;color:#b0a68f}.page-number{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:7px Georgia,serif;letter-spacing:2px;color:#a8a08f}.story-preview-body{font-size:clamp(8px,.68vw,12px);line-height:2.25;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden;max-height:75%;margin-top:18px}.story-preview-body::first-letter{font-size:22px;float:left;line-height:1.6;margin-right:4px;color:var(--book-accent,#9b583e)}.story-preview-heading{font:6px var(--sans);color:#a19882;letter-spacing:2px;padding-bottom:14px;border-bottom:1px solid #c7c2ae88}.preview-truncation{font:6px var(--sans);color:#a89b86;position:absolute;bottom:35px;left:11%;right:11%;line-height:1.6}.book-shadow{position:absolute;bottom:44px;left:14%;width:74%;height:20px;background:#62634e1c;filter:blur(14px);border-radius:50%}.preview-navigation{display:flex;align-items:center;justify-content:center;gap:23px;padding:22px 0 17px}.round-button{border:1px solid #d7dccb;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:14px;color:#869075}.preview-navigation>span{font-size:9px;color:#949a85;min-width:90px;text-align:center}.preview-bottom{display:flex;justify-content:space-between;color:#a1a693;font-size:8px;border-bottom:1px solid var(--line);padding-bottom:21px;gap:12px}.gentle-note{display:flex;align-items:center;padding:34px 12px;gap:15px}.gentle-note>span{font:60px Georgia,serif;color:#c7ccb7;align-self:flex-start;line-height:.95}.gentle-note p{font:14px/2 var(--serif);color:#8a947b;letter-spacing:2px;margin:0}.gentle-note svg{width:80px;height:60px;stroke:#b7bea4;fill:none;stroke-width:.8;margin-left:auto}.main-footer{border-top:1px solid var(--line);margin-top:20px;display:flex;justify-content:space-between;font-size:8px;color:#a3a795;padding:20px 0;gap:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.small-note{font-size:10px;line-height:1.9;color:#959b89;margin-top:13px}.field-title{font-size:11px;display:block;margin:25px 0 12px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{padding:8px;border:1px solid #dce0d2;border-radius:5px;text-align:left}.theme-option.selected{border-color:#ac7254;background:#f4ece2}.theme-sample{display:grid;place-items:center;width:100%;height:85px;font:32px var(--serif);margin-bottom:10px}.warm{background:#f5ebda;color:#a3553c}.sage{background:#e7ecdf;color:#58735d}.ink{background:#eeeee9;color:#42494a}.theme-option strong{font-size:10px;font-weight:normal;display:block}.theme-option small{font-size:8px;color:#9ca18e;display:block;margin-top:5px;line-height:1.7}.export-summary{padding:23px;margin-top:27px;background:#eeeee3;border-radius:4px}.export-summary h3{font:23px var(--serif);margin:14px 0}.export-summary p{font-size:11px;color:#838b77}.export-summary>div{font-size:10px;line-height:1.9;color:#959c87}.backup-section{border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.backup-section h3{font:16px var(--serif)}.backup-section p{font-size:10px;line-height:1.9;color:#8c937e}.backup-section>div{display:flex;justify-content:space-between}.import-label{cursor:pointer}.cover-preview{width:66%;aspect-ratio:.705;margin:0 auto;background:var(--book-paper,#fffaf0);box-shadow:12px 15px 24px #383d2a25,4px 0 #d4cfbc,6px 0 #f9f6ed,8px 0 #cfcbb9;transform:rotate(-3deg);text-align:center;padding:10% 7% 6%;position:relative;font-family:var(--serif);overflow:hidden;border-left:6px solid var(--book-accent,#a3553c)}.cover-preview .book-kicker{letter-spacing:3px;font-size:6px}.cover-preview h3{font-size:clamp(23px,2.5vw,38px);font-weight:500;letter-spacing:5px;margin:18px 0 8px;overflow-wrap:anywhere}.cover-subtitle{font-size:9px;color:#8a8775;line-height:1.7}.cover-photo{width:90%;height:45%;object-fit:cover;margin-top:19px;filter:sepia(.25);border:5px solid #fffdf7;box-shadow:1px 3px 8px #51483115}.cover-byline{font-size:7px;letter-spacing:2px;margin-top:14px;color:#9d967f}.cover-footer{font:5px var(--sans);letter-spacing:2px;margin-top:12px;color:#aaa38f}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);padding:12px 23px;max-width:90vw;background:#3f493d;color:#fffdf6;border-radius:5px;box-shadow:0 4px 20px #0002;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d5d9cb;border-radius:8px;background:#f4f2e9;color:var(--ink);padding:28px;max-height:90vh;width:min(980px,94vw)}dialog::backdrop{background:#29302599;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.dialog-header h2{font:25px var(--serif);margin:10px 0}.dialog-header>div:last-child{display:flex;align-items:center;gap:18px}#full-book{display:flex;flex-direction:column;gap:25px;align-items:center}.print-sheet{width:148mm;min-height:210mm;padding:22mm 19mm;background:var(--book-paper,#fffaf0);color:var(--book-ink,#4e4c3e);font-family:var(--serif);box-shadow:0 5px 20px #393d2912;position:relative;overflow-wrap:anywhere}.print-sheet h2{font-weight:500;font-size:27px;line-height:1.8;margin:22px 0}.print-sheet p{font-size:14px;line-height:2.2;white-space:pre-wrap;orphans:3;widows:3}.print-sheet .full-photo{width:100%;max-height:105mm;object-fit:contain;display:block;margin:25px 0 8px}.print-sheet .full-caption{text-align:center;font:10px/1.7 var(--sans);color:#99917d;white-space:normal}.print-sheet .book-date{font-size:10px}.print-sheet .book-kicker{font-size:10px;line-height:1.8}.print-cover{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.print-cover h2{font-size:42px;letter-spacing:7px}.print-cover .full-photo{max-height:100mm;object-fit:cover;aspect-ratio:1.1}.print-dedication{text-align:center;display:flex;flex-direction:column;justify-content:center}.print-dedication p{line-height:2.6}.print-dedication .signature{text-align:right;margin-top:30px}.contents-item{display:flex;align-items:baseline;gap:15px;padding:18px 0;border-bottom:1px solid #d2cdb955;font-size:15px;line-height:1.8}.contents-item span{font:12px Georgia,serif;color:var(--book-accent,#a3553c)}.print-back{text-align:center;display:flex;flex-direction:column;justify-content:center}.print-back .end-mark{font-size:46px;color:var(--book-accent,#a3553c);margin-bottom:25px}.print-back small{font:10px var(--sans);letter-spacing:3px;color:#9f9a85}#print-root{display:none}#confirm-dialog{max-width:400px;padding:30px}#confirm-dialog h2{font:23px var(--serif)}#confirm-dialog p{font-size:12px;line-height:1.9;color:#8d927f}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}
@media(min-width:1600px){.book-stage{min-height:570px}.workspace{gap:60px}.story-preview-body{font-size:12px}.book-page h3{font-size:23px}}
@media(max-width:1200px){.site-header{padding:0 25px}.app-shell{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding:35px 12px}.step{gap:8px;padding:12px 5px;font-size:11px}.step-number{width:24px;height:24px;font-size:12px}main{padding:32px 28px 0}.workspace{gap:25px;grid-template-columns:minmax(270px,.9fr) minmax(310px,1.1fr)}.book-stage{min-height:420px;padding:50px 16px 42px}.intro h1{font-size:25px}.intro p{font-size:10px}.edition{min-width:105px}.gentle-note{padding:30px 0}.gentle-note p{font-size:12px;letter-spacing:1px}.gentle-note svg{width:65px}.story-preview-body{font-size:8px}.book-page h3{font-size:14px}.book-page{padding:9% 10%}.photo-frame{margin-top:13px}.theme-options{gap:6px}}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:8px 24px}.workspace-label,.sidebar-note,.local-label{display:none}.steps{flex-direction:row;margin:0;justify-content:center;gap:25px}.step{padding:10px 18px}.step small{display:none}main{padding:30px}.workspace{grid-template-columns:minmax(290px,.9fr) minmax(330px,1.1fr)}.book-stage{min-height:460px}.header-middle{margin-left:auto;margin-right:10px}.intro h1{font-size:27px}}
@media(max-width:740px){.site-header{height:73px;padding:0 18px;gap:10px}.brand{font-size:19px;letter-spacing:2px;gap:9px}.brand-mark{height:35px;width:30px;font-size:19px}.brand small{font-size:8px;letter-spacing:1.4px}.header-middle{display:none}.header-actions{gap:10px}.header-actions>.text-button{font-size:10px}.header-actions .button{padding:9px 11px;font-size:10px;min-height:36px}.sidebar{padding:5px 12px}.steps{gap:3px;justify-content:space-between}.step{font-size:10px;padding:10px 7px;gap:6px}.step-number{width:21px;height:21px;font-size:10px}main{padding:27px 19px 0}.intro{padding-bottom:25px;gap:4px}.eyebrow{font-size:6px;letter-spacing:1.8px}.intro h1{font-size:23px;letter-spacing:1px;line-height:1.7;margin-bottom:9px}.intro p{font-size:10px;line-height:2;max-width:290px}.edition{display:none}.workspace{grid-template-columns:1fr;padding-top:25px;gap:20px}.preview-column{grid-row:1}.preview-toolbar{padding-bottom:12px}.book-stage{min-height:0;height:auto;padding:46px 25px 37px}.book-preview{max-width:510px}.spread{aspect-ratio:1.43}.book-page h3{font-size:clamp(14px,4vw,22px)}.story-preview-body{font-size:clamp(8px,2.2vw,11px);line-height:2.2}.book-kicker{font-size:7px}.book-date{font-size:7px}.photo-frame figcaption{font-size:7px}.sample-label{font-size:5px}.book-page .page-number{bottom:12px}.preview-navigation{padding:15px 0}.preview-bottom{padding-bottom:17px}.gentle-note{display:none}.editor{border-top:1px solid var(--line);padding-top:24px}.panel-heading h2{font-size:23px}.panel-heading p{font-size:12px}.editor label:not(.upload-area):not(.audio-upload):not(.import-label){font-size:12px}.editor label input,.editor label textarea{font-size:14px}.upload-area strong{font-size:12px}.upload-area small{font-size:9px}.cover-preview{width:58%;min-height:310px}.cover-preview h3{font-size:29px}.cover-photo{height:150px}.cover-preview .book-kicker{font-size:7px}.cover-subtitle{font-size:10px}.main-footer{flex-direction:column;gap:9px;line-height:1.7;font-size:9px}.dialog-header{align-items:flex-start}.dialog-header h2{font-size:19px}.dialog-header .button{font-size:10px;padding:9px}.dialog-header>div:last-child{gap:10px}.dialog-header .section-index{font-size:7px}dialog{padding:18px;width:96vw}.print-sheet{width:100%;min-height:120vw;padding:12% 11%}.print-sheet h2{font-size:25px}.print-cover h2{font-size:34px}.print-sheet p{font-size:13px}.print-sheet .book-kicker{font-size:9px}.editor-footer{font-size:9px}.optional{font-size:9px}.theme-sample{height:100px}.theme-option strong{font-size:12px}.theme-option small{font-size:9px}}
.book-right .story-preview-body{position:absolute;top:24%;bottom:22%;left:11%;right:11%;margin:0;max-height:none}.preview-truncation{bottom:13%;font-size:5px}.photo-frame figcaption{max-height:22px;overflow:hidden}
@media(max-width:740px){.book-page h3{font-size:clamp(12px,3.5vw,20px);margin:9px 0 4px;letter-spacing:1px}.book-kicker{font-size:6px;letter-spacing:1px}.book-date{font-size:6px}.photo-frame{margin-top:10px;padding:4px 4px 10px}.photo-frame img{aspect-ratio:1.6}.photo-frame figcaption{font-size:5px;line-height:1.5;margin-top:5px;max-height:16px}.sample-label{font-size:4px;margin-top:7px}.book-page .page-number{bottom:7px;font-size:5px}.preview-truncation{font-size:4px;bottom:13%;line-height:1.5}.book-right .story-preview-body{top:25%;bottom:22%;font-size:clamp(7px,1.9vw,10px)}.story-preview-heading{font-size:5px;padding-bottom:10px}.story-preview-body::first-letter{font-size:17px}}
@media(max-width:400px){.steps{gap:2px}.step{font-size:9px;padding:10px 4px;gap:5px}.step-number{width:19px;height:19px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@page{size:A5;margin:17mm 17mm 19mm}
@media print{body{background:white}.site-header,.app-shell,dialog,#toast{display:none!important}#print-root{display:block!important}.print-sheet{width:auto;min-height:0;padding:0;box-shadow:none;break-before:page;overflow:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-sheet:first-child{break-before:auto}.print-cover,.print-dedication,.print-back{min-height:170mm}.print-sheet h2{break-after:avoid}.print-sheet .full-photo{max-height:85mm;break-inside:avoid}.print-sheet p{font-size:11pt;line-height:2;white-space:pre-wrap}.print-sheet .full-caption{break-before:avoid;font-size:8pt}.print-cover h2{font-size:32pt}.contents-item{break-inside:avoid}.print-sheet .book-kicker{font-size:8pt}.print-sheet .book-date{font-size:8pt}}