:root{--ink:#18231e;--muted:#66706b;--paper:#f7f5ef;--card:#fff;--lime:#c9f36b;--green:#244f3b;--line:#dcded7;--orange:#ff6b35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800;font-size:20px;text-decoration:none;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--lime);font-size:16px}.site-header nav{display:flex;gap:32px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.privacy-pill{font:500 12px DM Mono,monospace;border:1px solid var(--line);padding:9px 13px;border-radius:30px;background:#fff}.privacy-pill span{display:inline-block;width:7px;height:7px;background:#57a66c;border-radius:50%;margin-right:7px}.hero{text-align:center;padding:82px 5vw 54px;background-image:radial-gradient(#cdd1c9 1px,transparent 1px);background-size:22px 22px}.eyebrow,.section-kicker{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:1.8px;color:#496455}.eyebrow{display:inline-block;background:#e8f1d7;border:1px solid #ccdcae;border-radius:20px;padding:8px 13px}.hero h1{font-size:clamp(58px,8vw,112px);line-height:.88;letter-spacing:-7px;margin:28px 0 25px}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero h1 em:after{content:"";position:absolute;left:4%;right:0;bottom:-10px;height:9px;background:var(--lime);transform:rotate(-1deg);z-index:-1}.hero-copy{max-width:590px;margin:0 auto 40px;color:var(--muted);font-size:18px;line-height:1.65}.workspace{max-width:980px;margin:auto;text-align:left;background:var(--card);border:1px solid #d7dbd3;border-radius:24px;box-shadow:0 24px 70px rgba(31,48,39,.12);overflow:hidden}.drop-zone{margin:12px;border:2px dashed #bdc7bd;border-radius:17px;padding:63px 20px;text-align:center;transition:.2s;background:#fcfdf9;outline:none}.drop-zone:hover,.drop-zone.dragover,.drop-zone:focus{border-color:#668456;background:#f8fce9}.drop-icon{width:66px;height:66px;margin:0 auto 18px;border-radius:20px;background:var(--lime);display:grid;place-items:center;transform:rotate(-3deg)}.drop-icon svg{width:31px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drop-zone h2{margin:0;font-size:24px;letter-spacing:-.7px}.drop-zone p{color:var(--muted);margin:8px 0 16px}.text-button{border:0;background:none;color:var(--green);text-decoration:underline;font-weight:700;cursor:pointer;padding:0}.drop-zone small{font:400 11px DM Mono,monospace;color:#8c958f}.editor{padding:28px}.editor-top{display:flex;justify-content:space-between;align-items:center}.editor-top h2{font-size:25px;margin:6px 0 0;letter-spacing:-.7px}.ghost-button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer}.file-strip{display:flex;gap:10px;overflow:auto;padding:20px 1px}.file-card{flex:0 0 155px;border:1px solid var(--line);border-radius:12px;padding:7px;display:flex;align-items:center;gap:9px;position:relative}.file-card img{width:45px;height:45px;border-radius:7px;object-fit:cover;background:#eee}.file-meta{min-width:0}.file-meta b,.file-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta b{font-size:11px}.file-meta small{font:400 9px DM Mono,monospace;color:var(--muted);margin-top:4px}.remove-file{position:absolute;right:3px;top:2px;border:0;background:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer;color:#777}.settings-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-panel{padding:24px}.settings-panel:first-child{border-right:1px solid var(--line);padding-left:0}.settings-panel:nth-child(2){padding-right:0}.preset-select-wrap{margin-top:14px}.settings-panel label{font-size:11px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:7px}select,input[type=number]{height:43px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:var(--ink);font-weight:700;outline:none}.preset-select-wrap select{width:100%}.dimensions{display:grid;grid-template-columns:1fr 36px 1fr;align-items:end;gap:8px;margin-top:13px}.input-with-unit{position:relative}.input-with-unit input{width:100%;padding-right:35px}.input-with-unit b{position:absolute;right:11px;top:13px;font:400 10px DM Mono,monospace;color:#929a95}.ratio-lock{height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:4px;cursor:pointer}.ratio-lock.active{background:var(--ink);color:#fff}.preset-note{font-size:11px;color:var(--muted);line-height:1.5;min-height:32px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#eff0eb;padding:4px;border-radius:10px;margin-top:14px}.segmented button{border:0;border-radius:7px;padding:9px;background:transparent;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #cad0c8}.finish-row{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-top:17px}.finish-row select{width:100%}.quality-control span{position:absolute;align-self:flex-end;color:var(--ink);font:500 10px DM Mono,monospace}.quality-control input{accent-color:var(--green);height:20px}.background-control{margin-top:12px!important;flex-direction:row!important;align-items:center}.background-control input{border:0;width:26px;height:26px;padding:0;background:none}.action-bar{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.output-summary span,.output-summary small{display:block}.output-summary span{font-weight:800;font-size:15px}.output-summary small{font:400 10px DM Mono,monospace;color:var(--muted);margin-top:4px}.primary-button{border:0;border-radius:12px;background:var(--ink);color:#fff;padding:15px 18px 15px 22px;display:flex;gap:36px;align-items:center;font-weight:800;cursor:pointer;box-shadow:4px 4px 0 var(--lime)}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--lime)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button b{color:var(--lime);font-size:20px}.status{text-align:right;font-size:12px;color:var(--green);min-height:18px;margin:12px 0 -8px}.trust-row{display:flex;justify-content:center;gap:32px;margin-top:25px;color:#657069;font:500 11px DM Mono,monospace}.preset-section{padding:100px 5vw;max-width:1280px;margin:auto}.section-heading{text-align:center}.section-heading h2,.how-copy h2{font-size:clamp(40px,5vw,68px);letter-spacing:-3px;margin:12px 0}.section-heading p,.how-copy p{color:var(--muted)}.preset-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.preset-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;cursor:pointer;transition:.2s;min-height:145px}.preset-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(29,43,35,.09)}.preset-card .platform-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf2e6;font-weight:800;margin-bottom:22px}.preset-card h3{font-size:15px;margin:0 0 5px}.preset-card p{font:400 10px DM Mono,monospace;color:var(--muted);margin:0}.how-section{background:var(--green);color:#fff;padding:85px max(5vw,calc((100vw - 1150px)/2));display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:center}.how-copy .section-kicker{color:var(--lime)}.how-copy p{color:#bdcbbf;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#52705f}.steps div{background:var(--green);padding:30px 24px}.steps b{font:500 11px DM Mono,monospace;color:var(--lime)}.steps h3{font-size:22px;margin:32px 0 8px}.steps p{color:#bdcbbf;font-size:13px;line-height:1.5}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5vw;background:#13271e;color:#9eb0a4;font-size:12px}footer .brand{color:#fff}@media(max-width:760px){.site-header nav{display:none}.hero{padding:55px 16px 42px}.hero h1{letter-spacing:-4px}.editor{padding:20px}.settings-grid{grid-template-columns:1fr}.settings-panel:first-child{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.settings-panel:nth-child(2){padding-left:0}.action-bar{align-items:flex-end}.primary-button{gap:14px}.trust-row{flex-direction:column;gap:7px}.preset-cards{grid-template-columns:1fr 1fr}.how-section{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr}.steps h3{margin:10px 0 5px}footer p{display:none}}@media(max-width:420px){.preset-cards{grid-template-columns:1fr}.privacy-pill{display:none}.dimensions{grid-template-columns:1fr 30px 1fr}.output-summary{display:none}.action-bar{justify-content:flex-end}}