@font-face{font-family:system-fallback;src:local("Arial")}*{box-sizing:border-box}html{color:#262b28;background:#fbf8f2;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}body{margin:0}button,input,select,a{ -webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #dedfd7;background:#fff;border-radius:9px;padding:9px 12px;color:inherit}button:hover{border-color:#9da294;background:#f9faf6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.crop-box:focus-visible{outline:3px solid #d56138;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}input[type=number]{width:100%;min-width:0;border:1px solid #d5d8cd;padding:10px;border-radius:8px;background:#fff;color:#262b28}input[type=range]{width:100%;accent-color:#c95230;margin:12px 0 3px}input[type=checkbox]{accent-color:#49765c;width:16px;height:16px}header{max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;gap:15px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:780}.brand-dot{color:#cc5736}.header-right{display:flex;align-items:center;gap:18px}.privacy-pill{font-size:12px;color:#4b6851;display:flex;gap:6px;align-items:center}.privacy-pill>span:first-child{font-size:8px}.language select{border:1px solid #d9dacf;background:transparent;padding:8px 9px;border-radius:8px;width:100px;color:inherit}.quiet{background:transparent}.primary{background:#c95230;border:1px solid #c95230;color:white;font-weight:650;border-radius:10px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px}.primary:hover{background:#b94527;border-color:#b94527;color:white}.primary.disabled{background:#adb0a8;border-color:#adb0a8;pointer-events:none}.text-button{background:transparent;border:0;color:#726548;padding:7px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}main{max-width:1230px;margin:0 auto;padding:24px 36px 30px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#9a6648;display:block;margin:0 0 10px}h1{font-size:clamp(30px,4.6vw,51px);font-weight:720;letter-spacing:-2px;line-height:1.1;margin:0 0 15px}.subtitle{color:#6a7067;margin:0;line-height:1.7;font-size:15px;max-width:580px}.local-badge{white-space:nowrap;padding:8px 12px;background:#eaf0e5;color:#507254;border-radius:100px;font-size:11px}.dropzone{border:1.5px dashed #b8c2af;background:#f1f4eb;min-height:350px;text-align:center;border-radius:19px;padding:34px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.dropzone.dragging{border-color:#c95230;background:#faeee3}.dropzone h2{font-size:25px;font-weight:660;letter-spacing:-.7px;margin:16px 0 0}.dropzone p{margin:10px 0 22px;color:#757c6e;font-size:14px}.dropzone small{display:block;color:#737d6b;font-size:11px;margin-top:18px}.drop-art{width:106px;height:79px;position:relative}.drop-art svg{width:100%;height:100%;stroke:#809a70;fill:#e5ebda;stroke-width:1.8}.drop-art svg circle{fill:#ccd9bb}.drop-art svg path{fill:none;stroke:#6d865b}.drop-art span{position:absolute;right:0;bottom:0;width:29px;height:29px;background:#fff;border:1px solid #cad4c1;border-radius:50%;font-size:23px;line-height:25px;color:#8b9f74}.status,.update{padding:12px 15px;margin-bottom:18px;background:#eff2e9;border:1px solid #d6dfce;color:#44644a;border-radius:9px;font-size:13px;line-height:1.5}.status.error{background:#fff0e9;border-color:#efcbb9;color:#924927}.update{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor{display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:1px solid #e0e1d7;border-radius:18px;overflow:hidden}.controls{padding:22px;background:#fffefa;border-right:1px solid #e5e6dd}.file-summary{display:flex;align-items:center;gap:10px}.file-icon{font-size:29px;color:#768966;background:#eff2e7;border-radius:7px;width:39px;height:44px;text-align:center;flex-shrink:0}.file-summary>div{min-width:0;flex:1}.file-summary strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:195px}.file-summary small{display:block;font-size:10px;margin-top:4px;color:#818679}.icon-button{padding:0;width:28px;height:28px;flex-shrink:0;border:0;background:transparent;font-size:22px;color:#9b9f94}.controls fieldset{padding:0;margin:23px 0 0;border:0}.controls legend{padding:0;font-size:13px;font-weight:650;margin-bottom:12px}.step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #dce0d4;border-radius:50%;font-size:10px;margin-right:5px;color:#8b927f}.crop-presets,.size-presets,.format-buttons{display:flex;gap:5px;margin-bottom:13px}.crop-presets button,.size-presets button,.format-buttons button{padding:7px 8px;font-size:11px;flex:1;white-space:nowrap}.crop-presets button:first-child{flex:1.6}.active{background:#eaf0e3!important;border-color:#a9b89a!important;color:#476447!important}.transform-buttons{display:flex;gap:5px}.transform-buttons button{font-size:11px;padding:7px}.crop-exact{margin-top:11px;font-size:11px;color:#7b8271}.crop-exact summary{cursor:pointer;margin-bottom:10px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-grid label{font-size:11px;color:#798171;display:grid;gap:6px}.input-unit{position:relative}.input-unit input{padding-right:30px;font-size:13px}.input-unit>span{position:absolute;right:10px;top:12px;color:#9ba28e;font-size:11px;pointer-events:none}.check{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:9px;color:#6c7661}.quality-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#737c66}.quality-label output{font-weight:700;color:#585f51}.hint{font-size:10px;line-height:1.6;color:#8a8e81;margin:7px 0}.background{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:10px;color:#818a75;gap:8px}.background input{padding:0;width:35px;height:24px;border:1px solid #d9dece;border-radius:4px;background:transparent}.workspace{padding:20px 24px 18px;min-width:0}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.preview-tabs{display:flex;gap:4px}.preview-tabs button{font-size:11px;border-color:transparent;padding:7px 12px}.preview-header>span{font-size:10px;color:#919788}.preview-stage{height:410px;min-height:210px;background:#f4f5ef;border:1px solid #e9ebe2;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:19px;overflow:hidden;background-image:linear-gradient(45deg,#edf0e7 25%,transparent 25%),linear-gradient(-45deg,#edf0e7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0e7 75%),linear-gradient(-45deg,transparent 75%,#edf0e7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.canvas-wrap{position:relative;line-height:0;max-width:100%;max-height:100%;flex-shrink:1;touch-action:none}.canvas-wrap canvas{display:block;max-width:100%;max-height:370px;object-fit:contain}.crop-box{position:absolute;border:1.5px solid white;box-shadow:0 0 0 1500px #121c2355;touch-action:none;cursor:move;line-height:normal}.crop-box:before,.crop-box:after{content:"";position:absolute;pointer-events:none;inset:33.333% 0;border-top:1px solid #ffffff66;border-bottom:1px solid #ffffff66}.crop-box:after{inset:0 33.333%;border:0;border-left:1px solid #ffffff66;border-right:1px solid #ffffff66}.crop-box i{position:absolute;width:26px;height:26px;border:0;touch-action:none;z-index:2}.crop-box i:after{content:"";position:absolute;inset:8px;background:white;border-radius:2px;box-shadow:0 0 0 1px #40514050}.crop-box i[data-handle=nw]{left:-13px;top:-13px;cursor:nwse-resize}.crop-box i[data-handle=ne]{right:-13px;top:-13px;cursor:nesw-resize}.crop-box i[data-handle=sw]{left:-13px;bottom:-13px;cursor:nesw-resize}.crop-box i[data-handle=se]{right:-13px;bottom:-13px;cursor:nwse-resize}.result-image{max-width:100%;max-height:100%;object-fit:contain}.preview-help{font-size:10px;line-height:1.6;color:#8e9583;min-height:20px;margin:11px 0 18px}.export-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;background:#f3f6ec;border:1px solid #dfe6d5;border-radius:12px}.export-card .eyebrow{font-size:9px;margin-bottom:7px;color:#779260}.export-card strong{display:block;font-size:16px;font-weight:660}.export-card #saving{display:block;font-size:11px;margin-top:5px;color:#789367}.export-card .primary{font-size:12px;white-space:nowrap;padding:11px 18px}.metadata-note{font-size:10px;color:#939b88;margin:12px 0 0;display:flex;gap:6px;line-height:1.6}.metadata-note>span:first-child{color:#809867;font-size:15px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0 25px}.how>div{display:grid;grid-template-columns:29px auto;gap:4px 9px}.how span{grid-row:span 2;font-size:10px;color:#a4b394;margin-top:4px}.how h3{font-size:12px;font-weight:650;margin:0}.how p{font-size:11px;line-height:1.6;color:#939988;margin:0}.install-help{border-top:1px solid #e4e5dc;padding-top:18px;font-size:12px;color:#7c8670}.install-help summary{cursor:pointer}.install-help p{font-size:11px;line-height:1.8;max-width:800px}footer{max-width:1230px;margin:auto;padding:22px 36px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#8b917f}footer>span{font-weight:650}footer nav{display:flex;gap:20px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.legal{max-width:750px;line-height:1.8}.legal h1{font-size:32px}.legal h2{font-size:19px;margin-top:30px}.legal p,.legal li{font-size:14px}.legal a{color:#a34c32}
@media(max-width:850px){header{padding:18px 22px}.privacy-pill{display:none}main{padding:20px 22px}.intro{display:block}.local-badge{display:inline-block;margin-top:15px}.editor{grid-template-columns:265px minmax(0,1fr)}.controls{padding:17px}.workspace{padding:17px}.preview-stage{height:355px;padding:15px}.canvas-wrap canvas{max-height:320px}.export-card{display:block;padding:15px}.export-card .primary{margin-top:14px;width:100%}footer{padding:20px 22px}.how{gap:12px}}
@media(max-width:620px){header{padding:16px;gap:10px}.brand{font-size:23px}.brand img{width:32px;height:32px}.header-right{gap:7px}.language select{width:89px;padding:7px;font-size:12px}#install{font-size:11px;padding:7px}main{padding:18px 16px}.intro{margin-bottom:22px}h1{font-size:35px;letter-spacing:-1.4px}.eyebrow{font-size:9px}.subtitle{font-size:13px}.local-badge{font-size:10px}.dropzone{min-height:320px}.editor{display:flex;flex-direction:column}.workspace{order:0;padding:13px}.controls{order:1;border-right:0;border-top:1px solid #e2e6d8;padding:17px}.file-summary strong{max-width:240px}.preview-stage{height:300px;padding:15px}.canvas-wrap canvas{max-height:268px}.export-card{display:flex;padding:14px;gap:10px}.export-card .primary{width:auto;margin:0;padding:11px 14px;font-size:11px}.export-card strong{font-size:13px}.preview-help,.metadata-note{font-size:9px}.controls fieldset{margin-top:20px}.crop-presets button,.size-presets button,.format-buttons button{font-size:12px;padding:9px 7px}.controls legend{font-size:14px}.transform-buttons button{padding:9px;font-size:12px}.input-grid label{font-size:12px}.check{font-size:12px}.hint,.background,.quality-label{font-size:11px}.how{grid-template-columns:1fr;gap:18px;margin:30px 0 24px}.how p{font-size:12px}.how h3{font-size:13px}footer{padding:20px 16px;flex-direction:column;align-items:flex-start;gap:14px;font-size:11px}footer nav{flex-wrap:wrap;gap:20px}.update{font-size:11px}.privacy-pill{display:none}}

.hint,.preview-help,.metadata-note,.install-help,.how p,footer{color:#6f7866}.preview-header>span{color:#737c6b}@media(max-width:620px){.controls input[type=number]{font-size:16px}.header-right{flex-wrap:wrap;justify-content:flex-end;min-width:0}.language select{font-size:16px;width:103px}.crop-box i{width:36px;height:36px}.crop-box i:after{inset:12px}.crop-box i[data-handle=nw]{left:-18px;top:-18px}.crop-box i[data-handle=ne]{right:-18px;top:-18px}.crop-box i[data-handle=sw]{left:-18px;bottom:-18px}.crop-box i[data-handle=se]{right:-18px;bottom:-18px}}