*{box-sizing:border-box}body{color:#213e34;background:#f7f6ef;font:16px/1.55 system-ui,Leelawadee UI,sans-serif}header,main{max-width:1120px;margin:auto;padding:0 32px}header{border-bottom:1px solid #cbd2c3;justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:12px;font:700 23px Georgia,serif;display:flex}.stamp{color:#fff6da;background:#24513e;border-radius:50% 50% 45% 45%;place-items:center;width:38px;height:38px;font:italic 700 29px Georgia;display:grid}.language{gap:2px;display:flex}.language button{background:0 0;border:0;min-height:38px;padding:7px 12px}.language button[aria-pressed=true]{background:#e0e6d7}.intro{justify-content:space-between;align-items:center;margin:36px 0 24px;display:flex}.intro p,section p,aside p{color:#536256;margin:5px 0 14px}small,.issue,.export span{letter-spacing:.12em;color:#84513e;font:700 11px/1.5 system-ui,sans-serif}h1,h2{color:#1f4636;font-family:Georgia,Leelawadee UI,serif;font-weight:500}h1{margin:6px 0;font-size:clamp(38px,6vw,65px);line-height:1.15}.issue{color:#476149;border:1px solid #a9b59f;border-radius:30px;padding:8px 15px}h2{margin:5px 0 8px;font-size:25px;line-height:1.3}nav{border-bottom:1px solid #c9d0c2;gap:5px;display:flex}nav a{color:#47604d;border-radius:9px 9px 0 0;padding:12px 22px;font-weight:650;text-decoration:none}nav b{opacity:.7;margin-right:9px;font:12px Georgia,serif}nav a[aria-current]{color:#fff8e9;background:#214d3b}.desk{grid-template-columns:minmax(270px,.8fr) minmax(320px,1.2fr);align-items:start;gap:26px;padding:23px 0 60px;display:grid}.tools section,.preview,aside{background:#fffdf7;border:1px solid #cdd3c6;border-radius:12px;padding:21px}.tools{gap:14px;display:grid}.tools label{gap:5px;margin-top:12px;font-size:14px;font-weight:650;display:grid}input,textarea,button{font:inherit;color:inherit}input:not([type=range]):not([type=file]),textarea{background:#fffefa;border:1px solid #aab5a6;border-radius:6px;width:100%;padding:10px 12px;font-size:16px;font-weight:400}textarea{resize:vertical}button{cursor:pointer;background:#edf0e5;border:1px solid #aab6a3;border-radius:7px;padding:9px 14px;font-weight:600}button:disabled{opacity:.56;cursor:default}.buttons,.export,.previewTitle{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.buttons{margin-top:14px}.previewTitle,.export{justify-content:space-between}.previewTitle h2{margin:0}.previewTitle small{text-transform:uppercase}.mat{background:repeating-linear-gradient(135deg,#e3e6d8 0 2px,#e8eadf 2px 7px);border-radius:5px;margin:16px 0;padding:clamp(14px,3vw,32px)}.mat canvas{width:100%;height:auto;display:block;box-shadow:0 4px 14px #2537232b}.export button{color:#fff;background:#224d3d}.preview>p{margin:8px 0 0;font-size:13px}fieldset{border:0;border-top:1px solid #cdd3c6;margin:20px 0 0;padding:8px 0 0}legend{padding-right:8px}input[type=range]{accent-color:#326047;width:100%}aside{background:#edf0e6;font-size:13px}.delete{background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.delete:disabled{display:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #ac653c}@media (width<=720px){header,main{padding-inline:16px}header{height:60px}.brand{font-size:19px}.intro{margin:20px 0 14px}.issue{display:none}.desk{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:16px}.tools{display:contents}.tools section{order:0}.preview{order:1}aside{order:2}nav a{padding:10px 14px}.tools section,.preview,aside{padding:15px}.mat{margin:12px 0}.buttons button,.language button{min-height:44px}}