:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#28483a;background:#f5f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}[hidden]{display:none!important}header{padding:22px max(24px,calc((100% - 1200px)/2));background:#fffef8;border-bottom:1px solid #e1e5d8;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:#315c4c;text-decoration:none;font-family:serif;font-size:24px;white-space:nowrap}.brand small{font-size:12px;margin-left:12px;color:#788576}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{color:#687a6c;text-decoration:none;font-size:14px}nav [aria-current]{color:#315c4c;font-weight:600}main{max-width:1248px;padding:36px 24px 64px;margin:auto}h1,h2,p{margin-top:0}h1{font-size:30px;font-weight:500;letter-spacing:1px;margin-bottom:12px}h2{font-size:18px;font-weight:600;margin-bottom:14px}.heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.heading{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:3px;color:#7e8e76;margin-bottom:8px}.muted,.hint{color:#778170;font-size:13px}.muted{margin-bottom:0}.hint{font-size:12px;line-height:1.8}.panel{background:#fffef9;border:1px solid #dfe4d5;border-radius:18px;padding:26px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.hero-preview{position:relative;aspect-ratio:694/612;width:100%;max-width:480px;border-radius:20px;overflow:hidden;background:#e5e8df;margin:4px auto 16px}.hero-preview>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#142e2670)}.hero-copy{position:absolute;left:7%;right:7%;bottom:6%;color:white;pointer-events:none}.hero-copy span{font-size:11px;letter-spacing:2px}.hero-copy strong{display:block;font-family:serif;font-weight:500;font-size:clamp(22px,3vw,34px);margin:8px 0}.hero-copy p{font-size:12px;margin:0}.badge{font-size:11px;color:#697b5d;background:#edf1e5;border-radius:20px;padding:5px 10px;white-space:nowrap}.controls{display:flex;flex-direction:column;gap:18px}.controls h2{margin:0}.controls label{display:block;font-size:14px;font-weight:500}.controls input{display:block;width:100%;margin-top:10px}.file-label{padding:18px;border:1px dashed #b7c6ad;border-radius:12px;background:#f5f7ef}.file-label input{font-size:13px;color:#65735c;max-width:100%}.file-label .hint{display:block;margin-top:9px}.selected-name{font-size:13px;margin:0;overflow-wrap:anywhere}input[type=range]{accent-color:#315c4c;min-height:32px;cursor:pointer}output{float:right;font-size:12px;color:#778170}.controls p{margin-bottom:0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}button,.button{font:inherit;font-size:14px;min-height:44px;border:1px solid #ccd8c2;background:#fffef9;color:#315c4c;border-radius:10px;padding:10px 17px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:#315c4c;color:#fff;border-color:#315c4c}.text-button{background:transparent;border-color:transparent}button:disabled,input:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a6bd91;outline-offset:3px}.library{margin-top:24px}.image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:20px}.image-choice{display:block;padding:7px;overflow:hidden;text-align:left;min-width:0}.image-choice img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:6px;display:block;background:#edf1e5}.image-choice span{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px 2px 0}.image-choice[aria-pressed=true]{border:2px solid #315c4c;background:#edf1e5}.error,.notice{padding:14px 18px;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.error{color:#963e32;background:#fbebe5}.notice{color:#315c4c;background:#e7efe0}progress{width:100%;accent-color:#315c4c}.section-heading h2{margin-bottom:5px}.preview-panel>.hint{margin-bottom:0}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;padding:18px 20px;gap:14px}nav{gap:20px}main{padding:24px 16px 44px}.heading{align-items:flex-start;flex-direction:column;gap:10px}h1{font-size:25px}.editor-grid{grid-template-columns:1fr;gap:16px}.panel{padding:18px;border-radius:14px}.section-heading{align-items:flex-start}.badge{font-size:10px}.hero-copy strong{font-size:28px}.actions button{flex:1}.actions .text-button{flex-basis:100%}.image-library{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Match the native 694rpx by 612rpx hero; every cqw value equals native rpx / 6.94. */
.hero-preview{container-type:inline-size;background:#e7dfcf}
.hero-preview>img{position:absolute;inset:0}
.hero-shade{background:linear-gradient(90deg,rgba(246,242,229,.94),rgba(246,242,229,.8) 25%,rgba(246,242,229,.2) 52%,rgba(246,242,229,0) 73%)}
.hero-copy{position:relative;inset:auto;width:55%;padding:7.4928cqw 4.611cqw;box-sizing:border-box;font-size:4.0346cqw;color:#234d3e;pointer-events:none}
.hero-copy .hero-eyebrow{font-size:2.4496cqw;letter-spacing:.2882cqw;color:#9a8056}
.hero-title{font-family:serif;font-size:5.9078cqw;font-weight:600;letter-spacing:.2882cqw;line-height:1.6;color:#234d3e;margin-top:3.7464cqw;white-space:nowrap}
.hero-subtitle{font-size:3.4582cqw;color:#50654e;letter-spacing:.1441cqw;line-height:1.8;margin-top:2.1614cqw;white-space:nowrap}
.hero-line{width:6.9164cqw;height:.2882cqw;background:#a38c62;margin:4.3228cqw 0 3.0259cqw}
.hero-topics{font-size:2.7378cqw;line-height:1.95;color:#64705c;white-space:nowrap}
.hero-sign{position:absolute;bottom:3.3141cqw;right:3.6023cqw;font-size:2.5937cqw;color:#fffdf4;background:rgba(34,53,37,.55);padding:1.0086cqw 2.3055cqw;border-radius:3.1700cqw;letter-spacing:.1441cqw;pointer-events:none}
.section-heading>button{flex-shrink:0;white-space:nowrap}