: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(67 56 202 / .3);--shadow-card-hover: 0 12px 30px -8px rgb(99 102 241 / .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;--border-subtle: #E4E6EA;--text: #47474F;--text-heading: #33333B;--text-ink: #0A0A0A;--text-muted: #475569;--text-subtle: #64748B;--accent: #6366F1;--accent-vivid: #4F46E5;--accent-strong: #4338CA;--accent-hover: #312E81;--accent-fill: #4338CA;--accent-fill-hover: #312E81;--accent-contrast: #FFFFFF;--accent-soft: #EEF2FF;--accent-tint: #EEF2FF;--accent-secondary: #8B5CF6;--accent-secondary-soft: #F3E8FF;--accent-gradient: linear-gradient(135deg, #4338CA 0%, #6366F1 50%, #8B5CF6 100%);--accent-gradient-hover: linear-gradient(135deg, #312E81 0%, #4338CA 50%, #6366F1 100%);--accent-gradient-shadow: 0 1px 2px rgb(15 23 42 / .12), 0 8px 24px rgb(99 102 241 / .38), 0 16px 48px rgb(67 56 202 / .3);--logo-grad-from: #6366F1;--logo-grad-to: #8B5CF6;--cat-convert: #6366F1;--cat-crop: #8B5CF6;--cat-edit: #84CC16;--cat-optimize: #0EA5E9;--cat-ai: #EC4899;--cat-privacy: #10B981;--cat-other: #DC2626;--tool-pair-jpg: #059669;--tool-pair-png: #2563EB;--tool-pair-webp: #EA580C;--tool-pair-avif: #9333EA;--tool-crop: #8B5CF6;--tool-circle: #6366F1;--tool-resize: #F59E0B;--tool-rotate: var(--cat-edit);--tool-watermark: var(--cat-edit);--tool-meme: var(--cat-edit);--tool-convert: #3B82F6;--tool-favicon: var(--cat-convert);--tool-heic: var(--cat-convert);--tool-pdf: #E11D48;--tool-compress: #0EA5E9;--tool-blur: var(--cat-privacy);--tool-exif: var(--cat-privacy);--tool-remove-bg: #14B8A6;--tool-upscale: #D946EF;--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}[data-theme=dark]{--bg: #0A0A0A;--bg-subtle: #050505;--bg-card: #141416;--bg-elevated: #1C1C1F;--bg-panel: #212124;--border-subtle: rgb(255 255 255 / .06);--border: rgb(255 255 255 / .1);--border-strong: rgb(255 255 255 / .16);--text: #F5F5F5;--text-heading: #FAFAFA;--text-ink: #F5F5F5;--text-muted: #A8A8A8;--text-subtle: #909090;--accent: #818CF8;--accent-vivid: #6366F1;--accent-strong: #A5B4FC;--accent-hover: #C7D2FE;--accent-fill: #4F46E5;--accent-fill-hover: #6366F1;--accent-contrast: #FFFFFF;--accent-soft: rgb(129 140 248 / .16);--accent-tint: rgb(129 140 248 / .1);--accent-secondary: #C4B5FD;--accent-secondary-soft: rgb(139 92 246 / .16);--accent-gradient: linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #8B5CF6 100%);--accent-gradient-hover: linear-gradient(135deg, #4338CA 0%, #5046E5 50%, #7C3AED 100%);--accent-gradient-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(99 102 241 / .5), 0 16px 48px rgb(79 70 229 / .35);--logo-grad-from: #6366F1;--logo-grad-to: #8B5CF6;--cat-convert: #6F72F7;--cat-crop: #9468F8;--cat-edit: #8FD91C;--cat-optimize: #17B1F3;--cat-ai: #F0549F;--cat-privacy: #14C489;--tool-pair-jpg: #21CD90;--tool-pair-png: #4699FF;--tool-pair-webp: #FF8E33;--tool-pair-avif: #B678FB;--tool-crop: #9468F8;--tool-circle: #6F72F7;--tool-resize: #FBA81F;--tool-convert: #4A8DFA;--tool-pdf: #EA3E63;--tool-compress: #17B1F3;--tool-remove-bg: #17CBB6;--tool-upscale: #DE55F2;--success: #34D399;--warning: #FBBF24;--danger: #F87171;--shadow-xs: inset 0 1px 0 rgb(255 255 255 / .04), 0 1px 2px rgb(0 0 0 / .4);--shadow-sm: inset 0 1px 0 rgb(255 255 255 / .05), 0 2px 6px rgb(0 0 0 / .45);--shadow-md: inset 0 1px 0 rgb(255 255 255 / .06), 0 4px 14px rgb(0 0 0 / .5);--shadow-lg: inset 0 1px 0 rgb(255 255 255 / .06), 0 12px 32px rgb(0 0 0 / .6);--shadow-panel: 0 0 0 1px rgb(255 255 255 / .06), 0 16px 48px rgb(0 0 0 / .55), inset 0 1px 0 rgb(255 255 255 / .07);--shadow-cta: 0 3px 8px rgb(129 140 248 / .32);--shadow-card-hover: inset 0 1px 0 rgb(255 255 255 / .08), 0 12px 30px -8px rgb(129 140 248 / .28);--bg-warm-banner: rgb(129 140 248 / .08);--bg-usecase-card: #141416;--bg-footer: #050505;--footer-text: #A8A8A8;--footer-heading: #F5F5F5;--footer-muted: #909090}@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;background:var(--bg);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}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;min-height:100dvh}[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:max(var(--container-pad),env(safe-area-inset-left)) max(var(--container-pad),env(safe-area-inset-right))}.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}.prose img{-webkit-touch-callout: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:color-mix(in srgb,var(--bg-card) 92%,transparent);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);color:var(--text);border:1px solid var(--border);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-fill);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}