@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/nunito-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/nunito-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/nunito-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/nunito-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/nunito-900.ttf) format('truetype');
}
:root{--ink:#434650;--muted:#75818b;--blue:#1473e6;--line:#e0e5eb;--soft:#f5f7f9;--sans:'Nunito Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1473e670;outline-offset:4px}svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}img{display:block;max-width:100%}.content-width{width:calc(100% - 80px);max-width:1180px;margin-inline:auto}.header{height:82px;padding:0 42px;display:flex;align-items:center;gap:55px;border-bottom:1px solid #e9edf1;background:#fff}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand-icon{display:flex;color:var(--blue)}.brand-icon svg{width:33px;height:32px;stroke-width:2.6}.top-nav{display:flex;align-items:center;gap:37px;font-size:14px;font-weight:650;height:100%}.top-nav button{padding:0;font-size:14px;font-weight:650}.top-nav a:hover,.top-nav button:hover{color:var(--blue)}.tools-trigger{display:flex;align-items:center;gap:7px}.tools-trigger svg{height:15px;width:15px;stroke-width:1.5}.local-badge{margin-left:auto;color:#75808a;font-size:13px;white-space:nowrap}.mobile-menu{display:none!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;min-height:44px;padding:11px 20px;border-radius:7px;font-weight:750;font-size:15px;line-height:1.4;transition:background .16s}.button svg{height:18px;width:18px}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover:not(:disabled){background:#0862cc}.button.secondary{background:#fff;color:#626f7d;border-color:#d7dfe8}.button.secondary:hover:not(:disabled){background:#f4f7fb}.blue-link{font-size:16px;font-weight:750;color:var(--blue);padding:0}.blue-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link{padding:0;color:#7a899c;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:4px}.icon-button:hover{background:#f1f4f8}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h2{font-size:40px;font-weight:900;line-height:1.2;letter-spacing:-1.2px}.home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:96px 0 100px}.hero-photo{height:318px;border-radius:16px;overflow:hidden;position:relative}.hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 38%}.hero-crop{position:absolute;left:21%;right:20%;top:10%;bottom:10%;border:1.5px solid #fff}.hero-crop i{position:absolute;width:9px;height:9px;background:#fff}.hero-crop i:nth-child(1){top:-5px;left:-5px}.hero-crop i:nth-child(2){top:-5px;right:-5px}.hero-crop i:nth-child(3){bottom:-5px;left:-5px}.hero-crop i:nth-child(4){bottom:-5px;right:-5px}.hero-introduction h1{font-size:54px;font-weight:900;letter-spacing:-1.8px;line-height:1.12;margin:28px 0 12px}.hero-introduction>p{font-size:23px;font-weight:650;line-height:1.4;color:#7a858f;margin:0}.hero-upload{padding-top:6px}.upload-card{min-height:304px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border-radius:26px;box-shadow:0 9px 45px #22324414,0 2px 8px #27354205;padding:55px 34px;background:white;border:1px solid #f4f5f7;transition:.2s}.upload-card.dragover{background:#f3f8ff;border-color:var(--blue);box-shadow:0 0 0 4px #1473e615}.upload-card .large{min-width:290px;font-size:23px;min-height:62px;border-radius:10px;padding:14px 30px}.upload-card>p{font-size:19px;font-weight:750;margin:23px 0 7px}.upload-card>span{font-size:13px;color:#8a94a0}.upload-card #home-upload-status:not(:empty){margin-top:15px;font-size:12px;color:#6d839d;max-width:330px;text-align:center}.sample-options{margin-top:28px}.sample-options>p{font-size:16px;font-weight:750;margin:0 0 12px}.sample-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:415px}.sample-list>button{padding:0;border-radius:11px;overflow:hidden;transition:transform .15s;background:#f1f4f7}.sample-list>button:hover{transform:translateY(-3px)}.sample-list img{height:84px;width:100%;object-fit:cover}.sample-options small{display:block;font-size:11px;color:#909aa6;margin-top:15px;line-height:1.7}.comparison-section{text-align:center;padding-top:12px;padding-bottom:106px}.comparison-section h2{margin-bottom:42px}.image-comparison{--comparison:50%;position:relative;width:100%;height:475px;border-radius:16px;overflow:hidden;background:#e8eef3}.image-comparison img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.comparison-base{filter:saturate(1.2) brightness(1.04) contrast(1.04)}.comparison-original{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison)) 0 0)}.comparison-original img{filter:saturate(.58) brightness(.92)}.comparison-label{position:absolute;top:20px;font-size:13px;color:white;background:#3e536b90;padding:5px 12px;border-radius:6px;pointer-events:none}.original-label{left:22px}.adjusted-label{right:22px}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.comparison-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:42px;width:42px;border-radius:50%;background:white;color:#647185;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 2px 7px #20345320;letter-spacing:2px}.image-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.image-comparison:focus-within{outline:3px solid #1473e680;outline-offset:4px}.comparison-section>p{font-size:17px;font-weight:600;color:#828d98;margin:21px 0 8px}.comparison-section>.blue-link{font-size:17px}.size-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:25px 0 100px}.size-study{height:377px;border-radius:15px;position:relative;overflow:hidden;background:#e8ebed}.size-study>img{height:100%;width:100%;object-fit:cover}.crop-study{position:absolute;border:1.5px solid #ffffffd9;border-radius:8px}.crop-study>span{position:absolute;top:10px;left:10px;background:#fffffff2;color:#536171;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:750}.crop-study.wide{inset:10% 5% 10% 5%}.crop-study.square{width:58%;height:82%;top:15%;left:25%}.feature-copy h2{font-size:38px;margin-bottom:23px;line-height:1.16}.feature-copy p{font-size:18px;font-weight:600;color:#818c97;line-height:1.55;max-width:440px;margin-bottom:25px}.feature-copy .blue-link{display:block;width:fit-content;font-size:17px;margin:15px 0 0}.format-section{background:#f6f8fa}.format-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0}.format-study>img{width:100%;height:260px;object-fit:cover;border-radius:13px}.format-labels{display:flex;justify-content:center;gap:18px;margin-top:12px}.format-labels>span{font-size:13px;font-weight:700;color:#7f8a96;background:#e9edf2;padding:3px 24px;border-radius:5px}.home-faq{padding:68px 0 85px;max-width:1120px}.home-faq>h2{text-align:center;margin-bottom:34px}.home-faq details{border:1px solid #d9e0e9;border-radius:9px;margin-bottom:9px;padding:0 20px}.home-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:17px;font-weight:800;padding:14px 0}.home-faq summary::-webkit-details-marker{display:none}.home-faq summary>span{font-size:23px;line-height:1;color:#7b8796}.home-faq details>p{color:#7c8793;font-size:15px;line-height:1.8;padding:0 0 17px;margin:0;max-width:950px}.home-faq p a{color:var(--blue);text-decoration:underline}.footer{background:#f5f7f9}.footer-inner{display:flex;align-items:center;gap:35px;padding:31px 42px}.footer .brand{font-size:23px}.footer .brand-icon svg{width:29px;height:29px}.footer nav{display:flex;align-items:center;gap:28px;padding-left:28px;border-left:1px solid #dce2e8;font-size:13px;color:#818b98}.footer nav button{padding:0;font-size:13px}.footer-inner>span{font-size:11px;color:#929ba8;margin-left:auto}.tool-main{padding-top:25px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#929ca8}.breadcrumb a{color:var(--blue);font-weight:650}.breadcrumb>span:last-child{color:#72808e}.workspace-heading{text-align:center;padding:30px 0 43px}.workspace-heading h1{font-size:48px;line-height:1.15;letter-spacing:-1.5px;font-weight:900;margin-bottom:15px}.workspace-heading p{font-size:19px;line-height:1.6;color:#81909f;margin:0}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.preview-pane{min-width:0;background:#eff3f7;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px;padding:18px 24px}.filename-wrap{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:800}.filename-wrap>span[data-icon]{display:flex;color:#7d8b9a}.filename-wrap svg{width:24px;height:24px}.filename-wrap>#file-name{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-badge{display:none}.replace-image{font-size:13px;white-space:nowrap}.canvas-stage{height:438px;min-height:330px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:4px 24px 8px}.canvas-stage canvas{display:block;max-height:420px;max-width:100%;border-radius:9px;object-fit:contain;touch-action:none}.canvas-stage canvas.picker,.canvas-stage canvas.selection{cursor:crosshair}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:12px 24px;font-size:12px;color:#7a8797;flex-wrap:wrap}.canvas-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.history-actions{display:flex;align-items:center;gap:12px;margin-left:auto;font-size:12px;white-space:nowrap}.history-actions>span[data-icon]{display:flex}.history-actions button{display:flex;padding:3px;color:#7b899b}.history-actions svg{width:16px;height:16px}.meta-divider{width:1px;height:17px;background:#ccd5e1}.preview-tabs{display:flex;gap:10px;font-size:10px}.preview-tabs button{color:#8c99aa;padding:0}.preview-tabs button.active{color:var(--blue)}.editor-controls{background:#fff;border:1px solid #e3e8ef;border-radius:15px;box-shadow:0 5px 12px #3443570a;padding:24px;min-width:0}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-title h2{font-size:24px;letter-spacing:-.6px;font-weight:900;line-height:1.3;margin:0}.settings-title>span{display:none}.tool-description{font-size:13px;color:#8a96a4;line-height:1.8;margin:12px 0 22px}.tool-description:empty{display:none}#tool-controls{margin-top:24px}.form-row{display:flex;align-items:center;gap:12px;justify-content:space-between;position:relative;font-size:14px;color:#687586;margin:18px 0}.form-row input[type=number],.form-row select{border:1px solid #d8e0e9;border-radius:6px;background:#fff;padding:8px 11px;font-size:14px;color:#526174;min-width:0;width:155px;box-shadow:0 1px 2px #36405105}.form-row .unit{position:absolute;right:1px;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;background:#f0f3f7;border-left:1px solid #d8e0e9;padding:0 10px;border-radius:0 5px 5px 0;font-size:12px;color:#7b899b}.form-row input[type=number]:has(+.unit){padding-right:46px}.form-row input[type=number]::-webkit-inner-spin-button{margin-right:28px}.form-row input[type=color]{height:28px;width:45px;border:1px solid #d7dfe9;padding:2px;background:#fff;border-radius:3px}.form-row input:invalid{border-color:#b75e51}.check-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#6a788a;margin:20px 0}.check-label input{width:16px;height:16px;accent-color:var(--blue);margin-left:0}.range-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;font-size:14px;color:#6b788a;margin:22px 0}.range-label output{font-size:13px;color:#8793a3;font-variant-numeric:tabular-nums}.range-label input{grid-column:1/-1;width:100%;appearance:none;height:4px;border-radius:3px;cursor:pointer;margin:0;background:linear-gradient(to right,var(--blue) 0%,var(--blue) var(--fill,75%),#dce3ed var(--fill,75%),#dce3ed 100%)}.range-label input::-webkit-slider-thumb{appearance:none;height:18px;width:18px;border:1.6px solid var(--blue);background:#fff;border-radius:50%}.range-label input::-moz-range-thumb{height:15px;width:15px;border:1.6px solid var(--blue);background:#fff;border-radius:50%}.export-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.export-controls>summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b98a8;list-style:none;cursor:pointer}.export-controls summary::-webkit-details-marker{display:none}.export-controls[open]>summary{display:none}.export-controls .form-row{display:block;margin-top:0}.export-controls .form-row>select{display:block;width:100%;margin-top:9px;padding:9px 12px;font-size:14px}.background-setting,.background-hint{display:none!important}.control-hint{font-size:11px;color:#98a4b3;line-height:1.8;margin:12px 0 0}.settings-actions{margin-top:28px}.settings-actions>#download-image{width:100%;font-size:15px;min-height:46px}.settings-actions .reset-link{display:block;margin:15px auto 0;font-size:13px;color:#7b8a9f;padding:0}.continue-editing{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.continue-editing>summary{font-size:11px;color:#94a0b0;cursor:pointer;list-style:none}.continue-editing>summary:after{content:'+';float:right}.continue-editing[open]>summary:after{content:'−'}.continue-editing summary::-webkit-details-marker{display:none}.continue-editing .button{margin-top:14px;width:100%;font-size:12px}.continue-editing .blue-link{font-size:11px;margin-top:12px}.original-note{font-size:10px;color:#97a3b3;text-align:center;line-height:1.7;margin:25px 0 0}.advanced-adjustments{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.advanced-adjustments summary{font-size:12px;color:#8a98aa;cursor:pointer;list-style:none}.advanced-adjustments summary:after{content:'+';float:right}.advanced-adjustments[open] summary:after{content:'−'}.advanced-adjustments summary::-webkit-details-marker{display:none}.control-buttons{display:flex;gap:7px;flex-wrap:wrap}.control-buttons .button{font-size:12px;min-height:34px;padding:7px 11px}.text-field-label{display:block;margin-top:16px;font-size:13px;color:#79889c}.control-text{display:block;border:1px solid #d8e0e9;border-radius:5px;padding:9px;width:100%;min-width:0;background:#fff;font-size:13px;line-height:1.7;margin-top:10px;resize:vertical}.workspace-status{position:relative;text-align:center;padding:23px 0 18px;color:#8c99aa;font-size:13px}.workspace-status .status-dot{display:none}.workspace-status .text-link{position:absolute;right:0;top:26px;font-size:11px}.upload-strip{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 20px;border:1px dashed #d6e0ed;border-radius:9px;background:#fcfdfe;max-width:580px;margin:0 auto 15px;color:#a4afbd}.upload-strip>span{display:flex}.upload-strip svg{height:22px;width:22px}.upload-strip p{font-size:12px;margin:0;color:#93a1b3}.upload-strip .blue-link{font-size:12px}.upload-strip small{display:block;font-size:9px;margin-top:2px;color:#aab4c1}.upload-strip.dragover{background:#edf5ff;border-color:var(--blue)}.editor-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;min-height:300px}.editor-empty>span{color:#aab7c8;display:flex}.editor-empty>span svg{height:40px;width:40px;stroke-width:1.2}.editor-empty h3{font-size:24px;font-weight:850;margin:19px 0 0}.editor-empty p{font-size:13px;color:#99a6b8;margin:12px 0 20px;line-height:1.8}.editor-empty .text-link{margin-top:17px}.batch-help{display:flex;align-items:center;gap:8px;border-top:1px solid #dce3ec;padding:14px 20px;font-size:11px;color:#8a9bb2;line-height:1.8}.batch-help span{min-width:0}.batch-help button{font-size:11px;color:var(--blue);white-space:nowrap;margin-left:auto}.batch-help svg{height:16px;width:16px}.file-queue{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:0 20px 17px}.queue-file{display:flex;align-items:center;gap:6px;min-width:140px;max-width:185px;padding:5px;border:1px solid #d3dfed;border-radius:5px;background:white}.queue-file.active{border-color:var(--blue)}.queue-file img{height:31px;width:31px;object-fit:cover}.queue-file>button:first-of-type{padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px;font-size:10px}.remove-file{font-size:15px;color:#9cabbf;margin-left:auto;padding:3px}.palette-panel{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 17px}.palette-color{border:1px solid #d5dfed;padding:5px;border-radius:4px;background:white;font-size:9px;color:#8395b0}.palette-color>span{display:block;height:25px;width:46px;margin-bottom:4px}.color-swatch{height:14px;width:14px;display:inline-block;vertical-align:middle;margin-right:6px;border:1px solid #0001}#crop-box{position:absolute;border:1.5px solid white;pointer-events:none;box-shadow:0 0 0 1000px #17223240;background:linear-gradient(90deg,transparent 33%,#ffffff80 33.2%,transparent 33.6%,transparent 66%,#ffffff80 66.2%,transparent 66.6%),linear-gradient(transparent 33%,#ffffff80 33.2%,transparent 33.6%,transparent 66%,#ffffff80 66.2%,transparent 66.6%)}#preview-busy{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:6px 11px;font-size:11px;color:#8296b1;background:#fffffff5;border-radius:5px;white-space:nowrap}.tool-guide{padding:65px 0 0}.tool-guide>h2{text-align:center;font-size:37px;line-height:1.3;margin-bottom:46px}.guide-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0 0 75px;padding:0}.guide-steps h3{font-size:21px;font-weight:850;line-height:1.4;letter-spacing:-.4px;margin:0 0 14px}.guide-steps h3>span{color:var(--blue);margin-right:8px}.guide-steps p{font-size:15px;color:#8895a6;line-height:1.9;margin:0}.resize-study{display:grid;grid-template-columns:1.25fr 1fr 25px .85fr;gap:28px;align-items:center;background:#f0f4f8;border-radius:16px;padding:42px 35px;margin-bottom:66px}.resize-study>div{padding-right:18px}.resize-study h2{font-size:30px;font-weight:900;margin-bottom:16px;line-height:1.25}.resize-study p{font-size:14px;color:#8b9aaf;line-height:1.8;margin:0}.resize-study figure{margin:0;min-width:0}.resize-study img{width:100%;height:auto;border-radius:7px}.resize-study figcaption{font-size:11px;color:#8c9bb0;text-align:center;margin-top:12px}.resize-study>span{font-size:28px;color:#8b9cb4;text-align:center}.tool-about{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;background:#f6f8fa;border-radius:14px;padding:40px;margin-bottom:65px}.tool-about h2{font-size:29px;margin-bottom:18px}.tool-about p{font-size:15px;line-height:1.9;color:#8b98aa;margin:0}.related-tools{display:flex;flex-direction:column;justify-content:center;gap:15px}.related-tools>span{font-size:12px;color:#a5b1c0}.related-tools>a{font-size:14px;color:var(--blue);font-weight:700}.tool-faq{margin:0 auto 75px;max-width:1090px}.tool-faq>h2{text-align:center;font-size:36px;margin-bottom:38px}.tool-faq details{border-bottom:1px solid #d9e1ed}.tool-faq summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:17px;font-weight:850;padding:17px 0;gap:20px}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary>span{color:#9eacbf;font-size:22px}.tool-faq p{font-size:14px;color:#8c9bb0;line-height:1.9;margin:0 0 19px;max-width:900px}.info-dialog{padding:35px;border:1px solid #e0e6ef;border-radius:15px;box-shadow:0 20px 80px #263b5b25;width:540px;max-width:92vw;color:var(--ink)}.info-dialog::backdrop{background:#1d2d474d;backdrop-filter:blur(3px)}.info-dialog>#close-info{position:absolute;top:14px;right:14px;color:#92a2b8}.info-dialog h2{font-size:27px;font-weight:900;line-height:1.3;letter-spacing:-.5px;margin:9px 0 25px}.info-dialog h3{font-size:15px;margin-top:26px}.info-dialog p,.info-dialog li{font-size:13px;color:#8c9ab0;line-height:1.9}.info-dialog a{color:var(--blue)}.info-dialog li{margin-bottom:15px}.info-dialog ol{padding-left:20px}.info-dialog kbd{font-size:11px;padding:3px 6px;border:1px solid #dde5f0;border-radius:3px;background:#f6f8fb;color:#8398b6}.eyebrow{font-size:10px;letter-spacing:1px;color:#a5b4c8;margin-bottom:15px}.tool-finder{display:flex;align-items:center;gap:10px;border:1px solid #d8e2ef;border-radius:7px;padding:12px;color:#9aacc5}.tool-finder svg{width:18px;height:18px}.tool-finder input{outline:0;border:0;width:100%;min-width:0;background:white;color:var(--ink);font-size:13px}.find-tool-results{max-height:52dvh;overflow:auto;margin-top:16px}.find-tool-results>a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eef2f7;padding:15px 6px}.find-tool-results>a>svg{color:#8ca3c1;height:19px;width:19px}.find-tool-results strong{font-size:13px;font-weight:750;display:block;color:#687f9e}.find-tool-results small{display:block;font-size:11px;color:#a2b0c4;margin-top:5px}.find-tool-results>a>span:last-child{margin-left:auto;color:#9eb1cb}.find-tool-results>a:hover{background:#f6f9fd}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#324c71;color:white;padding:13px 21px;border-radius:8px;font-size:13px;z-index:100;max-width:90vw;text-align:center;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.content-width{max-width:1240px}.home-hero{gap:85px}.hero-photo{height:345px}.home-hero h1{font-size:58px}.image-comparison{height:500px}.size-study{height:405px}}
@media(max-width:1100px){.header{padding:0 28px;gap:37px}.top-nav{gap:27px}.content-width{width:calc(100% - 64px)}.home-hero{gap:42px;padding:75px 0 80px}.hero-photo{height:270px}.hero-introduction h1{font-size:47px;letter-spacing:-1.5px}.hero-introduction>p{font-size:20px}.upload-card{padding:40px 25px;min-height:275px;border-radius:23px}.upload-card .large{min-width:250px;font-size:21px;min-height:57px}.upload-card>p{font-size:17px}.upload-card>span{font-size:11px}.sample-list{gap:10px}.sample-list img{height:75px}.sample-options small{font-size:10px}.comparison-section{padding-bottom:80px}h2{font-size:36px}.image-comparison{height:420px}.size-section{gap:45px;padding-bottom:75px}.size-study{height:330px}.feature-copy h2{font-size:32px}.feature-copy p{font-size:16px}.format-inner{gap:50px}.editor-workspace{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.editor-controls{padding:22px}.canvas-stage{height:420px;min-height:330px;padding:4px 20px 8px}.canvas-stage canvas{max-height:400px}.preview-toolbar{padding:17px 20px}.filename-wrap{font-size:13px;gap:8px}.filename-wrap>#file-name{max-width:200px}.replace-image{font-size:12px}.preview-bottom{padding:12px 20px;gap:10px}.preview-tabs{font-size:9px;gap:8px}.history-actions{gap:9px}.form-row input[type=number],.form-row select{width:145px}.tool-guide>h2{font-size:33px}.guide-steps{gap:28px}.guide-steps h3{font-size:19px}.guide-steps p{font-size:14px}.resize-study{padding:32px 27px;gap:21px}.resize-study h2{font-size:26px}.resize-study p{font-size:12px}.resize-study figcaption{font-size:10px}.footer-inner{padding:28px 30px;gap:27px}.footer nav{gap:20px;padding-left:24px}.footer-inner>span{font-size:10px}.tool-about{gap:35px;padding:32px}}
@media(max-width:850px){.header{height:73px;padding:0 24px;gap:30px}.brand{font-size:25px}.brand-icon svg{width:30px;height:29px}.top-nav{font-size:12px;gap:23px}.top-nav button{font-size:12px}.local-badge{font-size:11px}.content-width{width:calc(100% - 48px)}.home-hero{gap:30px;padding:60px 0 70px}.hero-photo{height:225px;border-radius:12px}.hero-introduction h1{font-size:39px;margin-top:24px;letter-spacing:-1px}.hero-introduction>p{font-size:17px}.upload-card{min-height:240px;padding:30px 20px;border-radius:20px}.upload-card .large{font-size:18px;min-width:215px;min-height:51px}.upload-card>p{font-size:16px;margin-top:20px}.upload-card>span{font-size:10px}.sample-options{margin-top:23px}.sample-options>p{font-size:13px}.sample-list{gap:8px}.sample-list img{height:63px}.sample-options small{font-size:9px}.comparison-section h2{font-size:31px;margin-bottom:32px}.image-comparison{height:340px;border-radius:12px}.comparison-section>p{font-size:14px}.comparison-section>.blue-link{font-size:15px}.size-section{gap:32px;padding-top:10px;padding-bottom:60px}.size-study{height:285px;border-radius:12px}.crop-study>span{font-size:10px;padding:3px 7px}.feature-copy h2{font-size:29px;letter-spacing:-.8px}.feature-copy p{font-size:15px;margin-bottom:20px}.feature-copy .blue-link{font-size:15px;margin-top:13px}.format-inner{padding:48px 0;gap:36px}.format-study>img{height:225px;border-radius:10px}.format-labels{gap:12px}.format-labels>span{font-size:10px;padding:3px 20px}.home-faq{padding:50px 0 65px}.home-faq>h2{font-size:32px}.home-faq summary{font-size:15px}.home-faq details>p{font-size:13px}.workspace-heading{padding:28px 0 36px}.workspace-heading h1{font-size:43px}.workspace-heading p{font-size:17px}.editor-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.editor-controls{padding:19px}.settings-title h2{font-size:21px}.form-row{font-size:12px;gap:8px}.form-row input[type=number],.form-row select{font-size:13px;width:125px;padding:8px 10px}.check-label{font-size:12px}.range-label{font-size:13px}.settings-actions>#download-image{font-size:13px}.filename-wrap>#file-name{max-width:150px}.filename-wrap>span[data-icon]{display:none}.replace-image{font-size:11px}.canvas-stage{height:370px;min-height:300px;padding:4px 16px}.canvas-stage canvas{max-height:360px}.preview-toolbar{padding:16px;min-height:62px;gap:9px}.filename-wrap{font-size:12px}.preview-bottom{padding:13px 16px;font-size:10px}.canvas-meta{gap:8px}.preview-tabs{font-size:9px}.history-actions{font-size:10px;gap:7px}.history-actions svg{height:14px;width:14px}.preview-bottom .meta-divider{display:none}.preview-bottom .history-actions>span:last-child{display:none}.workspace-status{font-size:12px}.workspace-status .text-link{font-size:10px}.tool-guide{padding-top:50px}.tool-guide>h2{font-size:30px;margin-bottom:33px}.guide-steps{gap:24px;margin-bottom:55px}.guide-steps h3{font-size:17px}.guide-steps p{font-size:12px}.resize-study{gap:17px;padding:28px 22px;grid-template-columns:1.2fr 1fr 15px .85fr}.resize-study>div{padding:0}.resize-study h2{font-size:23px;letter-spacing:-.6px}.resize-study p{font-size:11px}.resize-study>span{font-size:23px}.resize-study figcaption{font-size:9px}.tool-faq>h2{font-size:30px}.tool-faq summary{font-size:15px}.tool-faq p{font-size:13px}.footer .brand{font-size:21px}.footer-inner{gap:24px;padding:26px 24px;flex-wrap:wrap}.footer nav{font-size:12px;gap:22px}.footer nav button{font-size:12px}.footer-inner>span{margin-left:auto;font-size:9px}.original-note{font-size:9px}.tool-about h2{font-size:25px}.tool-about p{font-size:13px}.related-tools>a{font-size:12px}}
@media(max-width:650px){.header{height:67px;padding:0 21px;gap:25px}.brand{font-size:24px;gap:8px}.brand-icon svg{width:29px;height:28px}.top-nav{gap:20px;margin-left:auto}.top-nav button{font-size:12px}.top-nav>a{display:none}.local-badge{display:none}.mobile-menu{display:none!important}.content-width{width:calc(100% - 40px)}.home-hero{display:flex;flex-direction:column;gap:33px;padding:34px 0 57px}.hero-introduction{width:100%}.hero-photo{height:218px;border-radius:13px}.hero-photo>img{object-position:50% 34%}.hero-introduction h1{font-size:37px;letter-spacing:-1.2px;line-height:1.1;text-align:center;margin:22px 0 10px}.hero-introduction h1 br{display:none}.hero-introduction>p{font-size:17px;text-align:center}.hero-upload{width:100%;padding:0}.upload-card{padding:35px 22px;min-height:238px;border-radius:22px;box-shadow:0 7px 28px #22324415}.upload-card .large{width:100%;max-width:285px;min-width:0;min-height:54px;font-size:20px}.upload-card>p{font-size:17px;margin:19px 0 7px}.upload-card>span{font-size:11px}.sample-options{margin-top:25px}.sample-options>p{font-size:14px;margin-bottom:11px}.sample-list{max-width:none;gap:11px}.sample-list img{height:77px}.sample-options small{font-size:10px;line-height:1.8;margin-top:13px}.comparison-section{padding-top:10px;padding-bottom:60px}.comparison-section h2{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:0 auto 25px;max-width:330px}.image-comparison{height:249px;border-radius:12px}.comparison-label{top:12px;font-size:10px;padding:4px 8px;border-radius:5px}.original-label{left:12px}.adjusted-label{right:12px}.comparison-divider>span{width:32px;height:32px;font-size:20px;letter-spacing:1px}.comparison-section>p{font-size:13px;line-height:1.7;margin:17px 0 8px}.comparison-section>.blue-link{font-size:14px}.size-section{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:0 0 55px}.size-study{height:265px;border-radius:12px}.crop-study>span{font-size:11px}.feature-copy h2{font-size:31px;letter-spacing:-.8px;line-height:1.2;margin-bottom:16px}.feature-copy h2 br{display:none}.feature-copy p{font-size:16px;line-height:1.6;max-width:none;margin-bottom:21px}.feature-copy .blue-link{font-size:15px;margin-top:14px}.format-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:37px 0}.format-study>img{height:219px;border-radius:11px}.format-labels{gap:18px;margin-top:12px}.format-labels>span{font-size:11px;padding:3px 24px}.home-faq{padding:42px 0 49px}.home-faq>h2{font-size:30px;letter-spacing:-.7px;margin-bottom:25px}.home-faq details{padding:0 13px;border-radius:8px}.home-faq summary{padding:13px 0;font-size:14px;line-height:1.5;gap:10px}.home-faq summary>span{font-size:21px}.home-faq details>p{font-size:12px;line-height:1.9;padding-bottom:16px}.footer-inner{padding:27px 21px 23px;gap:20px 27px;align-items:center;justify-content:center}.footer .brand{font-size:22px}.footer .brand-icon svg{height:27px;width:27px}.footer nav{border:0;padding:0;gap:18px;font-size:11px}.footer nav button{font-size:11px}.footer-inner>span{width:100%;text-align:center;margin:0;font-size:10px}.tool-main{padding-top:20px}.breadcrumb{font-size:12px;gap:10px}.workspace-heading{padding:28px 0 30px}.workspace-heading h1{font-size:37px;letter-spacing:-1px;margin-bottom:13px}.workspace-heading p{font-size:15px;line-height:1.65}.editor-workspace{display:flex;flex-direction:column;gap:18px}.preview-pane{width:100%;border-radius:13px}.preview-toolbar{padding:17px;min-height:64px}.filename-wrap{font-size:13px}.filename-wrap>#file-name{max-width:186px}.filename-wrap>span[data-icon]{display:flex}.filename-wrap svg{height:19px;width:19px}.replace-image{font-size:11px}.canvas-stage{height:auto;min-height:0;aspect-ratio:1.38;padding:0 17px 5px}.canvas-stage canvas{height:auto;max-width:100%;max-height:270px;border-radius:8px}.preview-bottom{padding:14px 17px;font-size:10px;gap:10px;min-height:57px}.preview-tabs{font-size:9px;gap:9px}.canvas-meta{gap:9px}.history-actions{gap:9px;font-size:10px}.history-actions svg{width:14px;height:14px}.preview-bottom .history-actions>span:last-child{display:flex}.editor-controls{padding:25px;width:100%;border-radius:13px;box-shadow:0 4px 14px #34435709}.settings-title h2{font-size:25px}.tool-description{font-size:12px}#tool-controls{margin-top:24px}.form-row{font-size:14px;margin:19px 0}.form-row input[type=number],.form-row select{width:175px;font-size:15px;padding:9px 12px}.form-row .unit{font-size:12px;padding:0 12px}.check-label{font-size:13px;margin:24px 0}.check-label input{height:17px;width:17px}.export-controls{padding-top:19px;margin-top:25px}.export-controls .form-row{font-size:14px}.export-controls .form-row>select{font-size:15px;padding:10px 12px}.range-label{font-size:14px;gap:18px;margin:26px 0}.range-label output{font-size:13px}.range-label input{height:4px}.range-label input::-webkit-slider-thumb{width:20px;height:20px}.settings-actions{margin-top:31px}.settings-actions>#download-image{font-size:16px;min-height:48px}.settings-actions .reset-link{font-size:14px;margin-top:17px}.continue-editing{padding-top:16px;margin-top:24px}.continue-editing summary{font-size:12px}.continue-editing .button{font-size:13px}.continue-editing .blue-link{font-size:12px}.original-note{font-size:10px;max-width:270px;margin:27px auto 0}.workspace-status{padding:20px 0 13px;font-size:11px}.workspace-status .text-link{position:static;display:block;margin:8px auto 0;font-size:10px}.upload-strip{padding:13px 14px;border-radius:8px;gap:9px}.upload-strip p,.upload-strip .blue-link{font-size:10px}.upload-strip svg{height:18px;width:18px}.upload-strip small{font-size:8px}.tool-guide{padding-top:46px}.tool-guide>h2{font-size:29px;line-height:1.25;letter-spacing:-.7px;max-width:330px;margin:0 auto 30px}.guide-steps{display:flex;flex-direction:column;gap:25px;margin-bottom:41px}.guide-steps h3{font-size:20px;margin-bottom:9px}.guide-steps h3>span{margin-right:6px}.guide-steps p{font-size:14px;line-height:1.9}.resize-study{grid-template-columns:1fr 18px .8fr;gap:13px;padding:26px 20px;border-radius:12px;margin-bottom:43px}.resize-study>div{grid-column:1/-1;margin-bottom:10px}.resize-study h2{font-size:27px;letter-spacing:-.6px;margin-bottom:12px}.resize-study h2 br{display:none}.resize-study p{font-size:13px;line-height:1.8}.resize-study>span{font-size:22px}.resize-study figcaption{font-size:8px;line-height:1.7;margin-top:8px}.resize-study img{border-radius:5px}.tool-faq{margin-bottom:45px}.tool-faq>h2{font-size:29px;letter-spacing:-.7px;line-height:1.3;margin-bottom:25px}.tool-faq summary{font-size:14px;line-height:1.6;padding:15px 0;gap:12px}.tool-faq summary>span{font-size:20px}.tool-faq p{font-size:12px;line-height:1.9;margin:0 0 17px}.tool-about{display:flex;flex-direction:column;gap:25px;padding:27px 23px;margin-bottom:45px}.tool-about h2{font-size:26px}.tool-about p{font-size:13px}.related-tools{gap:12px}.related-tools>a{font-size:13px}.control-buttons .button{font-size:12px}.batch-help{padding:12px 16px;font-size:10px;gap:7px}.batch-help button{font-size:10px}.file-queue{padding:0 17px 15px}.palette-panel{padding:0 17px 15px}.editor-empty{min-height:245px;padding:18px}.editor-empty>span svg{height:29px;width:29px}.editor-empty h3{font-size:22px;margin-top:14px}.editor-empty p{font-size:11px;margin:9px 0 15px}.editor-empty .button{font-size:12px;min-height:36px;padding:9px 15px}.editor-empty .text-link{font-size:10px;margin-top:13px}.info-dialog{padding:29px 25px}.info-dialog h2{font-size:25px;margin-top:12px}.info-dialog p,.info-dialog li{font-size:12px}.find-tool-results strong{font-size:13px}.find-tool-results small{font-size:10px}}
@media(max-width:370px){.header{padding:0 16px;gap:20px}.top-nav{gap:16px}.content-width{width:calc(100% - 32px)}.hero-introduction h1{font-size:34px}.hero-photo{height:202px}.form-row input[type=number]{width:150px}.filename-wrap>#file-name{max-width:155px}.preview-tabs{gap:6px}.history-actions{gap:6px}.history-actions>span:last-child{display:none!important}.sample-list img{height:68px}.footer-inner{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep secondary text readable while preserving the approved light surfaces. */
.form-row,.range-label{color:#626f7f}.guide-steps p,.tool-about p,.tool-faq p{color:#7c899b}.jpeg-export[data-tool="convert"] .background-setting,.jpeg-export[data-tool="svg"] .background-setting{display:flex!important;align-items:center}.jpeg-export[data-tool="convert"] .background-hint,.jpeg-export[data-tool="svg"] .background-hint{display:block!important}.range-label input:disabled{opacity:.45;cursor:default}#editor-tool{width:100%;border:1px solid #d9e2ef;background:#fff;padding:9px;border-radius:5px;font-size:13px;color:#6a7d97;margin:17px 0}

.brand-lockup { display: block; width: auto; height: 32px; max-width: none; }
.footer .brand-lockup { height: 28px; }
@media (max-width: 560px) {
  .header .brand-lockup { height: 27px; }
}
@media (max-width: 360px) {
  .header:has(.locale-menu) .top-nav [data-info="how"] { display: none; }
}