:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif;color:#20271f;background:#f5f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,.upload-zone:focus-visible{outline:3px solid #d57a5c;outline-offset:3px}svg{width:20px;height:20px}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 70% 25%,#fbf8ee 0,transparent 36%),#f5f2e9}.site-header{height:76px;display:flex;align-items:center;gap:30px;padding:0 clamp(22px,5vw,84px);border-bottom:1px solid #dedccf}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#20271f;padding:0;font-size:19px;font-weight:700;letter-spacing:.05em;text-align:left}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;background:#20271f;color:#f8e9bf;border-radius:8px;font-size:18px}.brand-en{display:block;font-size:8px;letter-spacing:.25em;font-weight:700;margin-top:1px}.header-caption{color:#77796f;font-size:12px;letter-spacing:.12em}.header-note{margin-left:auto;font-size:11px;color:#7f8277}.site-footer{margin-top:auto;display:flex;justify-content:space-between;padding:21px clamp(22px,5vw,84px);color:#96988b;border-top:1px solid #e3e0d4;font-size:10px;letter-spacing:.16em}.stepper{display:flex;justify-content:center;align-items:center;gap:12px;padding:23px 20px;color:#9a9c90;font-size:11px}.step{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.step b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d4d5c9;border-radius:50%;font-size:10px;font-weight:600}.step b svg{width:14px;height:14px}.step.active{color:#20271f;font-weight:700}.step.active b{background:#20271f;color:#fff;border-color:#20271f}.step.done b{background:#dbe7ce;border-color:#dbe7ce;color:#305541}.step-line{height:1px;width:28px;background:#d6d7ca}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b37c60;font-size:10px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#df8d6d}.hero-copy h1,.section-heading h1,.binding-card h1,.editor-heading h1{font-size:clamp(40px,5.1vw,78px);line-height:1.18;letter-spacing:-.07em;font-weight:600;margin:26px 0}.hero-copy h1 em,.section-heading h1 em,.binding-card h1 em,.editor-heading h1 em{font-style:normal;color:#ca765a}.hero-copy p,.section-heading p{color:#72766b;line-height:1.9;font-size:14px;max-width:420px}.primary-btn{background:#222b24;color:#fff;border:1px solid #222b24;border-radius:100px;padding:7px 7px 7px 23px;display:inline-flex;align-items:center;gap:22px;min-height:50px;box-shadow:0 10px 23px #1e291e20;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 29px #1e291e2c}.primary-btn span{background:#f2d573;color:#20271f;border-radius:50%;display:grid;place-items:center;width:36px;height:36px}.primary-btn span svg{width:18px}.primary-btn:disabled{opacity:.4}.secondary-btn{border:1px solid #cfd2c4;background:#fffdf6;color:#273429;border-radius:100px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}.secondary-btn:hover:not(:disabled){border-color:#6b816e;background:#f1f5e9}.secondary-btn svg{width:16px;height:16px}.text-btn{background:none;border:0;color:#687168;padding:12px 0;font-size:12px}.text-btn:hover{text-decoration:underline}.shelf-screen{width:min(1250px,100%);margin:auto;min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:28px clamp(22px,5vw,84px) 72px}.hero-copy h1{margin-top:26px}.hero-copy p{margin-bottom:32px}.hero-small{color:#95988a;font-size:10px;letter-spacing:.07em;margin-top:49px}.hero-art{height:530px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:440px;height:440px;max-width:90%;border-radius:50%;background:#e9eadb}.orbit{position:absolute;border:1px solid #d6d8c9;border-radius:50%}.orbit-one{width:520px;height:520px;max-width:100%;transform:rotate(-18deg) scaleY(.58)}.orbit-two{width:300px;height:300px;transform:rotate(35deg) scaleY(.66)}.hero-book{position:relative;transform:rotate(-10deg);filter:drop-shadow(25px 32px 22px #333b302b);animation:float 5s ease-in-out infinite}.hero-book .book-cover{width:265px;height:363px}.floating-label{position:absolute;left:2%;top:12%;z-index:2;font-size:10px;line-height:1.4;letter-spacing:.16em;color:#85897b;transform:rotate(-7deg)}.hero-sparkle{position:absolute;right:12%;top:12%;color:#d67f5e;font-size:58px;animation:twinkle 6s ease-in-out infinite}.hero-art-caption{position:absolute;bottom:5%;right:7%;display:flex;align-items:end;gap:28px;color:#787d71;font-size:11px;line-height:1.6}.hero-art-caption b{font-size:10px;color:#b47b64}.book-cover{width:100%;height:100%;position:relative;overflow:hidden;background:var(--cover);color:var(--cover-ink);border-radius:3px 8px 8px 3px;border-left:12px solid #1d2d28;box-shadow:inset 2px 0 6px #fff7,inset -7px 0 10px #0001,5px 9px #ecebdc,8px 12px #c8cab7,17px 23px 24px #26312230}.cover-spine{position:absolute;left:-3px;top:0;height:100%;width:14px;background:linear-gradient(90deg,#0002,#fff6,#0002)}.cover-edition{position:absolute;top:26px;right:21px;font-size:7px;letter-spacing:.15em;font-weight:700}.cover-mark{position:absolute;left:50%;top:45%;width:122px;height:130px;transform:translate(-50%,-50%);border:1.5px solid var(--cover-ink);border-radius:54% 45% 55%}.cover-mark:after{content:"";position:absolute;left:15px;top:55px;width:94px;height:1px;background:var(--cover-ink);transform:rotate(-31deg)}.cover-mark i{position:absolute;border-radius:50%;background:var(--cover-accent);width:20px;height:20px}.cover-mark i:nth-child(1){left:-17px;top:11px}.cover-mark i:nth-child(2){right:1px;bottom:-21px;width:30px;height:30px}.cover-mark i:nth-child(3){right:-24px;top:26px;width:9px;height:9px}.motif-arch{border-radius:80px 80px 5px 5px}.motif-star{border-radius:10px;transform:translate(-50%,-50%) rotate(18deg)}.cover-window{position:absolute;width:57%;height:49%;left:22%;top:24%;overflow:hidden;border:6px solid #fff8ee;box-shadow:0 10px 18px #0003;transform:rotate(-4deg)}.cover-window img{width:100%;height:100%;object-fit:cover}.cover-bottom{position:absolute;bottom:28px;left:24px;right:18px;display:flex;justify-content:space-between;align-items:end;gap:12px}.cover-bottom span{font-size:23px;font-weight:700;letter-spacing:-.08em}.cover-bottom small{font-size:6px;letter-spacing:.12em}.flow-screen{width:min(1120px,100%);margin:0 auto;padding:28px 26px 95px}.section-heading{text-align:center}.section-heading h1{font-size:clamp(35px,4vw,54px);margin:18px 0 9px}.section-heading p{margin:0 auto}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:43px}.template-card{padding:0;text-align:left;border:1.5px solid #dedfd0;background:#faf9f3;border-radius:18px;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}.template-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #27352b15}.template-card.selected{border-color:#485c4b;box-shadow:0 0 0 3px #b7c8ab77}.template-preview{height:270px;background:var(--preview);display:flex;justify-content:center;align-items:center;gap:13px;position:relative;overflow:hidden}.template-preview:before{content:"";width:250px;height:250px;background:#ffffff4d;border-radius:50%;position:absolute;right:-20px;top:-100px}.mini-cover{display:block;width:128px;height:180px;position:relative;transform:rotate(-8deg) translateY(8px)}.mini-cover .book-cover{box-shadow:inset 2px 0 4px #fff5,3px 5px #e6e6d9,9px 12px 17px #0002;border-left-width:6px}.mini-cover .cover-edition{font-size:4px;top:14px;right:9px}.mini-cover .cover-mark{transform:translate(-50%,-50%) scale(.48)}.mini-cover .cover-bottom{bottom:14px;left:12px}.mini-cover .cover-bottom span{font-size:11px}.mini-cover .cover-bottom small{font-size:3px}.mini-page{width:115px;height:164px;background:#fffdf7;box-shadow:5px 12px 17px #0002;transform:rotate(7deg) translate(-10px,16px);padding:15px;position:relative}.mini-photo{display:block;background:#879fa0;width:70%;height:53%}.mini-photo.small{background:#ddb6a7;width:38%;height:25%;margin:-20px 0 0 auto;border:5px solid white}.mini-page i{display:block;width:45%;height:2px;background:#d6d8cf;margin:22px 0 0}.mini-page i:last-child{width:65%;margin-top:5px}.template-card-foot{display:flex;justify-content:space-between;gap:10px;padding:22px}.template-card-foot span{display:flex;flex-direction:column;gap:6px}.template-card-foot small{font-size:9px;letter-spacing:.14em;color:#bb8667}.template-card-foot strong{font-size:20px}.template-card-foot em{font-style:normal;font-size:11px;color:#8a8e82}.template-card-foot b{width:28px;height:28px;background:#eef1e7;border-radius:50%;display:grid;place-items:center;color:#506252}.template-card.selected .template-card-foot b{background:#506252;color:#fff}.template-card-foot b svg{width:16px}.flow-actions{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.photo-flow{width:min(1140px,100%)}.photo-workarea{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:40px;min-height:350px}.upload-zone{border:1.6px dashed #aeb5a4;border-radius:19px;background:#fcfbf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px;transition:background .2s,border-color .2s}.upload-zone.dragging,.upload-zone:hover{background:#eef5e8;border-color:#6f936c}.upload-icon{background:#e8eddf;width:62px;height:62px;border-radius:17px;display:grid;place-items:center;color:#627862;margin-bottom:7px}.upload-icon svg{width:27px;height:27px}.upload-zone strong{font-size:20px}.upload-zone>span:not(.upload-icon){font-size:12px;color:#959b90}.upload-zone small{font-size:10px;color:#a0a396;margin-top:3px}.photo-side{background:#edece2;border-radius:19px;padding:22px;min-height:350px}.photo-side-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.photo-side-head b{font-size:11px;color:#b6795f;margin-left:4px}.photo-side-head small{font-weight:400;font-size:10px;color:#909589}.empty-list{height:245px;display:grid;place-content:center;text-align:center;color:#9a9e90}.empty-list span{font-size:52px;color:#c7cebb}.empty-list p{font-size:12px;line-height:1.8}.photo-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;max-height:310px;overflow:auto}.photo-tile{aspect-ratio:1;position:relative;border-radius:9px;overflow:hidden;background:#deded2}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile>span{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:21px;height:21px;background:#fff;border-radius:50%;font-size:9px}.tile-tools{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3px;padding:5px;background:linear-gradient(transparent,#0009)}.tile-tools button{border:0;border-radius:5px;background:#fffef2;color:#1e2922;font-size:12px;width:22px;height:22px}.binding-screen{min-height:650px;display:grid;place-items:center;padding:30px}.binding-card{text-align:center;background:#fbfaf5;border:1px solid #e6e4d8;border-radius:24px;padding:44px 45px 36px;width:min(430px,92vw);box-shadow:0 28px 80px #333c2c12;position:relative;overflow:hidden}.binding-ring{position:absolute;width:450px;height:450px;border:1px solid #edf0e7;border-radius:50%;left:50%;top:-220px;transform:translate(-50%)}.binding-illustration{height:155px;position:relative;width:170px;margin:0 auto 22px;perspective:400px}.sheet{position:absolute;width:112px;height:132px;border-radius:3px;box-shadow:7px 13px 18px #293b282a;animation:assemble 1.6s ease-in-out infinite alternate}.sheet-a{background:#9db9a9;left:10px;top:12px;transform:rotate(-12deg)}.sheet-b{background:#ecc69d;left:30px;top:8px;transform:rotate(8deg)}.sheet-c{background:#edce5f;left:23px;top:10px;transform:rotate(0);display:grid;place-items:center;font-size:42px;color:#694e38}.binding-card h1{font-size:34px;margin:18px 0 10px}.binding-card p{color:#71796b;font-size:12px;margin:15px 0 20px}.progress-track{height:7px;border-radius:9px;background:#e7e6dd;overflow:hidden}.progress-track span{height:100%;display:block;background:#d67d5e;border-radius:9px;transition:width .55s ease}.binding-card small{display:block;text-align:right;color:#ab7e64;font-weight:700;font-size:10px;margin-top:9px}.workspace{width:min(1260px,100%);margin:0 auto;padding:18px 24px 60px}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-top h1{margin:6px 0 0;font-size:25px;letter-spacing:-.04em}.workspace-buttons{display:flex;gap:10px;align-items:center}.round-btn,.nav-arrow{display:grid;place-items:center;border:1px solid #d9dccf;border-radius:50%;background:#fffdf8;color:#3f5144;width:40px;height:40px}.round-btn:hover,.nav-arrow:hover:not(:disabled){background:#e4eddc}.reader-area{display:grid;grid-template-columns:1fr 46px minmax(280px,650px) 46px 1fr;align-items:center;gap:16px;min-height:540px}.reader-note{align-self:center;font-size:12px;color:#a17a63}.reader-note span{font-weight:700}.reader-note p{line-height:1.6;color:#92998b}.reader-side{align-self:center;justify-self:end;display:flex;align-items:center;gap:32px;flex-direction:column;color:#a0a696;font-size:11px}.vertical-word{writing-mode:vertical-rl;letter-spacing:.25em;font-size:9px}.book-stage{height:490px;display:grid;place-items:center;perspective:1200px}.cover-button{background:transparent;border:0;display:block;width:285px;height:395px;position:relative;transform-style:preserve-3d;filter:drop-shadow(18px 20px 13px #3b423922)}.cover-button:hover .book-cover{transform:rotateY(-8deg) translateY(-4px)}.cover-button .book-cover{transition:transform .5s;transform-origin:left center}.cover-hint{position:absolute;bottom:-42px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;color:#8a8d80;font-size:11px}.cover-hint svg{width:14px}.turning.forward .cover-button .book-cover{animation:openCover .42s ease-in forwards}.open-book{width:min(100%,610px);aspect-ratio:1.52;display:flex;position:relative;transform-style:preserve-3d;filter:drop-shadow(16px 19px 17px #3b423929)}.open-book:before{content:"";position:absolute;inset:0;background:#fdfdf8;border-radius:5px;box-shadow:5px 5px #d8d9cb}.page-button{width:50%;height:100%;border:0;padding:0;background:none;text-align:left;position:relative;overflow:hidden}.page-button:hover .book-page{filter:brightness(.97)}.page-button:first-child{box-shadow:inset -6px 0 10px #292e2319}.page-button:nth-child(2){box-shadow:inset 7px 0 10px #292e2319}.book-page{width:100%;height:100%;position:relative;background:var(--page-bg);overflow:hidden;box-shadow:inset 0 0 15px #424c3220}.page-topline{position:absolute;top:4.2%;left:8%;font-size:6px;color:#4b5d50a8;letter-spacing:.15em;z-index:2}.page-photo{position:absolute;overflow:hidden;background:#d4dbca;display:grid;place-items:center}.page-photo img{width:100%;height:100%;object-fit:cover}.empty-photo{font-size:12px;color:#92978a}.page-copy{position:absolute;left:9%;bottom:8%;display:flex;flex-direction:column;gap:4px;max-width:82%;color:#37463a}.page-copy strong{font-size:clamp(8px,1vw,12px);letter-spacing:.01em}.page-copy span{font-size:6px;letter-spacing:.06em;color:#677266}.page-number{position:absolute;right:8%;bottom:4%;font-size:7px;color:#7b8374}.book-gutter{position:absolute;left:50%;top:0;bottom:0;width:10px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,#0002,transparent 50%,#0002)}.turning.forward .open-book .page-button:last-of-type{animation:turnPage .42s ease-in-out;transform-origin:left center;z-index:2}.turning.backward .open-book .page-button:first-of-type{animation:turnPageBack .42s ease-in-out;transform-origin:right center;z-index:2}.filmstrip{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:14px 0;border-top:1px solid #dadccf}.film-thumb{flex:none;border:1.5px solid transparent;border-radius:9px;background:#ebece1;padding:6px;width:75px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.film-thumb.active{border-color:#667d65;background:#f9faf3}.film-thumb small{font-size:9px;color:#788175}.thumb-cover{width:25px;height:39px;box-shadow:2px 3px 2px #0002}.thumb-spread{display:flex;width:49px;height:35px;box-shadow:2px 3px 3px #0002}.thumb-spread i{width:50%;height:100%}.film-tip{font-size:11px;color:#969e90;margin-left:auto;white-space:nowrap}.editor{width:min(1290px,100%);margin:0 auto;padding:20px 26px 70px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.editor-heading h1{font-size:clamp(27px,3.1vw,42px);margin:8px 0 24px}.editor-grid{display:grid;grid-template-columns:minmax(270px,1fr) 385px;gap:25px;min-height:600px}.editor-canvas-wrap{background:#e3e8df;border:1px solid #d4dacd;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:35px}.editor-page{width:min(100%,420px);aspect-ratio:.71;box-shadow:10px 16px 25px #39453726;position:relative}.editor-page>.book-page{box-shadow:none}.editor-page .page-topline{font-size:9px}.editor-page .page-copy strong{font-size:15px}.editor-page .page-copy span{font-size:9px}.editor-page .page-number{font-size:10px}.slot-hit{position:absolute;border:2px solid transparent;background:transparent;padding:0}.slot-hit:hover,.slot-hit.selected{border-color:#f7ecab;box-shadow:inset 0 0 0 1px #59694c}.slot-hit.selected:after{content:"";position:absolute;right:-7px;bottom:-7px;background:#253b2a;border:2px solid #fff;width:10px;height:10px;border-radius:50%}.canvas-hint{font-size:11px;color:#788575}.editor-panel{border:1px solid #e2e2d7;border-radius:20px;background:#fffef9;overflow:auto;max-height:665px;padding:8px 24px;box-shadow:0 17px 35px #27382b0b}.panel-section{padding:19px 0 21px;border-bottom:1px solid #e9eadf}.panel-section:last-child{border:0}.panel-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-label span{font-size:12px;font-weight:700}.panel-label small{font-size:10px;color:#9ba095;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.layout-choice{border:1px solid #e0e3d8;background:#f6f7f1;border-radius:10px;padding:8px 5px}.layout-choice.selected{border:2px solid #59745e;background:#ebf2e6}.layout-choice small{display:block;margin-top:7px;font-size:9px;color:#6f796d}.layout-sample{height:66px;width:48px;background:#fffefa;display:block;position:relative;margin:auto;box-shadow:1px 2px 3px #0001}.layout-sample i{position:absolute;background:#b9cabc}.color-row{display:flex;gap:11px}.color-swatch{width:31px;height:31px;background:var(--swatch);border:1px solid #c9cfc2;border-radius:50%;padding:0}.color-swatch.selected{outline:2px solid #4c6450;outline-offset:3px}.photo-tools{display:flex;gap:8px}.photo-tools .secondary-btn{flex:1;padding:10px 8px;font-size:11px}.zoom-label{display:flex;justify-content:space-between;font-size:10px;color:#869183;margin-top:17px}.zoom-label b{color:#45694b}.zoom-label input{width:100%;margin-top:11px;accent-color:#667c5d}.zoom-label{flex-wrap:wrap}.field-label{display:flex;flex-direction:column;gap:8px;margin-top:11px;font-size:10px;color:#7c8478}.field-label input{border:1px solid #d9dfd4;background:#fbfcf7;border-radius:8px;padding:9px 11px;color:#2b362d;font-size:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#263529;color:#fff;border-radius:100px;padding:12px 18px;box-shadow:0 9px 26px #0003;font-size:12px;z-index:20}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes float{50%{transform:rotate(-8deg) translateY(-11px)}}@keyframes twinkle{50%{transform:rotate(22deg) scale(.8)}}@keyframes assemble{to{transform:rotate(2deg) translateY(-12px)}}@keyframes openCover{to{transform:rotateY(-85deg)}}@keyframes turnPage{50%{transform:rotateY(-85deg);filter:brightness(.78)}to{transform:rotateY(0)}}@keyframes turnPageBack{50%{transform:rotateY(85deg);filter:brightness(.78)}to{transform:rotateY(0)}}@media(max-width:920px){.shelf-screen{grid-template-columns:1fr;min-height:unset;padding-top:70px}.hero-art{height:420px}.hero-art:before{width:350px;height:350px}.hero-book .book-cover{width:220px;height:300px}.template-grid{gap:10px}.template-preview{height:210px}.mini-cover{transform:rotate(-8deg) translateY(8px) scale(.8);margin-right:-22px}.mini-page{transform:rotate(7deg) translate(-10px,16px) scale(.8)}.reader-area{grid-template-columns:42px minmax(280px,650px) 42px}.reader-note,.reader-side{display:none}.editor-grid{grid-template-columns:1fr}.editor-panel{max-height:none}.editor-canvas-wrap{min-height:560px}}@media(max-width:650px){.site-header{height:62px;padding:0 18px}.header-caption,.header-note{display:none}.site-footer{padding:16px 18px}.stepper{gap:4px;padding:17px 6px}.step{font-size:8px;gap:3px}.step b{width:19px;height:19px;font-size:8px}.step-line{width:8px}.shelf-screen{padding:50px 23px 40px}.hero-copy h1{font-size:47px}.hero-art{height:350px}.hero-art-caption{bottom:0}.flow-screen{padding:20px 15px 70px}.section-heading h1{font-size:38px}.template-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.template-card{display:flex;height:160px}.template-preview{height:100%;width:45%;flex:none}.template-card-foot{padding:20px;align-items:center}.template-card-foot strong{font-size:16px}.template-card-foot em{line-height:1.4}.mini-cover{transform:rotate(-8deg) scale(.57);margin-right:-50px}.mini-page{transform:rotate(7deg) scale(.58);margin-left:-32px}.photo-workarea{grid-template-columns:1fr}.upload-zone{min-height:270px}.photo-side{min-height:190px}.flow-actions{gap:10px}.flow-actions .primary-btn{padding-left:13px;font-size:11px;gap:7px}.workspace{padding:18px 12px 45px}.workspace-top{align-items:flex-start}.workspace-top h1{font-size:20px}.workspace-buttons .secondary-btn{display:none}.reader-area{grid-template-columns:29px minmax(200px,1fr) 29px;gap:2px;min-height:430px}.nav-arrow{width:28px;height:28px}.nav-arrow svg{width:14px}.book-stage{height:415px}.cover-button{width:213px;height:305px}.open-book{width:100%}.page-topline{font-size:4px}.page-copy strong{font-size:7px}.page-copy span{font-size:4px}.film-tip{display:none}.editor{padding:20px 14px 65px}.editor-heading h1{font-size:30px}.editor-heading .primary-btn{font-size:10px;padding-left:13px;gap:5px}.editor-canvas-wrap{min-height:460px;padding:25px}.editor-page{max-width:320px}.editor-panel{padding:5px 18px}.layout-grid{gap:5px}.layout-sample{height:57px;width:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.demo-link{border:0;background:transparent;color:#a76148;font-size:11px;font-weight:700;padding:3px 5px}.demo-link:hover{text-decoration:underline}.editor-actions{display:flex;align-items:center;gap:10px}.export-btn{white-space:nowrap}#print-book{display:none}@media(max-width:650px){.workspace-buttons .export-btn{display:inline-flex;padding:9px 10px;font-size:10px}.editor-actions{gap:6px}.editor-actions .export-btn{font-size:10px;padding:9px}}@page{size:A4 portrait;margin:10mm}@media print{html,body{width:auto;height:auto;margin:0;padding:0;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}#app{display:none!important}#print-book{display:block!important}.print-sheet{width:190mm;height:277mm;overflow:hidden;position:relative;break-after:page;page-break-after:always}.print-sheet:last-child{break-after:auto;page-break-after:auto}.print-sheet .book-page{width:100%;height:100%;box-shadow:none;filter:none}.print-sheet .page-topline{font-size:10pt}.print-sheet .page-copy strong{font-size:17pt}.print-sheet .page-copy span,.print-sheet .page-number{font-size:10pt}.print-cover{background:var(--cover);color:var(--cover-ink);padding:16mm;display:flex;box-sizing:border-box;flex-direction:column;gap:12mm}.print-cover>span{font-size:12pt;letter-spacing:.25em}.print-cover-photo{width:100%;height:150mm;overflow:hidden;background:#fff5}.print-cover-photo img{width:100%;height:100%;object-fit:cover}.print-cover h1{font-size:34pt;line-height:1.2;margin:0}.print-cover small{font-size:10pt;letter-spacing:.12em}}.book-page{color:var(--page-ink)}.book-page .page-topline,.book-page .page-number{color:var(--page-ink);opacity:.67}.book-page .page-copy,.book-page .page-copy span{color:var(--page-ink)}.page-art{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.book-page .page-copy{z-index:2}.page-theme-sunny .page-photo{border:2px solid #fffdf4;box-shadow:3px 4px #684e2830}.page-theme-sunny .page-copy strong{font-family:Arial,PingFang SC,sans-serif;font-weight:800;letter-spacing:.02em}.page-theme-sunny .page-copy span{font-weight:700;letter-spacing:.12em}.page-theme-calm .page-photo{box-shadow:0 0 0 1px #54685b55}.page-theme-calm .page-copy strong{font-family:Georgia,Songti SC,serif;font-weight:400;letter-spacing:.025em}.page-theme-calm .page-copy span{font-family:Arial,sans-serif;letter-spacing:.18em}.page-theme-night .page-photo{border:2px solid #d9b77a;box-shadow:0 9px 28px #0c152455}.page-theme-night .page-copy strong{font-family:Georgia,Songti SC,serif;font-weight:400;letter-spacing:.02em}.page-theme-night .page-copy span{letter-spacing:.17em}.closing-page .page-copy{inset:44% 12% auto;max-width:none;text-align:center;align-items:center}.closing-page .page-copy strong{font-size:clamp(15px,2.5vw,29px)}.closing-page .page-copy span{font-size:8px;margin-top:12px}.mini-page{background:var(--preview);color:var(--mini-ink)}.mini-page .mini-photo{background:color-mix(in srgb,var(--mini-accent) 55%,#ddd);position:relative;z-index:1}.mini-page .mini-photo.small{background:color-mix(in srgb,var(--mini-accent) 25%,#d8e1d7)}.mini-page .page-art{--art-accent:var(--mini-accent);--page-ink:var(--mini-ink)}.mini-theme-night .mini-photo{box-shadow:0 0 0 2px #d9b77a}.mini-theme-calm .mini-photo{box-shadow:none}.mini-theme-sunny .mini-photo{box-shadow:2px 3px #fff7}.layout-choice:disabled{opacity:.38;cursor:not-allowed}.image-export .print-sheet{width:210mm;height:297mm;padding:10mm;background:#fff;box-sizing:border-box}.image-export .print-sheet .book-page{width:100%;height:100%;box-shadow:none;filter:none}.image-export .print-sheet .page-topline{font-size:10pt}.image-export .print-sheet .page-copy strong{font-size:17pt}.image-export .print-sheet .page-copy span,.image-export .print-sheet .page-number{font-size:10pt}.image-export .print-cover{background:var(--cover);color:var(--cover-ink);padding:16mm;display:flex;box-sizing:border-box;flex-direction:column;gap:12mm}.image-export .print-cover>span{font-size:12pt;letter-spacing:.25em}.image-export .print-cover-photo{width:100%;height:150mm;overflow:hidden;background:#fff5}.image-export .print-cover-photo img{width:100%;height:100%;object-fit:cover}.image-export .print-cover h1{font-size:34pt;line-height:1.2;margin:0}.image-export .print-cover small{font-size:10pt;letter-spacing:.12em}.export-progress{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;border-radius:12px;background:#253e31;color:#fff;box-shadow:0 8px 24px #0003;font-size:13px}.site-header a.header-note{text-decoration:none;color:inherit}.creation-auto-note{margin:8px 0 0;color:#a9386d;font-size:12px;text-align:center}.portfolio-preview{background:#e8e9e6;gap:0;padding:24px}.portfolio-preview img{position:relative;width:45%;aspect-ratio:1;object-fit:cover;box-shadow:0 12px 24px #27352b2d;background:#fff}.portfolio-preview img:first-child{z-index:1;transform:rotate(-8deg) translate(10px)}.portfolio-preview img:last-child{transform:rotate(7deg) translate(-9px)}@media(max-width:650px){.portfolio-preview{width:45%;padding:10px}.portfolio-preview img{width:54%}}.editorial-preview{background:#27201c;gap:16px;justify-content:center;align-items:center}.editorial-cover-card,.editorial-inside-card{position:relative;display:block;overflow:hidden;width:38%;aspect-ratio:210/297;background:#f8f6f2;box-shadow:0 12px 24px #100c0a50}.editorial-cover-card{transform:rotate(-6deg) translate(6px);z-index:1}.editorial-inside-card{transform:rotate(5deg) translate(-6px)}.editorial-preview .editorial-cover-card img{position:absolute;width:92%;height:70%;left:4%;bottom:4%;object-fit:cover;box-shadow:none;transform:none;aspect-ratio:auto}.editorial-cover-card strong{position:absolute;left:8%;top:4%;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(19px,2.4vw,40px);line-height:.85;letter-spacing:-.08em;color:#221a17}.editorial-cover-card em{position:absolute;left:42%;top:38%;color:#fff;font-family:Caveat,cursive;font-size:clamp(15px,1.8vw,29px);z-index:1}.editorial-preview .editorial-inside-card img{position:absolute;width:88%;height:54%;left:6%;top:6%;object-fit:cover;box-shadow:none;transform:none;aspect-ratio:auto}.editorial-inside-card strong{position:absolute;top:67%;left:8%;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(9px,1.1vw,16px);line-height:1;color:#30251f}.editorial-inside-card small{position:absolute;bottom:5%;left:8%;font:6px Inter,Arial,sans-serif;letter-spacing:.15em;color:#a49a90}@media(max-width:650px){.editorial-preview{gap:4px}.editorial-cover-card,.editorial-inside-card{width:41%}}.creation-overlay{position:fixed;inset:0;z-index:50;background:#171c1bb3;display:flex;align-items:flex-end;justify-content:center}.creation-sheet{width:min(100%,480px);max-height:min(760px,92dvh);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;background:#fbfaf7;color:#272827;border-radius:24px 24px 0 0;box-shadow:0 -20px 70px #0003;font-family:Arial,PingFang SC,sans-serif}.creation-handle{flex:none;width:36px;height:4px;border-radius:4px;background:#c8c7c1;margin:10px auto 4px}.creation-head{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 22px 12px;flex:none}.creation-head small{font-size:11px;color:#8a8a84}.creation-head h2{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:5px 0 0}.creation-close,.creation-gallery header button{width:32px;height:32px;border:0;background:#f0efeb;color:#383a37;border-radius:50%;display:grid;place-items:center}.creation-close svg,.creation-gallery header svg{width:17px;height:17px}.creation-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px max(13%,calc((100% - 280px)/2)) 4px;flex:none}.creation-track::-webkit-scrollbar{display:none}.creation-card{flex:0 0 min(68vw,280px);scroll-snap-align:center;border:0;background:none;padding:0;text-align:center;opacity:.55;transform:scale(.92);transition:opacity .2s,transform .2s}.creation-card.selected{opacity:1;transform:scale(1)}.creation-card-art{height:270px;background:#eeeae4;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;box-sizing:border-box;overflow:hidden}.creation-cover,.creation-inside{display:block;width:47%;height:90%;overflow:hidden;background:#fff;box-shadow:0 10px 24px #25242035}.creation-cover img,.creation-inside img{width:100%;height:100%;object-fit:cover}.creation-cover .book-cover{box-shadow:none;border-left-width:5px}.creation-cover .cover-edition{font-size:4px;right:7px;top:10px}.creation-cover .cover-mark{transform:translate(-50%,-50%) scale(.45)}.creation-cover .cover-bottom{left:9px;right:6px;bottom:9px}.creation-cover .cover-bottom span{font-size:11px}.creation-cover .cover-bottom small{display:none}.creation-abstract{display:block;width:100%;height:100%;position:relative}.creation-abstract .page-art{width:100%;height:100%}.creation-card>strong{display:none}.creation-card>small{display:block;margin-top:8px;color:#555b55;font-size:12px}.creation-choice{text-align:center;flex:none;padding:8px 20px 16px}.creation-choice>strong{font-size:17px;display:block;min-height:25px}.creation-choice>small{display:block;color:#666d64;font-size:12px}.creation-dots{display:flex;justify-content:center;gap:7px;margin:11px 0 12px}.creation-dots span{width:5px;height:5px;border-radius:50%;background:#c9c7c0}.creation-dots span.active{width:16px;border-radius:8px;background:#292c29}.creation-examples{border:0;background:none;color:#555b55;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:4px}.creation-actions{display:flex;gap:12px;padding:14px 20px max(17px,env(safe-area-inset-bottom));border-top:1px solid #ecebe7;background:#fbfaf7;flex:none}.creation-actions button{height:47px;border-radius:11px;font-size:14px;font-weight:700}.creation-secondary{flex:1;background:#eeede8;border:0;color:#333}.creation-primary{flex:2;background:#252924;border:0;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.creation-primary svg{width:17px;height:17px}.creation-primary:disabled{background:#d4d5d1;color:#f7f7f5}.creation-photo-body{padding:8px 22px 18px;overflow-y:auto;flex:1;min-height:0}.creation-upload{height:180px;border:1.5px dashed #b8bab4;border-radius:13px;background:#f5f5f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.creation-upload.dragging{background:#e8eee7;border-color:#5b6c5b}.creation-plus{width:42px;height:42px;border-radius:50%;background:#e8eae5;display:grid;place-items:center}.creation-plus svg{width:22px;height:22px}.creation-upload strong{font-size:16px}.creation-upload small,.creation-empty{font-size:12px;color:#888b84}.creation-count{display:flex;align-items:baseline;gap:4px;margin:18px 0 10px;font-size:13px}.creation-count strong{font-size:19px}.creation-count span{margin-left:auto;color:#92958e;font-size:11px}.creation-empty{text-align:center;margin:30px 0 6px}.creation-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px 0 10px}.creation-thumb{position:relative;flex:none;width:68px;height:68px;border-radius:5px;overflow:visible}.creation-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}.creation-thumb button{position:absolute;right:-5px;top:-5px;background:#222;color:#fff;border:0;border-radius:50%;height:19px;width:19px;line-height:18px;padding:0}.creation-names{display:flex;align-items:center;gap:6px;margin-top:14px}.creation-names input{min-width:0;flex:1;height:37px;border:1px solid #dadbd4;border-radius:6px;background:#fff;padding:0 9px;font-size:12px}.creation-names span{color:#898b85}.creation-gallery{position:fixed;inset:0;z-index:70;background:#141414;color:#fff;overflow:auto}.creation-gallery header{height:60px;display:flex;align-items:center;gap:12px;padding:0 18px;position:sticky;top:0;background:#141414}.creation-gallery header button{background:#343434;color:#fff}.creation-gallery header strong{font-size:14px}.creation-gallery header span{margin-left:auto;font-size:12px;color:#aaa}.creation-gallery-pages{max-width:600px;margin:0 auto;padding:20px 28px 50px;display:grid;gap:30px}.creation-gallery figure{margin:0;text-align:center}.creation-gallery figure img{max-width:100%;max-height:70vh;object-fit:contain;box-shadow:0 10px 25px #0009}.creation-gallery figcaption{margin-top:10px;color:#aaa;font-size:12px}.creation-gallery-free{height:450px;max-width:320px;margin:auto}.creation-gallery-free .book-cover{height:400px}.creation-gallery-free>span{display:block;text-align:center;margin:10px}@media(max-width:650px){.creation-sheet{width:100%;max-height:92dvh}.creation-card-art{height:min(36dvh,255px)}.creation-track{padding-left:16%;padding-right:16%}.creation-head h2{font-size:21px}}body{overflow-x:hidden}body:has(.creation-overlay){overflow:hidden}