:root{font-family:DM Sans,system-ui,sans-serif;color:#222e28;background:#f6f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}header{height:76px;border-bottom:1px solid #e3e8e0;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100% - 1280px)/2));background:#fff}.brand{font-weight:700;font-size:14px;letter-spacing:.1em;display:flex;align-items:center;gap:9px}.brand>span:not(.brand-icon){color:#85a390}.brand-icon{display:grid;place-items:center;background:#244f3b;color:#fff;width:34px;height:34px;border-radius:9px;font-size:23px;letter-spacing:0}.privacy{font-size:12px;color:#64796b}.privacy span{color:#63a77a;margin-right:7px}main{max-width:1200px;margin:auto;padding:0 30px}.intro{padding:62px 0 45px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#507e60;display:flex;gap:9px;align-items:center}.eyebrow span{width:21px;height:1px;background:#79a487}h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(42px,5vw,64px);line-height:1.04;margin:19px 0}h1 em{font-weight:400;color:#628d6f}.intro p{font-size:15px;color:#748078;line-height:1.7;max-width:550px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.left,.right{background:#fff;border:1px solid #e7ebe4;border-radius:14px;box-shadow:0 8px 32px #263c2d09;padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading>div{display:flex;align-items:center;gap:12px}.step{display:grid;place-items:center;border-radius:7px;width:29px;height:29px;background:#eaf2eb;color:#568365;font-size:11px;font-weight:700}.section-heading h2{font-size:17px;margin:0}.section-heading>span{font-size:12px;color:#9aa69d}.drop{min-height:238px;border:1.5px dashed #b6d0bd;border-radius:10px;background:#f9fcf9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;text-align:center;cursor:pointer;padding:20px}.drop.dragging{background:#eaf5eb;border-color:#4d8962}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:2px solid #578c68}.upload-icon{display:grid;place-items:center;background:#e8f2e9;color:#4c835d;width:48px;height:48px;border-radius:50%;font-size:28px;margin-bottom:5px}.drop strong{font-size:15px}.drop>span:not(.upload-icon){font-size:13px;color:#8c9b8f}.drop b{color:#497b59}.drop small{font-size:11px;color:#a1aea3;margin-top:10px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 13px}.list-heading h3,.preview-heading{font-size:10px;letter-spacing:.12em;color:#829087;margin:0}.list-heading h3 span{color:#629071;margin-left:4px}.text-button{border:0;background:none;color:#8c9990;font-size:11px}.empty{border:1px solid #edf0eb;border-radius:8px;color:#a5afa7;text-align:center;padding:29px;font-size:12px}.file-row{display:flex;gap:12px;align-items:center;padding:9px;border:1px solid #edf0eb;border-radius:8px;margin-bottom:8px}.file-row img{width:46px;height:46px;object-fit:cover;border-radius:5px}.file-info{min-width:0;flex:1}.file-info strong,.file-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info strong{font-size:12px}.file-info small{color:#9aa69d;font-size:11px;margin-top:4px}.controls{display:flex}.controls button{border:0;background:transparent;color:#688171;font-size:18px;padding:5px}.order-hint,.hint{font-size:11px;color:#9aa69d;line-height:1.5}.field{margin-bottom:18px}.field>label,.quality>label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:9px}.unit{color:#a1aaa3;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}select,input[type=number]{width:100%;height:41px;border:1px solid #e1e8e0;background:#fff;border-radius:6px;padding:0 10px;color:#34453a;font-size:12px}.segmented{display:flex;background:#f2f5f1;border-radius:7px;padding:3px}.segmented label{flex:1}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:9px 4px;border-radius:5px;font-size:12px;color:#7b897d;cursor:pointer}.segmented input:checked+span{background:#fff;color:#315f40;box-shadow:0 1px 4px #00000010;font-weight:700}.segmented input:focus-visible+span{outline:2px solid #578c68}.hint{margin:-9px 0 19px}.quality input{width:100%;accent-color:#4e825f}.quality label strong{color:#568365}.quality div{display:flex;justify-content:space-between;color:#a1aaa3;font-size:10px}.preview-heading{display:flex;justify-content:space-between;margin-top:23px}.preview-heading span{font-weight:400;letter-spacing:0}.preview-wrap{height:190px;display:grid;place-items:center;background:#f7f9f6;border-radius:8px;margin:12px 0 20px}.preview{height:150px;max-width:90%;position:relative;background:#fff;box-shadow:0 2px 9px #0002;display:grid;place-items:center;color:#c5ccc4;font-size:10px}.preview-frame{position:absolute;overflow:hidden}.preview-frame img{width:100%;height:100%}.primary,.cancel{width:100%;border:0;border-radius:7px;padding:14px;background:#315f43;color:#fff;font-weight:700;font-size:13px}.primary span{float:right}.cancel{background:#e9f0e9;color:#315f43}#status{font-size:12px;color:#66816e;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}#status.error{color:#a64237}#results{display:grid;gap:7px;margin-top:12px}.download{display:block;background:#edf5ee;color:#315f43;text-decoration:none;border-radius:6px;padding:10px;font-size:12px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;align-items:center;color:#a5afa7;font-size:10px;margin:35px 0 45px}footer span{font-weight:700;letter-spacing:.12em}footer p{margin:0}@media(max-width:800px){header{padding:0 20px}.privacy{font-size:10px}main{padding:0 16px}.intro{padding:45px 0 32px}.workspace{grid-template-columns:1fr}.left,.right{padding:22px}.preview-wrap{height:170px}footer{gap:15px}}