.image-tool-page{--tool-grid: color-mix(in oklch, var(--foreground) 9%, transparent)}.image-tool-hero:after{position:absolute;inset:0 0 auto auto;width:min(24rem,42vw);height:100%;content:"";pointer-events:none;opacity:.65;background-image:linear-gradient(var(--tool-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tool-grid) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.image-tool-workbench{box-shadow:0 24px 70px color-mix(in oklch,var(--foreground) 8%,transparent)}.image-tool-preview{background-color:color-mix(in oklch,var(--background) 88%,var(--foreground));background-image:linear-gradient(var(--tool-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tool-grid) 1px,transparent 1px);background-size:28px 28px}.image-tool-checkerboard{background-color:color-mix(in oklch,var(--background) 92%,var(--foreground));background-image:linear-gradient(45deg,var(--tool-grid) 25%,transparent 25%),linear-gradient(-45deg,var(--tool-grid) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--tool-grid) 75%),linear-gradient(-45deg,transparent 75%,var(--tool-grid) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.image-tool-turnstile{overflow:hidden}.image-tool-turnstile>div,.image-tool-turnstile iframe{max-width:100%}.image-tool-turnstile-test:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.image-tool-page [class*=animate-]{animation:none!important}}