*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#242823;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label.upload{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label.upload:focus-visible{outline:3px solid #9cae81;outline-offset:3px}header{height:87px;border-bottom:1px solid #dedfd6;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;background:#f7f7f2}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:27px;font-weight:700;letter-spacing:-1.3px}.mark{font-size:37px;line-height:1}.beta{font-size:9px;font-weight:500;letter-spacing:1px;background:#e6e9df;padding:6px 8px;margin-left:7px;border-radius:4px}nav{display:flex;gap:18px;align-items:center}.quiet,.text-button{border:0;background:none;color:inherit}.outline{border:1px solid #b9beb1;padding:11px 15px;background:transparent;border-radius:5px}main{max-width:1600px;margin:auto;padding:44px 4.2% 0}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:24px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;margin:0 0 17px;color:#6a7463}h1{font-size:clamp(37px,4.5vw,63px);line-height:1.04;letter-spacing:-2.4px;font-weight:500;margin:0 0 18px}h1 em{font-family:Georgia,serif;font-weight:400;color:#70845a}.subtitle{color:#70766c;font-size:15px;line-height:1.6;margin:0}.intro-side{font-size:11px;white-space:nowrap;padding-bottom:7px;color:#596452}.intro-side small{display:block;color:#7a8075;padding-top:10px;text-align:right}.green-dot{display:inline-block;width:6px;height:6px;background:#67835a;border-radius:50%;margin-right:8px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:38px;align-items:start}aside{background:#fff;border:1px solid #e1e4d9;border-radius:10px;padding:24px;position:sticky;top:20px}.panel-title,.section-line{display:flex;align-items:center;gap:11px}.step{font:11px monospace;color:#748166;border:1px solid #cdd5c3;border-radius:50%;display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;flex:none}h2{font-weight:500;font-size:15px;margin:0;letter-spacing:-.3px}.panel-title p{font-size:11px;color:#858c7e;margin:6px 0 0}.upload{margin:22px 0 20px;min-height:148px;border:1px dashed #bfc9b3;background:#f6f8f2;border-radius:7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;cursor:pointer;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden}.upload.has-image{min-height:160px;background-color:#f0f1ec}.upload.has-image>*{visibility:hidden}.upload.drag{border-color:#344d2b;background-color:#e8efdf}.upload-icon{font-size:25px;color:#62734f}.upload strong{font-size:12px;font-weight:500}.upload span:not(.upload-icon){font-size:10px;color:#7c8473}.upload small{font-size:9px;color:#949b8b}#imageDetails{margin-top:-10px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}#imageDetails[hidden]{display:none}#imageName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{font-size:10px;text-decoration:underline}.field{display:flex;flex-direction:column;gap:8px;margin:15px 0}.field>span{font-size:11px;font-weight:500;color:#656c5f}.field input,.field select{width:100%;padding:11px;border:1px solid #dce0d5;border-radius:5px;background:#fff;min-width:0;font-size:12px;color:#30362c}.two-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.two-fields .field{margin:0}.section-line{margin:24px 0 15px;padding-top:21px;border-top:1px solid #eaede4}.section-line h2{font-size:13px}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.direction{padding:5px 5px 10px;border:1px solid #e1e4da;background:#fff;border-radius:5px;text-align:left;min-width:0}.direction.active{border-color:#627a4d;box-shadow:0 0 0 1px #627a4d}.theme-preview{display:flex;height:58px;border-radius:3px;font:27px Georgia,serif;align-items:center;justify-content:space-around;margin-bottom:8px}.theme-preview span{font-size:18px}.editorial{color:#742c3c;background:#efe4d4}.bold{color:#e7f95b;background:#353fd0;font-family:Arial,sans-serif;font-weight:bold}.organic{color:#dce1bb;background:#344b3b}.direction b{display:block;font-size:9px;font-weight:500;white-space:nowrap}.direction small{display:block;font-size:8px;margin-top:5px;color:#838b79}.accent-row{display:flex;align-items:center;gap:8px;margin:20px 0;font-size:10px}.accent-row label{margin-right:auto;color:#707a65}.accent-row input{height:23px;width:25px;border:none;padding:0;background:none}.accent-row code{font-size:9px;color:#7a826f}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:#273e27;color:#fff;padding:15px 17px;border-radius:5px;font-size:12px}.primary:hover,.dark-button:hover{background:#465c38}.honesty{font-size:9px;line-height:1.65;color:#8a9083;margin:12px 1px 0}.result-header{display:flex;align-items:center;justify-content:space-between;margin:3px 0 22px;gap:10px}.result-header .eyebrow{font-size:9px;margin-bottom:10px;letter-spacing:1.3px}.result-header h2{font-size:21px;display:flex;align-items:center;gap:13px;overflow-wrap:anywhere}.status{background:#e8eddf;color:#6d7d5d;border-radius:20px;font-size:9px;padding:5px 9px;letter-spacing:0;white-space:nowrap}.dark-button{color:#fff;background:#2c3329;border:0;border-radius:5px;padding:12px 15px;font-size:11px;white-space:nowrap}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.asset{min-width:0;border:1px solid #dedfd5;border-radius:6px;overflow:hidden;background:#fdfdf9}.asset.cover,.asset.wide{grid-column:1/-1}.asset canvas{width:100%;height:auto;display:block}.asset-caption{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;font-size:10px;color:#737a6a;letter-spacing:.2px}.asset-caption button{background:transparent;border:0;color:#656f5b;min-width:30px;min-height:25px}.export-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf0e5;border:1px solid #dbe2cd;border-radius:7px;padding:23px;margin-top:23px}.export-panel .step{float:left;margin-right:12px}.export-panel h3{font-size:13px;font-weight:500;margin:4px 0 10px}.export-panel p{font-size:10px;line-height:1.7;color:#79846d;margin:0}.scope{margin-top:18px;color:#89907f;font-size:10px;line-height:1.8}.scope summary{cursor:pointer}.scope p{max-width:700px}footer{margin:50px 0 0;padding:25px 0;border-top:1px solid #dde0d4;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#858e79}footer span:first-child{font-size:16px;color:#526145;letter-spacing:-.5px}footer span:last-child{font-size:8px;letter-spacing:2px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253c28;color:#fff;padding:13px 22px;border-radius:8px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;font-size:12px;max-width:90vw;line-height:1.5}#toast.show{opacity:1}button:disabled{opacity:.5;cursor:wait}@media(min-width:1400px){.workspace{grid-template-columns:370px minmax(0,1fr);gap:46px}aside{padding:28px}}@media(max-width:1050px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:22px}aside{padding:19px}.intro-side{display:none}.export-panel{flex-direction:column;align-items:start}.beta{display:none}h1{font-size:48px}}@media(max-width:750px){header{height:70px;padding:0 20px}.logo{font-size:23px}.mark{font-size:29px}nav{gap:9px}.quiet,.outline{font-size:10px}.outline{padding:9px}.intro{margin-bottom:25px}main{padding:30px 20px 0}h1{font-size:43px;letter-spacing:-1.8px}.subtitle{font-size:13px}.eyebrow{font-size:8px}.workspace{grid-template-columns:1fr;gap:30px}aside{position:static;padding:23px}.directions{gap:10px}.direction b{font-size:11px}.direction small{font-size:10px}.theme-preview{height:65px}.honesty{font-size:10px}.asset-grid{gap:12px}.result-header h2{font-size:18px}.asset-caption{padding:6px 9px;font-size:8px}.export-panel{flex-direction:row;padding:17px}.export-panel h3{line-height:1.5}.export-panel .step{display:none}.dark-button{font-size:10px;padding:11px}footer span:last-child{display:none}footer{align-items:center;font-size:9px}.field input,.field select{font-size:16px}.two-fields{grid-template-columns:1.1fr 1fr}}

.foundation-fields{border:1px solid #e1e5d8;padding:12px;border-radius:5px;margin-top:17px;font-size:11px;color:#68765b}.foundation-fields summary{cursor:pointer}.field textarea{padding:10px;border:1px solid #dce0d5;border-radius:5px;font:12px Arial,sans-serif;min-height:95px;resize:vertical;line-height:1.6}.book-panel{margin-top:26px;padding:25px;background:#fff;border:1px solid #dce0d3;border-radius:7px}.book-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.book-heading .eyebrow{font-size:9px}.book-heading h2{font-size:21px;line-height:1.3}.book-heading p:not(.eyebrow){font-size:11px;color:#7a8570;line-height:1.6}.book-badge{font-size:8px;letter-spacing:1px;white-space:nowrap;padding:7px;background:#f0f2e8;color:#6e7b5e}.book-preview{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;margin:22px 0;align-items:center}#bookCover{box-shadow:0 7px 18px #00000012;transform:rotate(-2deg);border:1px solid #dedfce}#bookCover canvas{width:100%;height:auto;display:block}.book-chapters span{font:9px monospace;color:#99a187}.book-chapters p{font-size:11px;line-height:1.6;margin:5px 0 14px;color:#48533b}.book-chapters .outline{font-size:10px;padding:9px}.book-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e7eade;padding-top:18px}.book-bottom>span{font-size:10px;line-height:1.6;color:#818975;max-width:290px}dialog{width:min(1100px,95vw);max-height:95vh;overflow:auto;border:1px solid #dae0ce;border-radius:10px;padding:22px;background:#f5f5ee}dialog::backdrop{background:#172012bd}.dialog-bar,.book-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-bar{margin-bottom:18px}.dialog-bar strong{font-size:18px;font-weight:500}.dialog-bar span{font:12px monospace;color:#7b846f}#bookPage canvas{width:100%;height:auto;display:block;border:1px solid #e0e2d5}.book-controls{margin-top:18px}@media(max-width:750px){.book-panel{padding:18px}.book-heading h2{font-size:18px}.book-preview{gap:15px;grid-template-columns:1.2fr 1fr}.book-chapters p{font-size:9px;margin-bottom:9px}.book-bottom{align-items:start;flex-direction:column}.book-badge{font-size:7px}.field textarea{font-size:16px}.book-chapters .outline{font-size:9px;padding:7px}}