.image-workflow{color:#17221e;max-width:1160px;margin:auto;padding:36px 22px}.workflow-intro{max-width:660px;margin-bottom:28px}.workflow-intro>span{letter-spacing:2px;color:#61734d;font-size:11px}.workflow-intro h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(32px,5vw,50px)}.workflow-intro p{color:#64725c;line-height:1.65}.workflow-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px;display:grid}.workflow-grid>div,.workflow-grid>aside,.workflow-upload{background:#fff;border:1px solid #dce3d4;border-radius:16px;padding:20px}.image-workflow button,.image-workflow select,.image-workflow input{font:inherit}.image-workflow button,.workflow-download{color:#26351d;cursor:pointer;background:#edf3e4;border:1px solid #ced9c1;border-radius:8px;padding:10px 14px;font-size:12px;text-decoration:none}.image-workflow button:disabled{opacity:.45;cursor:default}.image-workflow button[aria-pressed=true]{background:#d9ff5f}.workflow-apply,.workflow-download{font-weight:750;background:#d9ff5f!important}.workflow-grid aside fieldset{border:0;margin:0;padding:0}.workflow-grid legend{margin-bottom:20px;font-weight:750}.workflow-grid label{margin:14px 0;font-size:12px;font-weight:650;display:block}.workflow-grid input:not([type=checkbox]),.workflow-grid select{box-sizing:border-box;color:#17221e;background:#f8faf4;border:1px solid #d3ddc8;border-radius:7px;width:100%;margin-top:7px;padding:9px;display:block}.workflow-dimensions{gap:10px;display:flex}.workflow-dimensions label{flex:1;min-width:0}.workflow-check{align-items:center;gap:8px;display:flex!important}.workflow-grid aside p,.workflow-history p{color:#6c7863;font-size:12px;line-height:1.6}.workflow-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.workflow-toolbar strong{overflow-wrap:anywhere}.workflow-history{border-top:1px solid #e1e7da;margin-top:22px;padding-top:16px}.workflow-history button{text-align:left;width:100%;margin-top:7px;display:block}.workflow-warning{color:#715519;background:#fff5dd;border-radius:10px;padding:14px;font-size:13px;line-height:1.6}.workflow-upload{text-align:center;padding:60px 20px}.image-compare{background:repeating-conic-gradient(#e8ecdf 0% 25%,#f8faf4 0% 50%) 50%/20px 20px;border-radius:12px;padding:10px;position:relative}.image-compare img{object-fit:contain;width:100%;height:360px;display:block}.image-compare-tabs{gap:8px;display:flex}.image-compare-tabs button{cursor:pointer;color:#17221e;background:#fff;border:1px solid #d5decc;border-radius:7px;padding:8px 14px}.image-compare-tabs button[aria-pressed=true]{background:#d9ff5f}.image-compare small{color:#496039;background:#f8faf4;padding:7px;font-size:11px;display:block}@media (max-width:760px){.workflow-grid{grid-template-columns:1fr}.image-workflow{padding:24px 14px}.image-compare img{height:260px}.workflow-grid>div,.workflow-grid>aside{padding:14px}}.image-workflow :focus-visible{outline-offset:3px;outline:3px solid #55753a}