@font-face{font-family:Estedad;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/estedad-arabic-400-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200F}@font-face{font-family:Estedad;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/estedad-latin-400-700.woff2) format("woff2");unicode-range:U+0020-00FF,U+2000-200B,U+2010-206F,U+2190-2199,U+2212-2215}:root{font-family:Estedad,Tahoma,sans-serif;color:#18352f;background:#f1f5f2;font-size:100%;font-synthesis:none;font-weight:400;line-height:1.75;--green:#176b5b;--muted:#53665f;--line:#dbe4de;--type-detail:.75rem;--type-label:.8125rem;--type-control:.875rem;--type-value:1.125rem;--type-section:1rem}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#e3ede5 0,transparent 45%),#f1f5f2}button,input,select{font:inherit;color:inherit}:where(button:not(:disabled)):hover{background:#e5ede7}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;background:transparent;min-height:44px;padding:8px 14px;border-radius:9px;font-size:var(--type-control);line-height:1.5;transition:background .16s ease-out,box-shadow .16s ease-out}button:disabled{cursor:not-allowed;color:var(--muted)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a75c3c;outline-offset:3px}input,select{accent-color:var(--green);caret-color:var(--green)}:where(input:not([type=range]):not([type=checkbox]),select){background:#fff;border:1px solid #d3ded6;border-radius:8px;min-height:44px;padding:10px 12px;width:100%}input[type=range]{width:100%;margin:10px 0;min-height:24px;cursor:pointer}input[type=checkbox]{width:17px;height:17px;flex-shrink:0}::selection{color:#fff;background:#176b5b}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b2c4b9;border-radius:5px}.surface{background:#fcfdfc}.top{min-height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 max(30px,calc((100vw - 1430px)/2));position:relative;z-index:1}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.brand strong{font-size:1.375rem;font-weight:700;line-height:1.3}.brandmark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#fff}.brand-divider{height:25px;width:1px;background:#ccd8d0;margin:0 5px}.brand-desc{font-size:var(--type-label);color:var(--muted)}.privacy{display:flex;align-items:center;gap:7px;margin-inline-start:auto;color:#456254;font-size:var(--type-label)}.quiet{color:var(--muted);font-size:var(--type-label)}.quiet:disabled,.views button:disabled{color:#61746a}main{max-width:1430px;margin:auto;padding:26px 30px 0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.heading h1{font-size:clamp(1.375rem,1.13rem + .9vw,1.75rem);font-weight:700;line-height:1.5;margin:0 0 6px;text-wrap:balance}.heading p{max-inline-size:65ch;margin:0;color:var(--muted);text-wrap:pretty}.format-note{display:flex;align-items:center;gap:8px;font-size:var(--type-value);font-weight:600;color:var(--green);direction:ltr}.format-note span{font-size:var(--type-label);font-weight:400;color:var(--muted)}.editor{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-areas:"controls workspace" "controls export";grid-template-rows:auto 1fr;gap:16px 24px;align-items:start}.controls{grid-area:controls;border:1px solid var(--line);border-radius:14px}.control-head{display:flex;align-items:center;gap:9px;padding:16px 20px;border-bottom:1px solid var(--line)}.control-head h2{font-size:var(--type-value);font-weight:700;line-height:1.5;margin:0;text-wrap:balance}.control-section{padding:17px 20px;border-bottom:1px solid var(--line)}h3{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--type-section);font-weight:650;line-height:1.5;margin:0 0 12px}h3 small{font-size:var(--type-label);color:var(--muted);font-weight:400}.dimensions{display:flex;align-items:end;gap:7px;margin-top:14px}.dimensions label{flex:1;min-width:0;color:var(--muted);font-size:var(--type-label)}.dimensions input{margin-top:5px;text-align:center;direction:ltr;font-size:var(--type-section);font-variant-numeric:tabular-nums}.icon{width:44px;padding:0;flex-shrink:0;color:var(--muted)}.selected{background:#dcebe4;color:#176b5b}.text-button{font-size:var(--type-label);font-weight:500;color:var(--green);padding:7px 0;min-height:44px}.segmented{display:flex;padding:4px;background:#e9efeb;border-radius:10px;gap:2px}.segmented button{flex:1;min-width:0;min-height:44px;padding:6px 10px}.segmented .active:not(:disabled){background:#fff;color:var(--green);box-shadow:0 2px 5px #18352f14;font-weight:600}.hint{font-size:var(--type-label);line-height:1.8;color:var(--muted);margin:10px 0;text-wrap:pretty}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;font-size:var(--type-label);margin-top:12px}.range-label b{font-weight:600;direction:ltr;font-variant-numeric:tabular-nums}.row{display:flex;gap:5px;margin:8px 0}.secondary{background:#eef3ef;flex:1;padding:8px}.check{display:flex;align-items:center;gap:7px;font-size:var(--type-label);min-height:44px;line-height:1.7}.badge{font-size:var(--type-detail);background:#e2eee6;color:var(--green);padding:2px 7px;border-radius:5px}.quality-label{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;font-size:var(--type-control)}.range-ends{display:flex;justify-content:space-between;font-size:var(--type-detail);color:var(--muted)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:var(--type-control);min-height:44px}summary::-webkit-details-marker{display:none}summary svg{flex-shrink:0;color:var(--muted)}details[open]>summary svg{transform:rotate(180deg)}.field{display:block;margin:10px 0;font-size:var(--type-label)}.field select{margin-top:7px}.workspace{grid-area:workspace;min-width:0}.workspace-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.views{max-width:100%;flex-wrap:wrap}.views button{flex:1 0 auto}.artboard{background:#e5ede7;border:1px solid #cfddd3;border-radius:14px;height:clamp(360px,44vh,580px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.artboard:has(.empty){height:auto;min-height:clamp(360px,44vh,580px);border-style:dashed;border-color:#8eac9b}.artboard.drop-active{background:#dbece2;border-color:var(--green);outline:2px dashed var(--green);outline-offset:-6px}.empty{min-width:0;text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center}.upload-art{width:68px;height:76px;border:1px solid #b9cfc2;border-radius:10px;display:grid;place-items:center;color:var(--green);background:#f7faf7;transform:rotate(-5deg);box-shadow:3px 5px 12px #24453317;margin-bottom:18px}.empty h2{font-size:1.375rem;font-weight:650;line-height:1.5;margin:0 0 6px;text-wrap:balance}.empty p{max-inline-size:65ch;color:var(--muted);margin:0 0 16px;text-wrap:pretty}.primary{background:var(--green);color:#fff;min-height:46px;padding:12px 24px;font-weight:650;box-shadow:0 4px 10px #176b5b18}.primary:hover{background:#105344}.primary:disabled{background:#bdcec3;color:#365b49;box-shadow:none;opacity:1}.supported{font-size:var(--type-detail);font-weight:600;letter-spacing:.04em;direction:ltr;color:var(--muted);margin-top:8px}.canvas-stage{container-type:size;height:100%;width:100%;align-items:center;justify-content:center;padding:20px;overflow:auto;direction:ltr}.crop-frame,.comparison{container-type:size;position:relative;flex-shrink:0;width:min(100%,calc(100cqh * var(--frame-ratio)));aspect-ratio:var(--frame-ratio);overflow:hidden}.crop-frame{touch-action:none;cursor:move;box-shadow:0 5px 20px #0002}.crop-frame>canvas{width:100%;height:100%;display:block}.thirds{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.2%,#fff5 33.3%,transparent 33.6%,transparent 66.4%,#fff5 66.6%,transparent 66.9%),linear-gradient(to bottom,transparent 33.2%,#fff5 33.3%,transparent 33.6%,transparent 66.4%,#fff5 66.6%,transparent 66.9%);border:1px solid #fff9}@container (max-height:7rem){.crop-frame .crop-caption{display:none}}.crop-caption svg{flex-shrink:0}.crop-caption{position:absolute;inset-block-end:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;max-width:calc(100% - 16px);width:max-content;background:#17342bf2;color:#fff;font-size:var(--type-detail);line-height:1.6;border-radius:6px;padding:5px 8px;direction:rtl;pointer-events:none}.checker{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.source-wrap{height:100%;max-width:100%}.source-wrap canvas{width:100%;height:100%;object-fit:contain}.compare-pending{color:var(--muted);text-align:center}.comparison canvas{width:100%;height:100%;position:absolute;inset:0}.split-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.split-line svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--green);padding:6px}.comparison .split-control{min-height:0;opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0!important}.comparison:has(.split-control:focus-visible){outline:3px solid #a75c3c;outline-offset:2px}.comparison:has(.split-control:focus-visible) .split-line svg{outline:2px solid #a75c3c}.before-tag,.after-tag{position:absolute;top:12px;background:#17342bf2;color:#fff;border-radius:5px;padding:4px 8px;font-size:var(--type-detail);font-weight:500}.before-tag{left:10px}.after-tag{right:10px}@container (max-width:12rem){.before-tag-detail{display:none}}@container (max-width:6rem) or (max-height:4rem){.comparison .before-tag,.comparison .after-tag{display:none}}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--type-label);padding:8px 2px;min-height:42px}.viewer-foot>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-foot .subtle{max-width:45%;text-align:end}.image-dimensions{font-variant-numeric:tabular-nums}.subtle{color:var(--muted)}.status{min-height:36px;padding:3px 2px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--type-label);color:var(--green)}.status span{display:flex;align-items:center;gap:7px}.status .error{color:#983c2d;line-height:1.9}.export{grid-area:export;min-width:0;border:1px solid var(--line);border-radius:14px;padding:16px 20px}.stats{display:grid;grid-template-columns:max-content auto max-content minmax(0,1fr);align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.stats small{font-size:var(--type-label);color:var(--muted);display:block;margin-bottom:3px;line-height:1.55}.stats strong{display:block;font-size:var(--type-value);font-weight:650;font-variant-numeric:tabular-nums;line-height:1.45}.stat-arrow{color:var(--muted)}.reduction{text-align:end}.reduction strong{color:var(--green)}.download-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding-top:14px}.filename{min-width:0;font-size:var(--type-label);color:var(--muted)}.filename input{margin-top:5px;font-size:var(--type-section);color:#18352f}.filename small{font-size:var(--type-detail);display:block;margin-top:5px;text-wrap:pretty}.download{white-space:nowrap}.hidden-input{display:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--type-control)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;font-size:var(--type-label);color:var(--muted);padding:22px 0}.mobile-tabs{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.increase strong{color:#983c2d}button,input,textarea,select,option,optgroup{font-feature-settings:normal}button,a,input,summary{touch-action:manipulation}.brand-logo{object-fit:contain;flex-shrink:0}.control-section:last-of-type{border-bottom:0;border-radius:0 0 14px 14px}.select-field{position:relative;width:100%;font:inherit}.select-trigger{width:100%;background:#fff;border:1px solid #d3ded6;border-radius:8px;justify-content:space-between;min-height:44px;text-align:start;font:inherit}.select-trigger span{min-width:0}.select-options{position:absolute;top:calc(100% + 5px);inset-inline:0;margin:0;padding:5px;list-style:none;background:#fff;border:1px solid #d3ded6;border-radius:10px;box-shadow:0 12px 26px #18352f20;z-index:25;max-height:260px;overflow-y:auto;font:inherit}.select-options [role=option]{padding:10px;border-radius:6px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font:inherit;line-height:1.8}.select-options .focused{background:#edf4ef}.select-options .chosen{color:#176b5b;font-weight:600}.select-options [aria-disabled=true]{color:var(--muted);cursor:default}.field:has(.select-field){cursor:default}.primary.download{font-size:var(--type-control);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:9px;min-height:46px}.export-alternatives{display:flex;justify-content:center;gap:12px}.export-alternatives a{display:inline-flex;text-decoration:underline;text-underline-offset:3px;align-items:center}.export-note{margin-bottom:0}.advanced-panel summary{font-weight:600}.control-section.advanced-panel{padding-top:10px;padding-bottom:10px}.export-actions>.download{width:100%;margin-top:calc(1.75 * var(--type-label) + 5px)}a:focus-visible{outline:3px solid #a75c3c;outline-offset:3px}.quality-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:3px;width:152px;max-width:100%;align-items:center}.quality-stepper button{padding:0;min-width:0;width:44px;min-height:44px;background:#e9efeb}.quality-stepper input{height:44px;padding-inline:3px;text-align:center;direction:ltr;font-size:var(--type-value);font-weight:650;font-variant-numeric:tabular-nums}.quality-stepper input:disabled{color:#62776a}.primary.download:disabled{background:#bdcec3;color:#365b49;box-shadow:none;opacity:1}.replace-photo{background:#fcfdfc;border:1px solid var(--line);flex-shrink:0}.status svg{flex-shrink:0}.quality-stepper button:not(:disabled):hover{background:#dcebe4}.select-trigger svg,.select-options svg{flex-shrink:0}@media(max-width:900px){.top{padding-inline:20px}main{padding-inline:20px}.editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"workspace" "controls" "export";grid-template-rows:auto}.privacy{display:none}.top>.quiet{margin-inline-start:auto}.artboard{height:clamp(350px,52vh,490px)}.artboard:has(.empty){min-height:clamp(350px,52vh,490px)}.mobile-tabs{display:flex;margin:12px 16px 0}.control-section{display:none;padding:16px}.control-section.shown,.control-section.advanced-panel{display:block}.control-head{padding:12px 16px}}@media(max-width:560px){.top{min-height:64px;padding:6px 14px;gap:6px;flex-wrap:wrap}.brand{gap:7px}.brand strong{font-size:1.25rem}.brand-logo{width:40px;height:40px}.brand-divider,.brand-desc,.format-note{display:none}main{padding:18px 14px 0}.heading{margin-bottom:16px}.workspace-bar{gap:4px}.views button,.replace-photo{padding-inline:7px}.artboard{height:clamp(330px,42vh,390px)}.artboard:has(.empty){height:auto;min-height:330px}.canvas-stage{padding:12px}.export{padding:14px 16px}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,4.65rem),1fr));align-items:start;gap:12px 8px}.stat-arrow{display:none}.stats strong{font-size:var(--type-section)}.views button,.replace-photo{font-size:var(--type-label)}.download-row{grid-template-columns:minmax(0,1fr)}.export-actions>.download{margin-top:0}footer{flex-wrap:wrap;gap:6px 16px}}