.site-header{z-index:10;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:28px;height:auto;min-height:88px;padding:20px 0;display:flex;position:relative}.site-header .wordmark{white-space:nowrap;flex-shrink:0;font-size:22px}.site-header .header-menu{align-items:center;gap:24px;display:flex}.site-header .tool-navigation{align-items:center;gap:4px;font-size:12px;display:flex}.site-header .tool-navigation a,.site-header .nav-tools-trigger{white-space:nowrap;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:10px 11px;font-size:12px;font-weight:550;line-height:20px;transition:background .15s,color .15s;display:flex}.site-header .tool-navigation a:hover,.site-header .nav-tools-trigger:hover{background:#edf1e6;text-decoration:none}.site-header .tool-navigation a[aria-current=page],.site-header .nav-tools-trigger.is-active{color:#315333;background:#e8efde}.site-header .nav-cta{white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:16px;min-height:42px;padding:10px 16px;line-height:20px}.site-header .nav-cta:hover{background:var(--ink);color:#fff}.site-header .nav-toggle{display:none}.nav-tools{position:relative}.nav-tools-panel{border:1px solid var(--line);background:#fff;border-radius:12px;width:232px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #213c311a}.nav-tools-panel[hidden]{display:none}.nav-tools-panel:before{content:"";height:9px;position:absolute;top:-9px;left:0;right:0}@media (width<=1280px){.site-header{flex-wrap:wrap;gap:16px;min-height:76px;padding:16px 0}.site-header .nav-toggle{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.site-header .nav-toggle span{font-size:18px}.site-header .header-menu{border-top:1px solid var(--line);width:100%;padding-top:16px;display:none}.site-header .header-menu.is-open{flex-direction:column;align-items:stretch;gap:16px;display:flex}.site-header .tool-navigation{flex-direction:column;align-items:stretch;gap:4px;width:100%;display:flex}.site-header .tool-navigation a,.site-header .nav-tools-trigger{text-align:left;border:0;justify-content:space-between;width:100%;min-height:44px;padding:12px;font-size:14px}.nav-tools-panel{width:auto;box-shadow:none;border-radius:8px;margin:4px 0 4px 12px;position:static}.nav-tools-panel:before{display:none}.site-header .nav-cta{align-self:stretch;margin:0}}@media (width<=400px){.site-header{gap:10px}.site-header .wordmark{font-size:19px}.site-header .brand-icon{width:22px;height:22px;margin-right:8px}.site-header .nav-toggle{gap:6px;padding:8px}}footer .footer-top{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:28px}footer .footer-top>div{min-width:0}footer .footer-top a{overflow-wrap:anywhere}@media (width<=1100px){footer .footer-top{grid-template-columns:repeat(4,minmax(0,1fr))}footer .footer-top>div:first-child{grid-column:1/-1}}@media (width<=700px){footer .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}}.output-controls{border:1px solid var(--line,#dce1d7);border-radius:12px;gap:14px;min-width:0;margin:16px 0;padding:16px;display:grid}.output-controls legend{padding:0 6px;font-size:14px;font-weight:650}.output-controls label{gap:7px;min-width:0;font-size:13px;display:grid}.output-controls input:not([type=checkbox]):not([type=range]):not([type=color]),.output-controls select{border:1px solid var(--line,#dce1d7);width:100%;min-width:0;color:inherit;font:inherit;background:#fff;border-radius:6px;padding:9px}.output-controls input[type=range]{width:100%}.output-controls .output-check{align-items:center;gap:9px;display:flex}.output-check input{flex:none;width:16px;height:16px}.output-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.output-controls small,.output-controls p{color:#62716b;margin:0;font-size:12px;line-height:1.6}.output-variants{gap:10px;display:grid}.output-variants summary{cursor:pointer;font-size:13px;font-weight:600}.output-variants[open]>:not(summary){margin-top:12px}.size-presets{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.size-presets button{font-size:12px}.utility-guide{grid-template-columns:minmax(0,1fr);gap:64px;margin-top:76px;display:grid}.utility-guide>section{min-width:0}.utility-guide h2{letter-spacing:-.035em;margin:12px 0 20px;font-size:clamp(25px,3vw,36px);line-height:1.2}.utility-guide p,.utility-guide li{color:#52665a;font-size:15px;line-height:1.85}.utility-guide a{color:#254b38;text-underline-offset:3px;text-decoration:underline}.utility-example-section>p{max-width:820px}.utility-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0;display:grid}.utility-example-card{background:#fffdf8;border:1px solid #dce3d6;border-radius:14px;min-width:0;padding:16px;overflow:hidden}.utility-example-card>img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:220px;margin-inline:auto;display:block}.utility-example-card h3{margin:19px 0 8px;font-size:18px}.utility-example-card p,.utility-example-card li,.utility-example-card>a{font-size:13px;line-height:1.7}.utility-example-card ul{margin:12px 0 0;padding:0;list-style:none}.utility-example-card li+li{margin-top:7px}.utility-example-note{background:#edf2e5;border-radius:10px;padding:18px 22px}.utility-how{max-width:850px}.utility-how ol{padding-left:23px}.utility-how li{padding:6px 0 10px 8px}.utility-table-scroll{border:1px solid #dce3d6;border-radius:12px;max-width:100%;overflow-x:auto}.utility-table-scroll:focus-visible{outline-offset:4px;outline:2px solid #527746}.utility-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.7}.utility-guide th,.utility-guide td{vertical-align:top;border-bottom:1px solid #dce3d6;padding:17px 20px}.utility-guide thead{background:#edf2e5}.utility-guide tbody th{width:28%;min-width:160px;font-weight:600}.utility-guide td{color:#52665a}.utility-guide tr:last-child>*{border-bottom:0}.utility-faq{max-width:900px}.utility-faq details{border-bottom:1px solid #dce3d6;padding:18px 0}.utility-faq summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.5}.utility-faq details p{max-width:800px;margin:14px 0 0}.utility-next{background:#edf2e5;border-radius:16px;grid-template-columns:1.3fr 1fr;gap:40px;padding:32px;display:grid}.utility-next h3{margin:12px 0 18px;font-size:20px}.utility-next p+p{margin-top:14px}.utility-next aside p{font-size:13px}.utility-example-button{text-underline-offset:4px;color:#31553e;margin:16px auto 0;font-size:13px;text-decoration:underline;display:block}.utility-main{display:contents}.utility-workspace{grid-template-rows:auto 1fr;grid-template-areas:"upload settings""results settings"}.utility-upload{grid-area:upload}.utility-results{grid-area:results;margin-top:0}.utility-settings{grid-area:settings}.utility-heading h1{font-size:clamp(32px,4.4vw,52px)}@media (width<=850px){.utility-workspace{grid-template-rows:auto;grid-template-areas:"upload""settings""results"}.utility-settings{grid-row:auto}.utility-example-grid{grid-template-columns:1fr}.utility-example-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:0 20px;display:grid}.utility-example-card>img{grid-row:1/5;align-self:center;max-height:200px}.utility-example-card h3{margin-top:8px}.utility-next{grid-template-columns:1fr;gap:20px;padding:24px}.utility-guide{gap:42px;margin-top:48px}.utility-guide th,.utility-guide td{padding:13px 12px}.utility-guide tbody th{min-width:120px}.utility-heading>p{font-size:16px}.utility-heading nav{gap:10px 16px}.utility-upload{padding:25px 18px}}@media (width<=480px){.utility-example-card{display:block}.utility-example-card>img{max-height:210px}.utility-guide table{min-width:540px}.utility-example-card h3{margin-top:18px}.utility-heading h1{font-size:34px}.utility-heading{margin-bottom:25px}.utility-guide p,.utility-guide li{font-size:14px}}.image-utility{max-width:1280px;margin:0 auto;padding:50px 28px 80px}.utility-heading{max-width:820px;margin-bottom:34px}.utility-heading h1{margin:18px 0;font-size:clamp(34px,5vw,58px);line-height:1.1}.utility-heading>p{color:#64756c;font-size:18px;line-height:1.7}.utility-heading nav{flex-wrap:wrap;gap:12px 22px;margin-top:22px;font-size:13px;display:flex}.utility-heading nav a{text-underline-offset:4px;text-decoration:underline}.utility-heading nav a[aria-current]{font-weight:700}.utility-workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:30px;display:grid}.utility-main,.utility-settings{min-width:0}.utility-upload{text-align:center;background:#f0f3ea;border:1px dashed #8ca393;border-radius:18px;padding:36px 24px}.utility-upload p{margin:16px 0 8px;font-size:14px}.utility-upload small,.utility-settings>small{color:#62716b;font-size:12px;line-height:1.6}.utility-settings{border:1px solid var(--line,#dce1d7);background:#fffdf8;border-radius:18px;padding:18px}.utility-settings .output-controls:first-child{margin-top:0}.utility-settings>button{width:100%;margin:5px 0;padding:14px}.utility-settings>p{font-size:13px;line-height:1.6}.utility-results{gap:20px;margin-top:24px;display:grid}.utility-result{border:1px solid var(--line,#dce1d7);background:#fff;border-radius:14px;padding:18px}.utility-result-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.utility-result-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.utility-result-header button{flex:none}.utility-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.utility-comparison figure{min-width:0;margin:0}.utility-comparison img{object-fit:contain;border-radius:8px;width:100%;height:260px}.utility-comparison figcaption{color:#62716b;margin:8px 0;font-size:12px;line-height:1.6}.utility-comparison figcaption span{color:#214638;display:block}.utility-error{color:#9c3127;font-size:13px;line-height:1.6}.utility-notes{max-width:780px;margin-top:54px;font-size:15px;line-height:1.8}.utility-notes h2{font-size:28px}.utility-notes a{text-decoration:underline}@media (width<=850px){.utility-workspace{grid-template-columns:1fr}.utility-settings .output-controls{margin-bottom:12px}.image-utility{padding:30px 18px 60px}.utility-comparison img{height:190px}}@media (prefers-reduced-motion:reduce){.image-utility *{scroll-behavior:auto}}.utility-input-note{background:#f5f4f0;border-radius:10px;margin:0 0 14px;padding:12px;font-size:13px;line-height:1.6}.utility-advanced{border-top:1px solid #ddd;padding:12px 0}.utility-advanced>summary{cursor:pointer;min-height:32px;font-weight:600}.utility-advanced[open]>summary{margin-bottom:12px}@media (width<=620px){.utility-heading{margin-bottom:24px}.utility-heading h1{margin:12px 0;font-size:30px}.utility-heading>p{margin:12px 0;font-size:16px;line-height:1.6}.utility-upload{padding:24px 18px}.utility-upload .utility-input-note{margin-top:0}}