@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#22352e;--green:#326549;--muted:#7a847e;--paper:#f8f9f5;--line:#e1e6dd}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:0 5%;font-size:13px}.brand{font:800 25px Manrope,sans-serif;letter-spacing:-1.2px;display:flex;align-items:center}.brand-light{font-weight:500}.mark{color:var(--green);font-size:37px;margin-right:9px}.header-note{font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:0 26px}.intro{text-align:center;padding:64px 0 43px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green)}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b9161;margin-right:6px}h1{font:600 clamp(44px,5.5vw,70px)/1.08 Manrope,sans-serif;letter-spacing:-3.5px;margin:22px 0}h1 span{color:#81947d}.intro p{color:#737e76;font-size:16px;line-height:1.8}.trust{display:flex;justify-content:center;gap:25px;color:#69786c;font-size:11px;margin-top:25px}.steps{display:flex;align-items:center;max-width:650px;margin:28px auto 30px;color:#919b92;font-size:12px;gap:20px}.steps span{white-space:nowrap}.steps b{font-size:10px;margin-right:7px;font-weight:500}.steps .active{color:var(--green);font-weight:700}.steps i{height:1px;background:var(--line);flex:1}.workspace{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 12px 50px #263c2c05}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}h2{font:600 21px Manrope,sans-serif;letter-spacing:-.6px;margin:9px 0 0}.text-button{border:0;background:none;color:#7c887f;font-size:12px}.dropzone{background:#f6f8f2;border:1.5px dashed #bdcdb7;border-radius:10px;text-align:center;padding:32px 15px}.dropzone.drag{background:#e3efdb}.upload-art{width:65px;height:65px;margin:auto;background:#e8eedf;border-radius:18px;transform:rotate(-7deg);display:grid;place-items:center}.upload-art span{transform:rotate(7deg);font-size:37px;font-weight:400;color:#608151}h3{font:600 19px Manrope,sans-serif;letter-spacing:-.5px;margin:19px 0 9px}.dropzone p{color:var(--muted);font-size:12px;margin-bottom:22px}.primary{background:var(--green);border:1px solid var(--green);color:white;border-radius:7px;padding:12px 21px;font-weight:600;box-shadow:0 2px 3px #233d2410}.primary:hover{background:#244e37}.primary:disabled{opacity:.45;cursor:not-allowed}.primary span{margin-left:22px}.dropzone small{display:block;font-size:10px;color:#8b958b;margin-top:18px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:45px 9px 55px}.benefits article>span{font-size:9px;letter-spacing:1.8px;color:#87947e}.benefits h3{font-size:17px;margin-top:14px}.benefits p{font-size:12px;line-height:1.8;color:var(--muted);max-width:280px}footer{margin:0 5%;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .brand{font-size:20px;color:var(--ink)}.editor-grid{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden}aside{background:#f8faf6;padding:16px;border-right:1px solid var(--line)}.queue-title{font-size:10px;letter-spacing:1px;margin-bottom:14px}#count{float:right}.queue-item{width:100%;border:1px solid transparent;background:transparent;display:flex;gap:9px;text-align:left;border-radius:6px;padding:9px 5px;margin-bottom:7px}.queue-item.selected{background:white;border-color:#a7baa0}.queue-item img{width:36px;height:36px;object-fit:cover;border-radius:4px}.queue-item div{min-width:0}.queue-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.queue-item small{font-size:10px;color:var(--muted)}.secondary{background:white;border:1px solid var(--line);border-radius:5px;padding:8px 11px;color:var(--ink);font-size:11px}.editing{padding:18px;min-width:0}.editor-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:15px}.editor-top span{color:var(--muted)}.canvas-wrap{height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#edf0e9;background-image:linear-gradient(45deg,#e3e7df 25%,transparent 25%),linear-gradient(-45deg,#e3e7df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e3e7df 75%),linear-gradient(-45deg,transparent 75%,#e3e7df 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}canvas{max-width:100%;max-height:100%;touch-action:none;cursor:crosshair}.crop-tools{display:flex;gap:8px;align-items:center;margin:13px 0}.crop-tools label{font-size:11px}.crop-fields{display:flex;align-items:end;gap:8px}.crop-fields label{font-size:10px;flex:1;min-width:0}.crop-fields input{width:100%;margin-top:5px;padding:7px;border:1px solid var(--line);border-radius:4px}.crop-fields button{font-size:11px;white-space:nowrap;padding:9px 12px}.hint{font-size:11px;line-height:1.6;color:var(--muted)}select{background:white;border:1px solid var(--line);border-radius:5px;padding:9px;color:var(--ink)}.settings{display:flex;gap:18px;align-items:end;margin-top:23px}.settings label{font-size:11px;flex:1}.settings select{display:block;width:100%;margin-top:7px}#status{color:var(--green);font-size:12px;margin-bottom:0}.result{border-top:1px solid var(--line);padding:18px 0}.result h3{font-size:15px}.result-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-images figure{margin:0;overflow:auto;background:#f3f5f0;border-radius:6px}.result-images img{display:block;width:100%;height:210px;object-fit:contain}.result-images.full img{width:auto;height:auto;max-width:none}.result-images figcaption{font-size:10px;padding:9px}.result p{font-size:12px;color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4bd74;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){header{height:72px}.header-note{display:none}.intro{padding-top:45px}h1{letter-spacing:-2px}.trust{gap:10px;font-size:9px}.workspace{padding:18px}.workspace-head h2{font-size:16px}.steps{gap:9px}.benefits{gap:20px}.editor-grid{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}#queue{display:flex;overflow:auto}.queue-item{min-width:150px}.settings{flex-wrap:wrap}.settings button{width:100%}.crop-fields{flex-wrap:wrap}.crop-fields button{width:100%}.canvas-wrap{height:260px}footer>span:last-child{display:none}}@media(max-width:500px){main{padding:0 14px}.benefits{grid-template-columns:1fr;gap:12px;padding:30px 7px}.benefits p{max-width:none}.trust{flex-wrap:wrap}.steps{font-size:10px}.steps b{margin-right:3px}.workspace-head .text-button{font-size:10px}.result-images{grid-template-columns:1fr}}
.resize-panel{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:9px}.resize-panel h3{margin-top:0}.resize-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.resize-controls label{flex:1;min-width:100px;font-size:11px}.resize-controls input,.resize-controls select{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:5px}.resize-lock{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:14px}.resize-offer{background:#e8eedf;padding:12px;border-radius:6px;font-size:12px;line-height:1.6}.resize-offer p{margin-top:0}
.crop-tools{flex-wrap:wrap}.secondary:disabled{opacity:.45;cursor:not-allowed}
.editing .resize-panel{margin:0 0 14px;padding:14px;background:#f8faf6}.editing .resize-panel h3{font-size:15px;margin-bottom:6px}.resize-controls{gap:8px}.resize-controls .primary{font-size:12px;padding:10px 12px}.resize-panel .hint{margin:8px 0 0}.preview-tabs{display:flex;gap:8px;margin-bottom:10px}.preview-tabs [aria-pressed="true"]{border-color:var(--green);color:var(--green);background:#e8eedf}.resize-preview-wrap{display:grid;place-items:center;overflow:hidden}#resize-preview-stage{display:grid;place-items:center}#resize-preview{display:block;max-width:none;max-height:none;cursor:default;touch-action:auto}.editor-top{gap:12px;flex-wrap:wrap}.editor-top strong{overflow-wrap:anywhere}
.queue-item small{display:block;line-height:1.5}.queue-item .queue-resolution{margin-top:2px;font-size:10px;color:var(--muted)}

.preview-tabs{flex-wrap:wrap}.resize-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resize-compare-grid figure{margin:0;min-width:0}.resize-compare-grid figcaption{font-size:11px;line-height:1.5;margin-bottom:8px;color:var(--muted)}.resize-compare-grid canvas{display:block;max-width:none;max-height:none;cursor:default;touch-action:auto}@media(max-width:600px){.resize-compare-grid{grid-template-columns:1fr}.resize-compare-grid .canvas-wrap{height:220px}}