:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#4c4e46;background:#f7f7f3;font-synthesis:none;font-weight:400;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.4;cursor:wait}button:hover:not(:disabled){filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #7c8871;outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{height:91px;border-bottom:1px solid #e6e7df;display:flex;align-items:center;justify-content:space-between;padding:0 max(4.5vw,22px);background:#fcfcf8}.brand{display:flex;align-items:center;gap:24px}.brand>span{font-family:Georgia,serif;font-size:48px;letter-spacing:-3px}.brand-dot{color:#859074}.brand i{height:28px;width:1px;background:#dedfd6}.brand>div{font-size:12px;letter-spacing:2px;line-height:1.9}.brand small{display:block;font-size:8px;letter-spacing:2.1px;color:#96998c}nav{display:flex;align-items:center;gap:25px}nav button{font-size:11px}nav small{background:#eeefe6;padding:3px 5px;font-size:9px}.local-indicator{font-size:10px;color:#929688;margin-right:15px}.local-indicator:before,.status-dot{content:'';width:5px;height:5px;background:#8e9a7e;border-radius:50%;display:inline-block;margin-right:7px}main{max-width:1296px;margin:0 auto;padding:0 42px}.intro{display:flex;align-items:center;justify-content:space-between;padding:43px 0 32px}.eyebrow{font-size:8px;letter-spacing:2.8px;color:#9a9d90}h1{font-weight:400;font-size:29px;letter-spacing:3px;margin:13px 0}h1 em{font-family:"Songti SC",SimSun,serif;font-weight:400;font-style:normal;color:#7b826f}.intro p{font-size:11px;color:#989b90;letter-spacing:.6px;margin:0}.intro-note{display:flex;flex-direction:column;gap:14px;align-items:flex-end;padding-right:4px;color:#8a8f7e}.intro-note>span{font-family:serif;font-size:13px;letter-spacing:3px}.intro-note small{font-size:7px;letter-spacing:1.5px;color:#adb0a5}.workspace{display:grid;grid-template-columns:276px minmax(0,1fr);gap:26px;align-items:start}.settings{border:1px solid #e3e5db;background:#fcfcf9}summary{list-style:none;display:flex;align-items:center;gap:9px;height:49px;border-bottom:1px solid #e9eae3;padding:0 20px;font-size:11px}summary::-webkit-details-marker{display:none}summary>span{margin-left:auto;font-size:6px;letter-spacing:1px;color:#a0a394}.settings-body{padding:0 20px}section .section-label{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:16px;letter-spacing:.7px}.section-label>span{font-family:Georgia,serif;font-style:italic;font-size:11px;color:#b2b5a6}.settings section{padding:21px 0;border-bottom:1px solid #e9eae3}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size{border:1px solid #e6e8df;flex-direction:column;gap:5px;position:relative;padding:12px 2px 9px;min-height:83px}.size.active{background:#f0f2e9;border-color:#9ca68b}.mini-page{display:block;height:24px;border:1px solid #b7bcab;background:#fafbf6}.size strong{font-weight:500;font-size:10px}.size small{font-size:7px;color:#9b9e92;white-space:nowrap}.size>svg{position:absolute;right:4px;top:4px;color:#7f8c6c}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:14px}.switch-row small{font-size:7px;color:#a3a696;margin-left:6px}.switch-row>input{appearance:none;width:25px;height:14px;border-radius:8px;background:#d9ddcf;position:relative;cursor:pointer;flex-shrink:0}.switch-row>input:after{content:'';position:absolute;background:white;width:10px;height:10px;top:2px;left:2px;border-radius:50%;transition:.2s}.switch-row>input:checked{background:#83916e}.switch-row>input:checked:after{left:13px}select{color:#626759;border:1px solid #dfe3d5;border-radius:0;background:#fcfcf8;min-height:34px;padding:0 10px;width:100%;cursor:pointer}.density-label{display:flex;justify-content:space-between;margin-top:20px;font-size:10px}.density-label strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.density-label small{font-size:10px;margin-left:3px}input[type=range]{width:100%;accent-color:#828e6e;height:3px;margin:16px 0}.range-caption{display:flex;justify-content:space-between;font-size:7px;color:#a8ad9c}.palettes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette{position:relative;align-items:flex-start;flex-direction:column;padding:9px;border:1px solid #e8e9e1;gap:8px}.palette.active{border-color:#9fa88d;background:#f3f4ed}.palette>div{display:flex;width:100%;height:16px}.palette i{width:20%;height:100%}.palette span{font-size:9px}.palette>svg{position:absolute;right:7px;bottom:8px;color:#7d896a}.smart{margin:-1px 0 16px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.material{display:flex;align-items:center;justify-content:space-between;gap:5px}.material>label{display:flex;align-items:center;font-size:9px;gap:4px;white-space:nowrap}.material input{accent-color:#8b9778;width:11px;height:11px;margin:0}.muted{opacity:.5}.stepper{display:flex;align-items:center;border:1px solid #e4e6dc;gap:2px;font-size:9px;height:20px}.stepper button{padding:2px;width:16px}.stepper span{min-width:8px;text-align:center}.field-note{font-size:8px;color:#a0a591;margin:15px 0 0}.reset{width:100%;font-size:9px;color:#969d88;height:43px}.preview-area{min-width:0;border:1px solid #e3e5db;background:#fcfcf9}.preview-heading{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #e7e9df;font-size:11px}.preview-heading small{font-size:7px;color:#a6aa9b;margin-left:12px;letter-spacing:1px}.preview-tools{display:flex;align-items:center;gap:12px;font-size:9px;color:#999e8b}.preview-tools>span+span{border-left:1px solid #e1e5d8;padding-left:12px}.heart{padding:4px;margin-left:4px}.saved{color:#8d785e}.paper-stage{height:617px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#eaece4;background-image:radial-gradient(#a3aa8e18 .5px,transparent .5px);background-size:4px 4px;transition:opacity .2s}.generating{opacity:.5}.paper{height:526px;max-width:83%;box-shadow:0 2px 3px #41482c13,0 12px 27px #41482c12;position:relative;background:#faf9f5}.paper.spread{width:85%;height:auto;max-height:526px}.journal-svg{display:block;width:100%;height:100%}.vertical-note{position:absolute;writing-mode:vertical-rl;left:22px;top:43px;font-size:6px;letter-spacing:2px;color:#a6ad99}.size-note{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font-size:8px;color:#a0a791;white-space:nowrap;letter-spacing:.4px}.size-note span{padding:0 7px}.stage-corner{position:absolute;right:18px;bottom:20px;font-family:serif;font-size:8px;letter-spacing:1px;color:#a0a990}.preview-bottom{height:43px;border-bottom:1px solid #e8eade;display:flex;justify-content:space-between;align-items:center;padding:0 23px;color:#9fa590;font-size:8px}.preview-bottom>span{display:flex;align-items:center;gap:8px}.preview-bottom i{width:1px;height:8px;background:#dce0d2;margin:0 5px}.actions{display:flex;gap:10px;padding:20px 23px 12px}.actions>button{height:42px;font-size:10px;letter-spacing:.5px}.generate{background:#7e8a69;color:#fff;flex:1.25;padding:0 18px}.generate>svg:last-child{margin-left:auto}.batch{border:1px solid #dce1d1;flex:1}.export-controls{display:flex;align-items:center;border:1px solid #dce1d1;padding:0 6px}.export-controls>button{font-size:10px;height:40px;padding:0 8px}.export-controls label{display:flex;align-items:center;border-left:1px solid #e4e7dc;margin-left:4px;padding-left:6px}.export-controls select{border:0;min-height:24px;font-size:8px;padding:0 4px;width:36px;appearance:none}.seed-row{padding:0 23px 16px;display:flex;align-items:center;justify-content:space-between;color:#adb29f;font-size:7px}.seed-row form{display:flex;align-items:center;gap:6px}.seed-row input{border:0;border-bottom:1px dashed #d9dfcd;background:none;width:119px;min-width:0;padding:5px 0;font-size:8px;color:#7d876c}.seed-row button{font-size:7px;padding:4px}.quiet-footer{text-align:center;padding:39px 0 33px;color:#a1a993}.quiet-footer>svg{stroke-width:1.1}.quiet-footer p{font-size:12px;letter-spacing:2px;margin:13px 0}.quiet-footer p span{color:#8c967c}.quiet-footer small{font-size:6px;letter-spacing:2px;color:#b2b7a6}.site-footer{margin:0 4.5%;border-top:1px solid #e4e7db;padding:23px 0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a5ac98}.site-footer>span:first-child{font:21px Georgia,serif;color:#7a856b}.site-footer small{font-family:serif;font-size:7px;letter-spacing:1px;margin-left:12px}.site-footer>span:last-child{font-size:6px;letter-spacing:1.3px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#4c5541;color:#fafaf6;padding:13px 20px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 18px #0001;opacity:0;pointer-events:none;transition:.2s;font-size:11px;z-index:20;max-width:90vw;white-space:normal}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#2e362c55;backdrop-filter:blur(4px);z-index:10;display:flex;align-items:center;justify-content:center;padding:25px}.collection{background:#f7f8f1;width:950px;max-width:100%;max-height:88vh;overflow:auto;padding:27px}.collection header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4d5;margin-bottom:24px;padding-bottom:20px}.collection header small{font-size:8px;letter-spacing:2px;color:#98a18c}.collection h2{font-size:23px;font-weight:400;margin:12px 0 0;letter-spacing:3px}.collection h2 em{font-family:Georgia,serif;font-size:14px;color:#9ca68e;margin-left:15px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.thumb{width:100%;height:270px;padding:15px;background:#e5e9dc}.thumb svg{object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.thumb-caption{display:flex;justify-content:space-between;padding:10px 0;font-size:9px;color:#929b84}.thumb-caption button{padding:3px}.empty{text-align:center;padding:80px 0;line-height:3;color:#8e987e}.empty small{font-size:10px}@media(min-width:1500px){main{max-width:1380px}.paper-stage{height:672px}.paper{height:580px}}@media(max-width:1050px){main{padding:0 24px}.workspace{grid-template-columns:250px minmax(0,1fr);gap:18px}.settings-body{padding:0 15px}.actions{flex-wrap:wrap;padding:15px}.actions .generate{flex-basis:100%}.batch,.export-controls{flex:1;justify-content:center}.seed-row{padding:0 15px 12px;flex-wrap:wrap;gap:5px}.local-indicator{display:none}.paper-stage{height:590px}.paper{height:auto;width:75%;max-height:520px}.preview-heading{padding:0 15px}.preview-heading small{display:none}.preview-bottom>span:last-child{display:none}.stage-corner{display:none}.collection-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.topbar{height:74px;padding:0 18px}.brand{gap:12px}.brand>span{font-size:39px}.brand>div{font-size:9px;letter-spacing:1px}.brand small{font-size:6px}.brand i{height:22px}nav{gap:12px}nav button{padding:5px}nav button>span{display:none}nav small{font-size:7px}main{padding:0 17px}.intro{padding:28px 0 24px}.eyebrow{font-size:6px;letter-spacing:2px}h1{font-size:23px;letter-spacing:1px;margin:12px 0}.intro p{font-size:9px;line-height:1.9;max-width:280px}.intro-note{display:none}.workspace{display:flex;flex-direction:column;gap:17px}.preview-area{width:100%;order:0}.settings{width:100%;order:1}.settings-body{padding:0 19px}.settings section{padding:18px 0}.settings summary{cursor:pointer}.settings summary:after{content:'⌄';margin-left:8px}.settings-body .size-grid{grid-template-columns:repeat(6,1fr)}.size{min-height:77px}.size small{font-size:6px}.settings-body .palettes{grid-template-columns:repeat(4,1fr)}.material-grid{grid-template-columns:repeat(3,1fr);gap:15px}.paper-stage{height:548px}.paper{width:auto;height:458px;max-width:80%}.paper.spread{width:83%;height:auto}.vertical-note{left:12px;font-size:5px}.preview-heading{height:44px;padding:0 12px}.preview-tools{gap:8px;font-size:8px}.preview-bottom{padding:0 14px;font-size:7px}.actions{padding:14px 12px 10px;gap:8px}.actions .generate{flex-basis:auto;flex:1.3;padding:0 12px}.actions .generate>svg:last-child{display:none}.actions .batch{flex:1;font-size:9px}.export-controls{width:100%;flex-basis:100%;justify-content:center}.export-controls>button{height:33px}.seed-row{padding:0 12px 12px}.seed-row>span{font-size:6px}.quiet-footer{padding:29px 0}.site-footer{padding:18px 0;gap:10px;flex-wrap:wrap}.site-footer>span:last-child{display:none}.collection{padding:18px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:13px}.thumb{height:235px;padding:10px}.modal-backdrop{padding:13px}.toast{font-size:10px}.switch-row{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:370px){.material-grid{grid-template-columns:repeat(2,1fr)}.settings-body .size-grid{grid-template-columns:repeat(3,1fr)}.paper-stage{height:490px}.paper{height:410px}.brand>div{display:none}.seed-row>span{display:none}.preview-tools>span+span{display:none}}


:root{--paper-height:526px}@media(min-width:1500px){:root{--paper-height:580px}}@media(max-width:700px){:root{--paper-height:458px}}