:root{font-family:Inter,Arial,sans-serif;color:#243b32;background:#f7f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1440px;margin:auto}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3d8}.brand{color:inherit;text-decoration:none;font-weight:800;letter-spacing:2px;font-size:15px;display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:32px;height:36px;background:#294a3c;color:#fff;font-size:23px;border-radius:5px}.local-badge{font-size:12px;color:#64756b}i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#548568;margin-right:7px}main{padding:46px 5% 26px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6d8474;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,54px);letter-spacing:-2px;margin:14px 0}.intro>p{color:#748176;font-size:14px;margin-bottom:32px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.panel{background:#fff;border:1px solid #dce3d8;border-radius:12px;padding:25px}.section-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#738477;font-weight:700;margin-bottom:23px}.dimensions-title{border-top:1px solid #e6ebe2;padding-top:24px;margin-top:24px}label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin:17px 0 9px}label span{font-weight:400;color:#819083}input{width:100%;background:#fafbf7;border:1px solid #dce3d8;border-radius:6px;padding:12px;color:#293d32;font:inherit;font-size:14px}input:focus{outline:2px solid #7c9f88;outline-offset:2px}#text{font-size:22px;font-weight:600;letter-spacing:1px}.help{color:#839083;font-size:10px;line-height:1.5;margin:8px 0 14px}.primary{width:100%;background:#2c4d3c;color:#fff;border:0;border-radius:7px;padding:15px;display:flex;justify-content:space-between;font-weight:600;font-size:13px;cursor:pointer}.primary:hover{background:#3f654e}button:focus-visible,a:focus-visible{outline:3px solid #af7849;outline-offset:3px}.primary:disabled{opacity:.45;cursor:not-allowed}.download-note{font-size:10px;text-align:center;color:#839083;margin-bottom:0}#error{font-size:12px;color:#aa4132;line-height:1.5;min-height:18px}.preview{min-width:0;border:1px solid #d3ddce;border-radius:12px;background:#e9ece6;overflow:hidden;position:relative;display:flex;flex-direction:column}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:12px}.preview-top>span{font-size:10px;font-weight:600;letter-spacing:1.4px}.preview-top button{background:#f6f8f1;border:1px solid #d1dacc;color:#4e6456;padding:9px 12px;border-radius:6px;font-size:11px;cursor:pointer}#viewport{flex:1;min-height:400px;height:440px;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.preview-bottom{font-size:10px;color:#758373;flex-wrap:wrap}#size{font-variant-numeric:tabular-nums;color:#435e4d}#preview-error{font-size:13px;color:#aa4132;padding:0 22px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.notes>div{display:flex;gap:13px}.notes>div>span{color:#839b85;font-family:Georgia,serif;font-size:22px;margin-top:12px}.notes p{font-size:11px;color:#7a8779;line-height:1.7}.notes strong{display:block;color:#3b5343;font-size:12px}footer{border-top:1px solid #dce3d8;padding:22px 5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#82907e}footer a{color:inherit}@media(max-width:800px){.workspace{grid-template-columns:1fr}.notes{grid-template-columns:1fr;gap:0}.local-badge{font-size:10px}main{padding-top:30px}#viewport{height:350px;min-height:350px}footer{gap:15px;flex-wrap:wrap}.panel{padding:20px}.preview-bottom{font-size:9px}}