:root{font-family:Arial,sans-serif;color:#192321;background:#f4f5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}header{height:72px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ded5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em}.brand b{color:#8f9c93;font-weight:500}.brand-mark{display:grid;place-items:center;background:#d3e947;border-radius:50%;height:30px;width:30px;font-size:24px;letter-spacing:0}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover{color:#397a5e}main{max-width:1560px;margin:auto}.hero{padding:65px clamp(20px,6vw,94px) 47px;position:relative;overflow:hidden}.hero:after{content:'✳';font-size:440px;color:#e6eadc;position:absolute;right:3%;top:-85px;line-height:1;z-index:-1}.eyebrow,.section-index{font-size:11px;font-weight:700;letter-spacing:.2em;color:#5b826c}.hero h1{font-family:Arial,sans-serif;font-size:clamp(58px,8.4vw,130px);letter-spacing:-.085em;line-height:.89;margin:21px 0}.hero h1 em{font-style:normal;color:#519270}.hero p{font-size:18px;line-height:1.55;max-width:560px;color:#53635a}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.hero-pills span{border:1px solid #bac7bb;border-radius:99px;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:minmax(305px,420px) minmax(0,1fr);gap:18px;padding:0 clamp(20px,6vw,94px) 95px}.controls,.preview-panel{border:1px solid #d5ddd1;border-radius:15px;background:#fff}.controls{padding:22px;height:max-content;position:sticky;top:18px}.panel-head,.preview-bar,.preview-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:700}.panel-head{padding-bottom:21px;border-bottom:1px solid #e5e9e2}.dot{height:9px;width:9px;background:#a6cf45;border-radius:50%}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eff3eb;padding:5px;border-radius:10px;margin:22px 0}.mode-tabs button{border:0;background:transparent;padding:11px;border-radius:7px;font-size:13px;font-weight:700;color:#738278}.mode-tabs button.active{background:#fff;color:#193526;box-shadow:0 2px 8px #203a2115}.control-group{display:grid;gap:8px}.control-group[hidden]{display:none}.controls label:not(.upload){display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-top:11px}.controls label span{color:#6d936f}.controls select,.controls input[type=range]{width:100%}.controls select{border:1px solid #d7dfd5;background:#fff;border-radius:8px;padding:11px 12px;margin:6px 0 7px}.controls input[type=range]{accent-color:#4a9270;margin:4px 0 14px}.secondary,.primary{width:100%;border-radius:8px;border:1px solid #b9c9bd;background:#fff;color:#1b3524;padding:12px 14px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.secondary:hover{background:#edf5e9}.primary{background:#d3ea4f;border-color:#d3ea4f}.primary:hover{background:#bdd936}.divider{height:1px;background:#e5e9e2;margin:22px 0 12px}.actions{display:grid;gap:9px;margin-top:15px}#status,.muted,.privacy-note{font-size:12px;color:#728178;line-height:1.5}.upload{border:1.5px dashed #9abc9e;border-radius:11px;display:flex;flex-direction:column;align-items:center;padding:22px 10px;cursor:pointer;background:#f9fbf6}.upload:hover{background:#f2f8ec}.upload-icon{font-size:27px;color:#3f8d62}.upload small{color:#7b897d;margin-top:5px}.privacy-note{background:#eef4e9;border-radius:8px;padding:11px;margin:3px 0 0}.preview-panel{background:#e7ebe2;padding:19px 22px 21px;min-width:0}.preview-bar{padding-bottom:15px}.preview-bar span:last-child{color:#7b917b}.sheet-wrap{display:grid;place-items:center;background:#dce4d7;border-radius:8px;min-height:650px;padding:25px}.sheet-wrap canvas{display:block;max-width:min(100%,480px);max-height:650px;width:auto;height:auto;background:#fff;box-shadow:0 20px 40px #182b222b}.preview-foot{padding-top:16px;color:#6c7d6e}.info{background:#e9f1e4;padding:80px clamp(20px,6vw,94px);display:grid;grid-template-columns:1fr 1.3fr;gap:50px}.info h2,.faq h2{font-family:Arial,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1.06;letter-spacing:-.06em;margin:15px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-top:1px solid #8daa8f;padding-top:16px}.steps b{font-family:Arial;color:#4e8661;font-size:12px}.steps h3{font-size:17px;margin:25px 0 8px}.steps p{font-size:13px;color:#617367;line-height:1.6}.faq{max-width:900px;margin:auto;padding:85px 20px}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid #c8d5c9;padding:20px 0}.faq details:last-child{border-bottom:1px solid #c8d5c9}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#63736a;line-height:1.6;max-width:700px}footer{border-top:1px solid #d4dfd5;padding:30px clamp(20px,6vw,94px);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;font-weight:700;color:#6e816f}footer a{text-decoration:none}@media(max-width:850px){.workspace,.info{grid-template-columns:1fr}.controls{position:static}.sheet-wrap{min-height:500px}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{height:60px}nav{gap:13px;font-size:11px}.brand{font-size:10px}.brand b{display:none}.hero{padding-top:52px}.hero h1{font-size:clamp(58px,16vw,90px)}.hero p{font-size:15px}.workspace{padding-bottom:55px}.preview-panel{padding:15px}.sheet-wrap{padding:13px;min-height:400px}.steps{grid-template-columns:1fr}.info{padding-top:50px;padding-bottom:50px}footer{gap:20px;flex-wrap:wrap}}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>*:not(main){display:none!important}main>*:not(.workspace){display:none!important}.workspace{display:block!important;padding:0!important;margin:0!important}.controls,.preview-bar,.preview-foot{display:none!important}.preview-panel,.sheet-wrap{display:block!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#fff!important;min-height:0!important}.sheet-wrap canvas{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;page-break-after:auto!important}html:has(#paper option[value="A4"]:checked) .sheet-wrap canvas{width:209mm!important;height:296mm!important}html:has(#paper option[value="Letter"]:checked) .sheet-wrap canvas{width:215mm!important;height:278mm!important}}