: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 #0f172a0a;--shadow-sm:0 2px 6px #0f172a0f;--shadow-md:0 4px 14px #0f172a14;--shadow-lg:0 12px 32px #0f172a1a;--shadow-panel:0 16px 48px #0f172a1a, 0 2px 8px #0f172a0a;--shadow-cta:0 3px 8px #6d28d94d;--shadow-card-hover:0 12px 30px -8px #7c3aed38;--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:#fff;--bg-elevated:#fafbfc;--bg-card:#fff;--bg-subtle:#f4f5f7;--canvas-bg:#171717;--canvas-dot:#c8c8c859;--border:#d4d7dd;--border-strong:#a8aeba;--border-floating:var(--border-strong);--border-subtle:#e4e6ea;--text:#47474f;--text-heading:#33333b;--text-ink:#0a0a0a;--text-muted:#475569;--text-subtle:#64748b;--accent:#818cf8;--accent-vivid:#6366f1;--accent-strong:#4f46e5;--accent-hover:#4338ca;--accent-fill:#4f46e5;--accent-fill-hover:#4338ca;--accent-contrast:#fff;--accent-soft:#eef2ff;--accent-tint:#eef2ff;--accent-secondary:#7c3aed;--accent-secondary-soft:#f3e8ff;--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #6366f1 45%, #7c3aed 100%);--accent-gradient-hover:linear-gradient(135deg, #0284c7 0%, #4f46e5 45%, #6d28d9 100%);--accent-gradient-signature:var(--accent-gradient);--accent-gradient-signature-hover:var(--accent-gradient-hover);--accent-gradient-shadow:0 1px 2px #0f172a1f, 0 8px 24px #6366f15c, 0 16px 48px #0ea5e942;--logo-grad-from:#0ea5e9;--logo-grad-to:#7c3aed;--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: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-other);--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:#fff;--bg-footer:#0a0a0a;--footer-text:#cbd5e1;--footer-heading:#fff;--footer-muted:#94a3b8}[data-theme=dark]{--bg:#0a0a0a;--bg-subtle:#050505;--bg-card:#141416;--bg-elevated:#1c1c1f;--bg-panel:#212124;--border-subtle:#ffffff0f;--border:#ffffff1a;--border-strong:#ffffff29;--border-floating:#fff;--text:#f5f5f5;--text-heading:#fafafa;--text-ink:#f5f5f5;--text-muted:#a8a8a8;--text-subtle:#909090;--accent:#818cf8;--accent-vivid:#818cf8;--accent-strong:#a5b4fc;--accent-hover:#c7d2fe;--accent-fill:#4f46e5;--accent-fill-hover:#6366f1;--accent-contrast:#fff;--accent-soft:#818cf829;--accent-tint:#818cf81a;--accent-secondary:#c4b5fd;--accent-secondary-soft:#8b5cf629;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #6366f1 45%, #8b5cf6 100%);--accent-gradient-hover:linear-gradient(135deg, #0ea5e9 0%, #5046e5 45%, #7c3aed 100%);--accent-gradient-signature:var(--accent-gradient);--accent-gradient-signature-hover:var(--accent-gradient-hover);--accent-gradient-shadow:0 1px 2px #0006, 0 8px 24px #6366f180, 0 16px 48px #4f46e559;--logo-grad-from:#38bdf8;--logo-grad-to:#8b5cf6;--cat-convert:#8b93ff;--cat-crop:#b49bff;--cat-edit:#adee3f;--cat-optimize:#4ac7ff;--cat-ai:#ff83c2;--cat-privacy:#3ae3a6;--cat-other:#fb7185;--tool-pair-jpg:#34d399;--tool-pair-png:#5ba8ff;--tool-pair-webp:#ff9d4d;--tool-pair-avif:#c084fc;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--shadow-xs:inset 0 1px 0 #ffffff0a, 0 1px 2px #0006;--shadow-sm:inset 0 1px 0 #ffffff0d, 0 2px 6px #00000073;--shadow-md:inset 0 1px 0 #ffffff0f, 0 4px 14px #00000080;--shadow-lg:inset 0 1px 0 #ffffff0f, 0 12px 32px #0009;--shadow-panel:0 0 0 1px #ffffff0f, 0 16px 48px #0000008c, inset 0 1px 0 #ffffff12;--shadow-cta:0 3px 8px #818cf852;--shadow-card-hover:inset 0 1px 0 #ffffff14, 0 12px 30px -8px #818cf847;--bg-warm-banner:#818cf814;--bg-usecase-card:#141416;--bg-footer:#050505;--footer-text:#a8a8a8;--footer-heading:#f5f5f5;--footer-muted:#909090}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}*,: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;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{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:100dvh;margin:0}[data-tool-state=editing] body{background-image:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[id]{scroll-margin-top:calc(var(--header-h) + 16px)}img,svg,video{max-width:100%;display:block}img[hidden],svg[hidden],video[hidden]{display:none}svg{flex-shrink:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:var(--accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}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;color:var(--text-heading);margin:0}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{padding-inline:max(var(--container-pad), env(safe-area-inset-left)) max(var(--container-pad), env(safe-area-inset-right));margin-inline:auto}.container{max-width:var(--container-max)}.container-narrow{max-width:var(--container-narrow)}.container-tight{max-width:var(--container-tight)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-protected{-webkit-touch-callout:none;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-x6hk5yio]{z-index:var(--z-toast);background:color-mix(in srgb, var(--bg-card) 92%, transparent);backdrop-filter:blur(16px)saturate(180%);width:auto;max-width:none;color:var(--text);border:1px solid var(--border);border-radius:8px;gap:14px;padding:14px 44px 14px 16px;animation:.52s cubic-bezier(.16,1,.3,1) .6s both locale-suggestion-in;display:grid;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 32px #00000024,0 2px 4px #0000000f}@supports not (backdrop-filter:blur(1px)){.locale-suggestion[data-astro-cid-x6hk5yio]{background:var(--bg-elevated);border-color:var(--border-strong)}}.locale-suggestion[data-astro-cid-x6hk5yio][hidden],[data-tool-state=editing] .locale-suggestion[data-astro-cid-x6hk5yio],[data-tool-state=done] .locale-suggestion[data-astro-cid-x6hk5yio]{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 (width>=768px){.locale-suggestion[data-astro-cid-x6hk5yio]{width:350px;max-width:calc(100vw - 32px);padding:18px 44px 18px 20px;animation-name:locale-suggestion-in-desktop;animation-delay:.5s;right:auto}}@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-x6hk5yio]{color:var(--text-heading);margin:0;font-size:14px;font-weight:500;line-height:1.5}.locale-suggestion__actions[data-astro-cid-x6hk5yio]{gap:8px;display:flex}.locale-suggestion__btn[data-astro-cid-x6hk5yio]{min-width:72px;min-height:36px;color:var(--text-heading);border:1px solid var(--border-strong);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);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:6px 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.locale-suggestion__btn[data-astro-cid-x6hk5yio]:hover{border-color:var(--text-heading);background:#0000000a}.locale-suggestion__btn[data-astro-cid-x6hk5yio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.locale-suggestion__close[data-astro-cid-x6hk5yio]{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.locale-suggestion__close[data-astro-cid-x6hk5yio]:hover{color:var(--text);background:var(--bg-subtle)}.locale-suggestion__close[data-astro-cid-x6hk5yio]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.skip-link{background:var(--accent-strong);color:var(--accent-contrast);z-index:var(--z-overlay);transition:transform var(--duration-fast) var(--ease-out);border-radius:0 0 10px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;position:absolute;top:0;left:0;transform:translateY(-100%)}.skip-link:focus{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(0)}