@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.image-tool-hero{max-width:1080px;margin:0 auto;padding:64px 0 82px}.image-tool-copy{text-align:center;max-width:840px;margin:0 auto 30px}.image-tool-kicker,.image-tool-section-label{color:#6b5dd3;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.image-tool-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(44px,7vw,76px);line-height:.97}.image-tool-lede{color:#62656f;max-width:720px;margin:20px auto 0;font-size:18px;line-height:1.55}.image-tool-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.image-tool-badges span{color:#555965;background:#fff;border:1px solid #dedfe6;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.image-workspace-frame{max-width:940px;margin:0 auto}.image-workspace-nav{z-index:2;-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #dfe1e8;border-bottom:0;border-radius:16px 16px 0 0;margin:0 14px -1px;position:relative}.image-workspace-nav-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:56px;padding:8px 12px;display:grid}.image-workspace-nav-label{letter-spacing:.04em;text-transform:uppercase;color:#737783;font-size:12px;font-weight:850}.image-workspace-tabs{background:#f7f7fa;border:1px solid #e5e5eb;border-radius:12px;justify-self:center;gap:4px;padding:4px;display:flex}.image-workspace-tab{text-align:center;color:#5e626d;border-radius:9px;min-width:92px;padding:8px 16px;font-size:13px;font-weight:800;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}.image-workspace-tab:hover{color:#11131a;background:#fff}.image-workspace-tab.is-active{color:#11131a;background:#fff;box-shadow:0 2px 9px #191c2517}.image-workspace-state{color:#7a7e88;white-space:nowrap;font-size:11px;font-weight:700}.image-tool-shell{background:#fff;border:1px solid #dfe1e8;border-radius:22px;max-width:940px;margin:0 auto;padding:16px;box-shadow:0 22px 65px #1e212d14}.image-workspace-frame>.image-tool-shell{border-radius:0 0 22px 22px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.image-tool-drop{cursor:pointer;background:#fafafd;border:2px dashed #cfd2dc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:270px;transition:border-color .16s,background .16s,transform .16s;display:flex}.image-tool-drop:hover,.image-tool-drop.is-dragging{background:#f7f5ff;border-color:#8276e8;transform:translateY(-1px)}.image-tool-drop:focus-visible,.image-tool-primary:focus-visible,.image-tool-secondary:focus-visible,.image-tool-input:focus-visible,.image-tool-select:focus-visible,.image-workspace-tab:focus-visible{outline-offset:3px;outline:3px solid #8276e83d}.image-tool-drop-icon{color:#fff;background:#11131a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:26px;line-height:1;display:grid}.image-tool-drop strong{font-size:18px}.image-tool-drop small{color:#7b7f89}.image-tool-workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;display:grid}.image-tool-workspace[hidden],.image-tool-result[hidden]{display:none}.image-tool-preview-panel{background:#f5f5f8;border:1px solid #e7e7ec;border-radius:16px;min-width:0;padding:14px}.image-tool-preview-wrap{background-color:#0000;background-image:linear-gradient(45deg,#ececf1 25%,#0000 25%),linear-gradient(-45deg,#ececf1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ececf1 75%),linear-gradient(-45deg,#0000 75%,#ececf1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:11px;justify-content:center;align-items:center;min-height:390px;display:flex;overflow:hidden}.image-tool-preview-wrap img{object-fit:contain;max-width:100%;max-height:560px;display:block}.image-tool-preview-wrap canvas{touch-action:none;cursor:crosshair;max-width:100%;height:auto;display:block}.image-tool-file-meta{color:#6d717b;margin:10px 0 0;font-size:12px}.image-tool-controls{border:1px solid #ececf1;border-radius:16px;padding:16px 14px 14px}.image-tool-control-heading{margin-bottom:18px}.image-tool-mode-label{color:#6b5dd3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:850;display:block}.image-tool-controls h2{letter-spacing:-.025em;margin:0;font-size:22px}.image-tool-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.image-tool-field{gap:6px;display:grid}.image-tool-field>span{color:#555965;font-size:12px;font-weight:800}.image-tool-input,.image-tool-select{color:#11131a;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #d8dae2;border-radius:10px;padding:0 11px}.image-tool-row{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.image-tool-row input{margin-top:3px}.image-tool-row label,.image-tool-row span{color:#555965;font-size:13px;line-height:1.45}.image-tool-status{color:#5f636d;min-height:22px;margin:16px 0 10px;font-size:13px}.image-tool-status.is-error{color:#b42318}.image-tool-status.is-success{color:#087443}.image-tool-primary{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#11131a;border:0;border-radius:11px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:flex}.image-tool-primary:disabled{cursor:not-allowed;opacity:.42}.image-tool-secondary{color:#6658cd;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:760}.image-tool-result{background:#fff;border:1px solid #e0e2e8;border-radius:16px;margin-top:16px;padding:18px}.image-tool-result-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.image-tool-result-head strong{font-size:17px;display:block}.image-tool-result-head span{color:#717580;margin-top:4px;font-size:12px;display:block}.image-tool-result-preview{background:#f5f5f8;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:12px;display:flex;overflow:hidden}.image-tool-result-preview img{max-width:100%;max-height:460px;display:block}.image-tool-result-actions{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:14px;display:grid}.image-tool-info,.image-tool-faq{border-top:1px solid #e5e6eb;max-width:1040px;margin:0 auto;padding:76px 0}.image-tool-info{grid-template-columns:.78fr 1.22fr;gap:68px;display:grid}.image-tool-info h2,.image-tool-faq h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,50px);line-height:1}.image-tool-steps{margin:0;padding:0;list-style:none}.image-tool-steps li{border-top:1px solid #e7e8ed;grid-template-columns:44px 1fr;gap:14px;padding:20px 0;display:grid}.image-tool-steps li:first-child{border-top:0;padding-top:0}.image-tool-steps li>span{color:#8a8e98;font-size:12px;font-weight:800}.image-tool-steps strong{font-size:16px}.image-tool-steps p{color:#676b75;margin:7px 0 0;line-height:1.55}.image-tool-faq{max-width:820px}.image-tool-faq h2{margin-bottom:28px}.image-tool-faq details{border-top:1px solid #e2e3e9;padding:17px 0}.image-tool-faq summary{cursor:pointer;font-weight:800}.image-tool-faq details p{color:#666a74;margin:10px 0 0;line-height:1.6}@media (width<=820px){.image-tool-hero{padding:46px 0 62px}.image-tool-copy{text-align:left}.image-tool-badges{justify-content:flex-start}.image-workspace-nav{margin-inline:8px}.image-workspace-nav-inner{grid-template-columns:1fr auto}.image-workspace-nav-label{display:none}.image-workspace-tabs{justify-self:start}.image-workspace-state{justify-self:end}.image-tool-shell{border-radius:17px;padding:11px}.image-workspace-frame>.image-tool-shell{border-radius:0 0 17px 17px}.image-tool-workspace{grid-template-columns:1fr}.image-tool-preview-wrap{min-height:300px}.image-tool-info{grid-template-columns:1fr;gap:32px;padding:58px 0}.image-tool-faq{padding:58px 0}}@media (width<=520px){.image-workspace-nav-inner{grid-template-columns:1fr;padding:7px}.image-workspace-tabs{justify-self:stretch;width:100%}.image-workspace-tab{flex:1;min-width:0;padding-inline:10px}.image-workspace-state{display:none}.image-tool-grid,.image-tool-result-actions{grid-template-columns:1fr}.image-tool-result-actions .image-tool-secondary{justify-self:center}.image-tool-copy h1{font-size:42px}.image-tool-lede{font-size:16px}.image-tool-preview-panel,.image-tool-controls{padding:11px}}