:root{font-family:Arial,Helvetica,sans-serif;color:#202b29;background:#f1f3f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:90px;background:#fff;border-bottom:1px solid #dce2df;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;text-decoration:none;color:#173e35;font-size:36px;font-weight:800;letter-spacing:-2px;gap:12px}.mark{font-size:36px}.brand-sub{font-size:11px;line-height:1.5;max-width:120px;letter-spacing:2px;font-weight:600;border-left:1px solid #ccc;margin-left:14px;padding-left:24px}.header-note{font-size:14px;color:#66716d}main{max-width:1360px;margin:auto;padding:38px 5% 20px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow,.edition{font-size:11px;letter-spacing:2px;font-weight:bold;color:#587168}h1{font-family:Georgia,serif;font-weight:400;font-size:40px;line-height:1.08;letter-spacing:-1.4px;margin:12px 0}p{line-height:1.5}.intro p{font-size:16px;color:#68736e;margin:12px 0 0}.edition{padding-bottom:8px}.workspace{display:grid;grid-template-columns:315px minmax(0,1fr);gap:28px}aside{background:white;border:1px solid #dde3df;border-radius:12px;padding:26px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.section-title>span{font-family:Georgia,serif;color:#7d958c;font-size:15px}h2{font-size:16px;margin:0;font-weight:600}label{font-size:14px;font-weight:600;display:block;margin-bottom:9px}select,input[type=number]{width:100%;font:inherit;font-size:15px;background:#fff;border:1px solid #cbd5d0;border-radius:6px;padding:12px;color:#263b33}select{margin-bottom:24px}.segments{display:flex;background:#f1f4f2;padding:4px;border-radius:7px}.segments button{flex:1;padding:10px 5px;border:0;background:transparent;border-radius:5px;color:#5c6d65;font-weight:600}.segments button.active{color:#173e35;background:white;box-shadow:0 1px 4px #0002}.hint{font-size:12px;color:#718078;margin:10px 0 20px;line-height:1.55}.centered{text-align:center;margin-bottom:0}button{font-family:inherit;font-size:14px;cursor:pointer;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b89845;outline-offset:3px}.primary,.download,.secondary{width:100%;border-radius:6px;padding:14px;border:0;font-weight:600}.primary{background:#173f35;color:white;font-size:15px}.primary:hover{background:#245c4d}.primary span{font-size:20px;margin-right:7px}.export{border-top:1px solid #e4e8e5;margin-top:25px;padding-top:25px}.unit-input{display:flex;align-items:center;position:relative}.unit-input input{padding-right:45px}.unit-input span{position:absolute;right:14px;font-size:14px;color:#68796e}.download{display:flex;align-items:center;gap:9px;background:#e9efe9;color:#214333}.download small{font-size:9px;margin-left:auto;letter-spacing:.6px}.secondary{margin-top:10px;background:white;border:1px solid #d6dfd9;color:#354b40}.preview{min-width:0;background:#e5eae7;border:1px solid #d8e0da;border-radius:12px;padding:25px 30px 15px}.preview-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.paper-label{font-size:10px;letter-spacing:1.6px;color:#67796e}.preview-bar h2{margin-top:7px;font-size:17px}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;margin:0;cursor:pointer}.toggle input{position:absolute;opacity:0}.switch{width:34px;height:20px;border-radius:20px;background:#a8b7ae;position:relative}.switch:before{content:'';width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.switch{background:#214d3e}.toggle input:checked+.switch:before{transform:translateX(14px)}.toggle input:focus-visible+.switch{outline:3px solid #b89845}.paper-wrap{display:flex;justify-content:center;min-height:440px;align-items:center}.paper{background:#fff;box-shadow:0 8px 25px #1c342213;width:100%;max-width:540px;line-height:0}canvas{width:100%;height:auto;max-height:590px;object-fit:contain}.preview-footer{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#667a6c;margin-top:24px}.verified{color:#315746}.entrance{font-size:12px;text-align:center;color:#6b7d70;margin:15px 0 0}footer{display:flex;gap:20px;padding:25px 0;color:#7a867e;font-size:12px;line-height:1.6}footer strong{white-space:nowrap;color:#4c6355}#status{font-size:14px;color:#224c38;min-height:22px;padding-top:12px}.dimensions{display:flex;gap:10px;margin-bottom:20px}.dimensions[hidden]{display:none}.dimensions label{width:50%}.dimensions input{margin-top:8px}@media(min-width:1300px){main{padding-top:45px}.paper{max-width:570px}}@media(max-width:850px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:15px}aside{padding:20px}.preview{padding:20px 15px}.preview-bar{align-items:start;gap:15px;flex-direction:column}.paper-wrap{min-height:300px}.preview-footer{flex-direction:column;gap:8px}.edition{display:none}}@media(max-width:620px){header{height:75px}.header-note{display:none}main{padding:25px 5%}h1{font-size:34px}.workspace{display:flex;flex-direction:column}.preview{order:-1}.paper{max-width:400px}.paper-wrap{min-height:0}.preview-bar{flex-direction:row;align-items:center}.preview-footer{flex-direction:row}footer{flex-direction:column;gap:6px}.brand-sub{font-size:9px}.intro{margin-bottom:22px}}