:root{--paper:#f7f5ed;--ink:#262824;--muted:#6b7065;--line:#dedfd3;--green:#356849;--lime:#d8ee91;--orange:#ea784d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header,main,footer{max-width:1280px;margin:auto;padding-inline:40px}header{height:100px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:12px}.mark{width:28px;height:28px;background:var(--green);box-shadow:8px -8px 0 -2px var(--orange);clip-path:polygon(0 0,75% 0,75% 25%,100% 25%,100% 100%,25% 100%,25% 75%,0 75%)}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}select{border:1px solid var(--line);border-radius:7px;background:white;padding:9px;color:var(--ink);max-width:100%}.language{display:flex;align-items:center;gap:8px;font-size:13px}.hero{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:50px 0 35px}.eyebrow,.micro{font:11px/1.5 ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}.eyebrow{color:var(--green);font-weight:700}h1{font-size:clamp(38px,5.3vw,68px);line-height:1.08;letter-spacing:-3px;margin:14px 0 20px;max-width:800px}h1 em{font-style:normal;color:var(--green)}.lead{color:var(--muted);font-size:18px;max-width:680px}.hero-side{max-width:225px;border-left:1px solid var(--line);padding-left:26px;font-size:13px;color:var(--muted)}.hero-side b{display:block;color:var(--green);font-size:25px}.workspace{border:1px solid #cdd2c4;border-radius:14px;overflow:hidden;background:white;box-shadow:0 15px 40px #293a1b08}.workspace-head{display:flex;justify-content:space-between;align-items:center;background:#f0f1e9;padding:16px 24px;gap:15px;font:12px ui-monospace,monospace}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-right:8px}.editor{display:grid;grid-template-columns:1fr 300px}.stage{padding:25px;min-width:0}.previewbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px}.tabs{display:flex;background:#f1f2ec;padding:4px;border-radius:8px}.tabs button{border:0;padding:7px 12px;background:transparent;border-radius:5px;font-size:13px}.tabs button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0001}.canvas-wrap{height:410px;display:flex;justify-content:center;align-items:center;position:relative;background-color:#eeeee7;background-image:linear-gradient(45deg,#e2e4d9 25%,transparent 25%),linear-gradient(-45deg,#e2e4d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e4d9 75%),linear-gradient(-45deg,transparent 75%,#e2e4d9 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:7px;overflow:hidden;border:1px solid var(--line)}canvas{image-rendering:pixelated;max-width:100%;max-height:100%;object-fit:contain;display:block}.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:var(--muted)}.upload{display:block;border:1px dashed #aab59b;border-radius:7px;padding:17px;text-align:center;margin-top:20px;background:#fafbf6;cursor:pointer}.upload.drag{background:#e6efcf;outline:2px solid var(--green)}.upload strong{display:block;color:var(--green)}.upload small{color:var(--muted)}.controls{border-left:1px solid var(--line);padding:26px;background:#fafbf7}.controls h2{font-size:19px;margin:0 0 25px}.field{margin:20px 0}.field label,.field .label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px}.field select{width:100%}.field input[type=range]{width:100%;accent-color:var(--green)}.presets{display:flex;gap:6px}.presets button{flex:1;background:white;border:1px solid var(--line);border-radius:5px;font-size:12px;padding:5px}.check{display:flex;align-items:center;gap:9px;font-size:13px}.check input{accent-color:var(--green);width:16px;height:16px}.swatches{display:flex;gap:3px;flex-wrap:wrap;margin-top:12px}.swatches i{width:15px;height:15px;border-radius:3px;border:1px solid #0001}.primary,.secondary{border:0;border-radius:7px;padding:12px 17px;font-size:14px;font-weight:650}.primary{background:var(--green);color:white}.secondary{background:#edf0e5;color:var(--green)}.download{width:100%;margin-top:20px}.textbutton{background:transparent;border:0;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:12px}.small{font-size:12px;color:var(--muted)}.status{min-height:24px;font-size:13px;color:var(--green)}.error{color:#a23224}.section{padding:65px 0;border-bottom:1px solid var(--line)}.section h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:10px 0 25px}.steps,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step b{color:var(--orange);font:22px ui-monospace,monospace}.step h3,.card h3{font-size:18px}.step p,.card p{font-size:14px;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p{font-size:14px;color:var(--muted);max-width:70ch}.card{border:1px solid var(--line);padding:23px;border-radius:9px;background:#fff}.card a{font-size:13px}.disclosure{font-size:12px;color:var(--muted);margin-top:22px}footer{padding-block:32px;font-size:12px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.article{max-width:850px;min-height:60vh;padding-block:40px}.article h1{font-size:45px}.article h2{font-size:23px}.article p{color:var(--muted)}.ad-slot:empty{display:none}.ad-slot{margin:40px auto;text-align:center}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;z-index:5}[hidden]{display:none!important}[dir=rtl] .controls{border-left:0;border-right:1px solid var(--line)}[dir=rtl] h1{letter-spacing:0}@media(max-width:850px){header,main,footer{padding-inline:20px}header{height:auto;min-height:85px;gap:15px;flex-wrap:wrap;padding-block:16px}header nav{display:none}.hero{padding-top:35px}.hero-side{display:none}.editor{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.controls h2,.controls .download,.controls>.small{grid-column:1/-1}.controls h2{margin-bottom:0}.field{margin:12px 0}.canvas-wrap{height:330px}.steps,.cards{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.section{padding:40px 0}.stage-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}