:root{--font-sans: var(--font-graphik);--font-display: var(--font-graphik);--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-blog: var(--font-graphik);--font-blog-display: var(--font-graphik);--font-features: normal;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 2.625rem;--text-5xl: 3rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.75;--leading-relaxed: 1.85;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / .04);--shadow-sm: 0 2px 6px rgb(15 23 42 / .06);--shadow-md: 0 4px 14px rgb(15 23 42 / .08);--shadow-lg: 0 12px 32px rgb(15 23 42 / .1);--shadow-panel: 0 16px 48px rgb(15 23 42 / .1), 0 2px 8px rgb(15 23 42 / .04);--shadow-cta: 0 3px 8px rgb(109 40 217 / .3);--shadow-card-hover: 0 12px 30px -8px rgb(124 58 237 / .22);--container-max: 1640px;--container-narrow: 900px;--container-tight: 640px;--header-h: 60px;--container-pad: 32px;--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1440px;--ease-out: cubic-bezier(.2, .6, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--z-raised: 1;--z-sticky: 50;--z-dropdown: 60;--z-drawer: 70;--z-toast: 80;--z-overlay: 100;--z-modal: 1000;--bg: #FFFFFF;--bg-elevated: #FAFBFC;--bg-card: #FFFFFF;--bg-subtle: #F4F5F7;--canvas-bg: #171717;--canvas-dot: rgba(200, 200, 200, .35);--border: #D4D7DD;--border-strong: #A8AEBA;--text: #47474F;--text-heading: #33333B;--text-ink: #0A0A0A;--text-muted: #475569;--text-subtle: #64748B;--accent: #A78BFA;--accent-strong: #6D28D9;--accent-hover: #5B21B6;--accent-contrast: #FFFFFF;--accent-soft: #EDE9FE;--accent-tint: #EDE9FE;--accent-secondary: #A855F7;--accent-secondary-soft: #F3E8FF;--accent-gradient: linear-gradient(135deg, #6D28D9 0%, #7C3AED 50%, #A855F7 100%);--accent-gradient-hover: linear-gradient(135deg, #5B21B6 0%, #6D28D9 50%, #7C3AED 100%);--accent-gradient-shadow: 0 1px 2px rgb(15 23 42 / .12), 0 8px 24px rgb(124 58 237 / .38), 0 16px 48px rgb(109 40 217 / .3);--logo-grad-from: #6D28D9;--logo-grad-to: #A855F7;--cat-convert: #6366F1;--cat-crop: #8B5CF6;--cat-edit: #84CC16;--cat-optimize: #0EA5E9;--cat-ai: #EC4899;--cat-privacy: #10B981;--cat-other: #DC2626;--tool-crop: var(--cat-edit);--tool-circle: var(--cat-edit);--tool-resize: var(--cat-edit);--tool-rotate: var(--cat-edit);--tool-watermark: var(--cat-edit);--tool-meme: var(--cat-edit);--tool-convert: var(--cat-convert);--tool-favicon: var(--cat-convert);--tool-heic: var(--cat-convert);--tool-pdf: var(--cat-convert);--tool-compress: var(--cat-optimize);--tool-blur: var(--cat-privacy);--tool-exif: var(--cat-privacy);--tool-remove-bg: var(--cat-ai);--tool-upscale: var(--cat-ai);--fmt-jpg: #F59E0B;--fmt-png: #3B82F6;--fmt-webp: #10B981;--fmt-avif: #8B5CF6;--fmt-gif: #EC4899;--success: #10B981;--warning: #F59E0B;--danger: #DC2626;--bg-warm-banner: #EEF2FF;--bg-usecase-card: #FAFBFC;--bg-panel: #FFFFFF;--bg-footer: #0A0A0A;--footer-text: #CBD5E1;--footer-heading: #FFFFFF;--footer-muted: #94A3B8}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[data-pro-feature]{display:none!important}[data-pro-launched=true] [data-pro-feature]{display:revert!important}html{color-scheme:light dark;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{margin:0;font-family:var(--font-sans);font-feature-settings:var(--font-features);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text);background:var(--bg);min-height:100vh}[data-tool-state=editing] body{background-image:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}img,svg,video{display:block;max-width:100%}img[hidden],svg[hidden],video[hidden]{display:none}svg{flex-shrink:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:-.015em;margin:0;color:var(--text-heading)}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-2xl);letter-spacing:-.015em}h3{font-size:var(--text-lg);letter-spacing:-.01em}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.container,.container-narrow,.container-tight{margin-inline:auto;padding-inline:var(--container-pad)}.container{max-width:var(--container-max)}.container-narrow{max-width:var(--container-narrow)}.container-tight{max-width:var(--container-tight)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.is-protected{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.is-protected img,.is-protected picture{pointer-events:none;-webkit-user-drag:none;user-select:none}.locale-suggestion[data-astro-cid-labhtacb]{position:fixed;bottom:16px;left:16px;right:16px;z-index:var(--z-toast);max-width:none;width:auto;padding:14px 44px 14px 16px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);color:var(--text);border:1px solid rgb(0 0 0 / .08);border-radius:8px;box-shadow:0 12px 32px #00000024,0 2px 4px #0000000f;display:grid;gap:14px;animation:locale-suggestion-in .52s cubic-bezier(.16,1,.3,1) .6s both}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.locale-suggestion[data-astro-cid-labhtacb]{background:var(--bg-elevated);border-color:var(--border-strong)}}.locale-suggestion[data-astro-cid-labhtacb][hidden],[data-tool-state=editing] .locale-suggestion[data-astro-cid-labhtacb],[data-tool-state=done] .locale-suggestion[data-astro-cid-labhtacb]{display:none}@keyframes locale-suggestion-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){@keyframes locale-suggestion-in{0%{opacity:0;transform:none}to{opacity:1;transform:none}}@keyframes locale-suggestion-in-desktop{0%{opacity:0;transform:none}to{opacity:1;transform:none}}}@media(min-width:768px){.locale-suggestion[data-astro-cid-labhtacb]{right:auto;max-width:calc(100vw - 32px);width:350px;padding:18px 44px 18px 20px;animation-name:locale-suggestion-in-desktop;animation-delay:.5s}}@keyframes locale-suggestion-in-desktop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.locale-suggestion__prompt[data-astro-cid-labhtacb]{margin:0;font-size:14px;line-height:1.5;color:var(--text-heading);font-weight:500}.locale-suggestion__actions[data-astro-cid-labhtacb]{display:flex;gap:8px}.locale-suggestion__btn[data-astro-cid-labhtacb]{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:36px;padding:6px 18px;font-size:14px;font-weight:500;color:var(--text-heading);background:transparent;border:1px solid var(--border-strong);border-radius:4px;text-decoration:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.locale-suggestion__btn[data-astro-cid-labhtacb]:hover{border-color:var(--text-heading);background:#0000000a}.locale-suggestion__btn[data-astro-cid-labhtacb]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.locale-suggestion__close[data-astro-cid-labhtacb]{position:absolute;top:8px;right:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;border:0;border-radius:6px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.locale-suggestion__close[data-astro-cid-labhtacb]:hover{color:var(--text);background:var(--bg-subtle)}.locale-suggestion__close[data-astro-cid-labhtacb]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.skip-link{position:absolute;top:0;left:0;padding:12px 20px;background:var(--accent-strong);color:var(--accent-contrast);font-weight:500;font-size:14px;text-decoration:none;border-radius:0 0 10px;z-index:var(--z-overlay);transform:translateY(-100%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--accent);outline-offset:2px}