@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20231f;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #5a7951;outline-offset:4px}header{height:90px;display:flex;align-items:center;border-bottom:1px solid #dddfd7;padding:0 5%;gap:30px}.logo{font-family:'Space Grotesk',sans-serif;font-size:39px;font-weight:700;letter-spacing:-3px;color:inherit;text-decoration:none}.logo span{font:12px 'DM Sans';vertical-align:top;letter-spacing:0;margin-left:5px}.header-label{font-size:11px;letter-spacing:2px;border-left:1px solid #c9ccc1;padding-left:27px}.local{margin-left:auto;color:#777d71;font-size:12px;display:flex;gap:8px;align-items:center}.local i,.eyebrow span{width:6px;height:6px;border-radius:50%;background:#789064}main{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:80px;padding:60px 36px 160px}.side-ad{align-self:start;margin-top:90px;border:1px solid #d8dccc;border-radius:8px;overflow:hidden}.ad-top{font-size:9px;letter-spacing:2px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;color:#7c8175}.ad-top button,.bottom-ad>button{border:0;background:transparent;font-size:22px;color:#6e7567}.ad-design{position:relative;overflow:hidden;background:#e4e9db;min-height:550px;padding:26px 22px;display:flex;flex-direction:column}.ad-design>span:first-child{font-size:9px;letter-spacing:1.7px;z-index:1}.ad-design h2{font:500 34px/1.12 'Space Grotesk';letter-spacing:-1.7px;margin-top:165px;z-index:1}.ad-design p{font-size:12px;color:#6e7567;max-width:145px;line-height:1.6}.ad-size{font-size:10px;color:#858b7a;margin-top:auto}.orb{width:200px;height:200px;position:absolute;top:70px;left:70px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#f6ffd1,#b0ca6b 45%,#526737 80%);box-shadow:0 22px 30px #8d9c6f44}.workspace{max-width:800px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#737a69}h1{font:500 clamp(45px,5vw,68px)/1.03 'Space Grotesk';letter-spacing:-3.5px;margin:24px 0 20px}h1 em{font-style:normal;color:#7b8d61}.intro{font-size:15px;color:#858a7e;line-height:1.6;margin-bottom:32px}.editor{background:#fff;border:1px solid #dfe2d7;border-radius:14px;padding:22px;box-shadow:0 15px 45px #38412806}.editor-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:20px}.step{display:inline-flex;margin-right:9px;background:#f0f2e9;width:25px;height:25px;border-radius:50%;align-items:center;justify-content:center;font-size:9px;color:#7a846b}.formats{font-size:9px;letter-spacing:1px;color:#93988a}.drop{background:#fafbf7;border:1.5px dashed #cdd4c0;border-radius:9px;min-height:220px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#7e8772;transition:.2s}.drop:hover,.drop.drag{border-color:#71855b;background:#f0f4e8}.upload-icon{font:30px 'Space Grotesk';width:48px;height:48px;border:1px solid #dbe0d1;border-radius:12px;background:white;margin-bottom:5px}.drop strong{color:#39422f;font-size:16px;font-weight:500}.drop>span{font-size:12px}.drop small{font-size:10px;color:#a2a897;margin-top:10px}u{text-underline-offset:3px}.controls{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:23px}.control-label{font-size:9px;letter-spacing:1.5px;color:#8a9180;display:block;margin-bottom:9px}.segments{display:flex;background:#f0f2eb;border-radius:7px;padding:3px;gap:3px}.segments button{border:0;border-radius:5px;background:transparent;width:65px;height:37px;color:#949c88}.segments .selected{background:white;color:#303c24;box-shadow:0 1px 5px #33442215}.primary{background:#c8e995;border:0;border-radius:7px;min-height:44px;padding:0 24px;font-weight:600;font-size:12px;color:#344325;display:flex;gap:38px;align-items:center}.primary:disabled{opacity:.5;cursor:not-allowed}.primary span{font-size:21px}#status{font-size:11px;color:#89917e;margin:15px 0 0;line-height:1.5}.footnotes{display:flex;justify-content:space-between;font-size:10px;color:#88917b;margin:19px 0}.method{font-size:10px;color:#9ba18f}footer{border-top:1px solid #e0e3d8;margin-top:35px;padding-top:20px;display:flex;align-items:center;gap:15px;font:600 17px 'Space Grotesk'}footer span{font:10px 'DM Sans';color:#949c89}footer button{margin-left:auto;background:none;border:0;color:#7a856c;font-size:10px}.bottom-ad{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(820px,94%);min-height:96px;border:1px solid #d9ddcf;background:#fff;box-shadow:0 6px 35px #333d221a;border-radius:10px;display:flex;align-items:center;gap:24px;padding:20px 26px;z-index:5}.ad-tag{font-size:8px;letter-spacing:1px;position:absolute;top:7px;left:12px;color:#a2a895}.mini-logo{font:700 30px 'Space Grotesk';letter-spacing:-2px;background:#eaf2db;padding:5px 15px;border-radius:5px}.mini-logo span{display:block;font:8px 'DM Sans';letter-spacing:2px}.bottom-ad strong{font-size:17px;font-weight:500}.bottom-ad p{font-size:11px;color:#8e9583;margin:6px 0 0}.banner-slot{font-size:10px;color:#a0a792;margin-left:auto;white-space:nowrap}.bottom-ad>button{align-self:start;margin-top:-14px;margin-right:-15px}.image-stage{background:repeating-conic-gradient(#f0f2eb 0% 25%,#fafbf7 0% 50%) 50%/20px 20px;border-radius:8px;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-stage img{max-width:100%;max-height:100%;object-fit:contain}.file-info{display:flex;gap:12px;justify-content:space-between;font-size:11px;margin-top:12px;align-items:center}#filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-info button{border:0;background:none;font-size:10px;white-space:nowrap;color:#6d8057}.download{display:block;text-align:center;background:#273324;color:#fff;text-decoration:none;font-size:13px;padding:14px;border-radius:7px;margin-top:15px}[hidden]{display:none!important}body.no-side main{grid-template-columns:1fr;max-width:900px}body.no-side .workspace{max-width:none}@media(min-width:1500px){main{padding-top:80px;gap:100px}h1{font-size:76px}.drop{min-height:250px}}@media(max-width:850px){main{gap:25px;grid-template-columns:160px 1fr;padding:40px 22px 155px}.ad-design{padding:20px 14px}.ad-design h2{font-size:27px}.local{font-size:10px}h1{letter-spacing:-2px}.formats{font-size:8px}.controls{gap:10px}.primary{padding:0 14px;gap:15px}.segments button{width:48px}.footnotes{gap:10px;line-height:1.5}}@media(max-width:600px){header{height:72px;padding:0 22px;gap:20px}.logo{font-size:32px}.header-label{padding-left:18px;font-size:9px}.local{display:none}main{display:flex;flex-direction:column;padding:28px 18px 150px;gap:25px}.side-ad{order:2;margin:0;width:100%}.ad-design{min-height:100px;padding:18px}.ad-design h2{font-size:23px;margin:15px 0}.ad-design h2 br{display:none}.ad-design p,.ad-size{display:none}.orb{height:130px;width:130px;top:10px;left:auto;right:10px}.workspace{width:100%}h1{font-size:48px;margin-top:20px}.intro{font-size:13px}.editor{padding:16px}.drop{min-height:200px}.bottom-ad{gap:14px;padding:20px 16px;bottom:10px;min-height:90px}.bottom-ad strong{font-size:13px}.bottom-ad p{font-size:10px;max-width:200px}.mini-logo{font-size:24px;padding:5px 10px}.banner-slot{display:none}.bottom-ad>button{margin-left:auto;margin-right:-7px}.footnotes{font-size:9px}footer span{font-size:9px}}