:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:oklch(98.5% .004 85);--paper-2:oklch(96.3% .006 80);--paper-3:oklch(93.5% .008 80);--ink:oklch(24% .012 60);--muted:oklch(47% .014 60);--border:oklch(89% .008 80);--border-strong:oklch(80% .012 80);--accent:oklch(60% .17 42);--accent-strong:oklch(53% .17 42);--accent-tint:oklch(95% .025 50);--on-accent:oklch(99% .002 85);--ok:oklch(56% .14 150);--ok-tint:oklch(95% .03 150);--err:oklch(55% .19 25);--err-tint:oklch(95% .025 25);--focus:oklch(55% .15 250);--cat-image:oklch(60% .17 42);--cat-image-tint:oklch(95% .025 50);--cat-gif:oklch(55% .16 300);--cat-gif-tint:oklch(95% .03 300);--cat-video:oklch(56% .13 245);--cat-video-tint:oklch(95% .03 245);--cat-ai:oklch(56% .12 168);--cat-ai-tint:oklch(95% .035 168);--shadow-color:oklch(20% .02 60);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-display:clamp(1.9rem, 1.2rem + 2.6vw, 2.7rem);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:72px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--rule:1px solid var(--border);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur:.22s;--z-header:100;--z-overlay:1000}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:oklch(19% .01 60);--paper-2:oklch(23% .012 60);--paper-3:oklch(28% .014 60);--ink:oklch(93% .006 85);--muted:oklch(68% .012 70);--border:oklch(31% .012 60);--border-strong:oklch(40% .014 60);--accent:oklch(70% .16 45);--accent-strong:oklch(76% .15 45);--accent-tint:oklch(28% .04 45);--on-accent:oklch(16% .02 45);--ok:oklch(72% .14 150);--ok-tint:oklch(28% .04 150);--err:oklch(70% .16 25);--err-tint:oklch(28% .04 25);--focus:oklch(72% .13 250);--cat-image:oklch(70% .16 45);--cat-image-tint:oklch(30% .05 45);--cat-gif:oklch(70% .15 300);--cat-gif-tint:oklch(30% .05 300);--cat-video:oklch(70% .13 245);--cat-video-tint:oklch(30% .05 245);--cat-ai:oklch(72% .12 168);--cat-ai-tint:oklch(30% .05 168);--shadow-color:oklch(0% 0 0)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"kern", "liga", "tnum";margin:0;line-height:1.6}h1,h2,h3{overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.25}p{margin:0}a{color:inherit}img,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-tint)}.container{max-width:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:var(--z-header);background:color-mix(in oklch, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--border);background:color-mix(in oklch, var(--paper) 92%, transparent);box-shadow:0 4px 16px -8px color-mix(in oklch, var(--shadow-color) 28%, transparent)}.site-header .container{align-items:center;gap:var(--space-md);min-height:60px;display:flex}.brand{font-weight:700;font-size:var(--text-lg);letter-spacing:.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:8px;place-items:center;display:grid}.brand-tag{font-size:var(--text-xs);color:var(--muted);border:var(--rule);white-space:nowrap;border-radius:999px;padding:1px 8px;font-weight:400}.header-actions{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--paper);cursor:pointer;min-height:44px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--paper-2)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px color-mix(in oklch, var(--accent) 30%, transparent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 3px 10px -2px color-mix(in oklch, var(--accent) 45%, transparent)}.btn-primary:disabled{background:var(--paper-3);border-color:var(--border);color:var(--muted);box-shadow:none}.btn:not(.btn-primary):disabled{opacity:.5}.btn-sm{min-height:36px;font-size:var(--text-sm);padding:4px 12px}.btn-icon{min-width:44px;padding:8px}.btn.is-loading{pointer-events:none;opacity:.75}.btn.is-error{border-color:var(--err);color:var(--err)}.btn.is-success{border-color:var(--ok);color:var(--ok)}.spinner{border:2px solid color-mix(in oklch, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-hero{padding-block:var(--space-2xl) var(--space-xl);gap:var(--space-md);max-width:820px;display:grid;position:relative}.home-hero h1{font-size:var(--text-display);letter-spacing:-.02em;font-weight:800}.home-hero h1 .accent{background:linear-gradient(100deg, var(--cat-image), var(--cat-gif) 45%, var(--cat-video) 70%, var(--cat-ai));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero .sub{color:var(--muted);font-size:var(--text-lg);max-width:60ch}.privacy-pill{width:fit-content;font-size:var(--text-sm);color:var(--ok);background:var(--ok-tint);border-radius:999px;align-items:center;gap:8px;padding:4px 14px;display:inline-flex}.search-box{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--paper);max-width:420px;color:var(--muted);transition:border-color var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding-inline:14px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-input{min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.cat-section{padding-block:var(--space-lg)}.cat-section>h2{font-size:var(--text-xl);margin-bottom:var(--space-md);align-items:center;gap:10px;font-weight:700;display:flex}.cat-section>h2:before{content:"";background:var(--card-accent,var(--accent));border-radius:3px;flex:none;width:10px;height:10px}.cat-count{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:400}.tool-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(236px,100%),1fr));display:grid}.tool-card{--card-accent:var(--accent);--card-tint:var(--accent-tint);gap:var(--space-sm);padding:var(--space-md);border:var(--rule);border-radius:var(--radius-lg);background:var(--paper);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);align-items:flex-start;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--card-accent);transform-origin:top;width:3px;transition:transform var(--dur) var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.tool-card:hover{border-color:color-mix(in oklch, var(--card-accent) 60%, var(--border));box-shadow:0 8px 22px -10px color-mix(in oklch, var(--card-accent) 45%, transparent);transform:translateY(-2px)}.tool-card:hover:before{transform:scaleY(1)}.tool-card:active{transform:translateY(0)}.tool-card .tool-icon{border-radius:var(--radius);background:var(--card-tint);width:40px;height:40px;color:var(--card-accent);transition:transform var(--dur) var(--ease-out);flex:none;place-items:center;display:grid}.tool-card:hover .tool-icon{transform:scale(1.06)rotate(-3deg)}.tool-card h3{font-size:var(--text-base);align-items:center;gap:6px;font-weight:600;display:flex}.tool-card h3:after{content:"→";color:var(--card-accent);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);transform:translate(-4px)}.tool-card:hover h3:after{opacity:1;transform:translate(0)}.tool-card p{font-size:var(--text-sm);color:var(--muted);margin-top:2px}[data-cat=image]{--card-accent:var(--cat-image);--card-tint:var(--cat-image-tint)}[data-cat=gif]{--card-accent:var(--cat-gif);--card-tint:var(--cat-gif-tint)}[data-cat=video]{--card-accent:var(--cat-video);--card-tint:var(--cat-video-tint)}[data-cat=ai]{--card-accent:var(--cat-ai);--card-tint:var(--cat-ai-tint)}[data-cat=recent]{--card-accent:var(--accent);--card-tint:var(--accent-tint)}.tool-head{padding-block:var(--space-lg) var(--space-md);gap:var(--space-xs);display:grid}.breadcrumb{width:fit-content;font-size:var(--text-sm);color:var(--muted);align-items:center;gap:6px;min-height:32px;text-decoration:none;display:inline-flex}.breadcrumb:hover{color:var(--card-accent,var(--accent))}.tool-head h1{font-size:var(--text-2xl);align-items:center;gap:12px;font-weight:700;display:flex}.tool-head h1:before{content:"";background:var(--card-accent,var(--accent));border-radius:999px;flex:none;align-self:stretch;width:4px;min-height:1.1em}.tool-head .desc{color:var(--muted);max-width:64ch}.tool-body{gap:var(--space-md);padding-bottom:var(--space-2xl);display:grid}.panel{border:var(--rule);border-radius:var(--radius-lg);background:var(--paper);padding:var(--space-md);gap:var(--space-md);min-width:0;box-shadow:0 1px 2px color-mix(in oklch, var(--shadow-color) 8%, transparent);display:grid}.panel>h2{font-size:var(--text-sm);color:var(--muted);letter-spacing:.01em;font-weight:600}.dropzone{place-items:center;gap:var(--space-xs);text-align:center;padding:var(--space-2xl) var(--space-md);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--paper-2);color:var(--muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);display:grid}.dropzone:hover,.dropzone.is-drag{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-strong)}.dropzone strong{color:var(--ink);font-weight:600}.dropzone.is-drag strong{color:var(--accent-strong)}.dropzone .dz-icon{color:var(--accent)}.dz-paste{font-size:var(--text-xs);opacity:.75}.dropzone-compact{padding:var(--space-md)}.field{gap:6px;min-width:0;display:grid}.field>label{font-size:var(--text-sm);font-weight:500}.field .help{font-size:var(--text-xs);color:var(--muted)}.input,select.input,textarea.input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--paper);width:100%;min-height:44px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:8px 12px}textarea.input{resize:vertical}.input:hover{border-color:var(--muted)}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 20%, transparent);outline:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{background:var(--paper-3);border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--paper-3);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--paper);width:18px;height:18px;box-shadow:0 1px 4px color-mix(in oklch, var(--accent) 45%, transparent);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--paper);width:18px;height:18px;box-shadow:0 1px 4px color-mix(in oklch, var(--accent) 45%, transparent);border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 25%, transparent)}input[type=range]:focus-visible{outline:none}input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);cursor:pointer;block-size:36px;inline-size:44px;padding:2px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:18px;height:18px}.check{min-height:32px;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.grid-2{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.seg{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--paper-2);display:inline-flex;overflow:hidden}.seg button{cursor:pointer;min-height:40px;font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:6px 14px;font-weight:500}.seg button+button{border-left:1px solid var(--border-strong)}.seg button:hover{background:color-mix(in oklch, var(--paper) 70%, transparent)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 3px color-mix(in oklch, var(--accent) 35%, transparent)}.progress{background:var(--paper-3);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 55%, var(--cat-gif,var(--accent))), var(--accent));height:100%;transition:width .25s var(--ease-out);background-size:200% 100%;border-radius:999px;animation:1.4s linear infinite progress-flow;display:block}@keyframes progress-flow{to{background-position:-200% 0}}.progress.is-indeterminate{background:var(--paper-3)}.progress.is-indeterminate>i{animation:progress-indeterminate 1.1s var(--ease-in-out) infinite;width:40%!important}@keyframes progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(275%)}}@media (prefers-reduced-motion:reduce){.progress>i{animation:none}.progress.is-indeterminate>i{animation:none;width:100%!important}}.msg{border-radius:var(--radius);font-size:var(--text-sm);align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.msg-info{background:var(--paper-2);color:var(--muted)}.msg-error{background:var(--err-tint);color:var(--err)}.msg-ok{background:var(--ok-tint);color:var(--ok)}.result-list,.file-list{gap:var(--space-xs);display:grid}.file-list-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.file-list-count{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}.result-item,.file-item{align-items:center;gap:var(--space-sm);border:var(--rule);border-radius:var(--radius);padding:var(--space-xs) var(--space-sm);min-width:0;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-wrap:wrap;display:flex}.result-item:hover,.file-item:hover{border-color:var(--border-strong);background:color-mix(in oklch, var(--paper-2) 50%, var(--paper))}.result-compare{padding-top:var(--space-xs);flex-basis:100%}.result-summary{font-size:var(--text-sm);color:var(--muted);background:var(--paper-2);border:var(--rule);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:10px;padding:2px 10px;font-weight:400}.btn.is-active-toggle{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.thumb{border-radius:var(--radius-sm);border:var(--rule);object-fit:contain;background:conic-gradient(var(--paper-3) 0 25%, transparent 0 50%, var(--paper-3) 0 75%, transparent 0) 0 0 / 16px 16px;width:56px;height:56px;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex:none}a:hover>.thumb{box-shadow:0 4px 12px -4px color-mix(in oklch, var(--shadow-color) 35%, transparent);transform:scale(1.06)}.result-meta{flex:1;gap:2px;min-width:0;display:grid}.result-meta .name{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.result-meta .note{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}.note-saved{color:var(--ok)}.preview-stage{padding:var(--space-md);border:var(--rule);border-radius:var(--radius);background:conic-gradient(var(--paper-3) 0 25%, transparent 0 50%, var(--paper-3) 0 75%, transparent 0) 0 0 / 16px 16px;place-items:center;display:grid;overflow:auto}.preview-stage img,.preview-stage video{max-height:420px}.wm-preview-canvas{border-radius:var(--radius-sm);max-width:100%;height:auto;max-height:420px}.crop-wrap{touch-action:none;-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin-inline:auto;position:relative}.crop-wrap img{width:auto;max-width:100%;max-height:60vh;display:block}.crop-rect{border:1.5px solid var(--accent);box-shadow:0 0 0 9999px color-mix(in oklch, var(--shadow-color) 55%, transparent);cursor:move;position:absolute}.crop-thirds{pointer-events:none;opacity:.5;background-image:linear-gradient(oklch(100% 5.96046e-8 none/.7) 0,oklch(100% 5.96046e-8 none/.7) 0),linear-gradient(oklch(100% 5.96046e-8 none/.7) 0,oklch(100% 5.96046e-8 none/.7) 0),linear-gradient(oklch(100% 5.96046e-8 none/.7) 0,oklch(100% 5.96046e-8 none/.7) 0),linear-gradient(oklch(100% 5.96046e-8 none/.7) 0,oklch(100% 5.96046e-8 none/.7) 0);background-position:33.33% 0,66.66% 0,0 33.33%,0 66.66%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;position:absolute;inset:0}.crop-dim{font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:color-mix(in oklch, var(--ink) 62%, transparent);color:var(--paper);pointer-events:none;white-space:nowrap;border-radius:999px;padding:1px 8px;position:absolute;top:6px;left:6px}.crop-handle{background:var(--paper);border:2px solid var(--accent);width:14px;height:14px;box-shadow:0 1px 3px color-mix(in oklch, var(--shadow-color) 45%, transparent);border-radius:50%;position:absolute}.crop-handle[data-h=nw]{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle[data-h=ne]{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle[data-h=sw]{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle[data-h=se]{cursor:nwse-resize;bottom:-7px;right:-7px}.kv-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.kv-table th,.kv-table td{text-align:left;border-bottom:var(--rule);vertical-align:top;overflow-wrap:anywhere;padding:8px 12px}.kv-table tbody tr:nth-child(2n){background:color-mix(in oklch, var(--paper-2) 55%, var(--paper))}.kv-table tbody tr:hover{background:var(--accent-tint)}.kv-table tbody tr:last-child th,.kv-table tbody tr:last-child td{border-bottom:0}.kv-table th{color:var(--muted);white-space:nowrap;width:1%;font-weight:500}.kv-table td{font-family:var(--font-mono);font-size:var(--text-xs)}.ad-slot{justify-items:center;gap:4px;display:grid}.ad-slot:empty{display:none}.ad-slot-label{font-size:var(--text-xs);color:var(--muted);opacity:.7}.doc{max-width:720px;padding-block:var(--space-lg) var(--space-2xl);gap:var(--space-sm);margin-inline:auto;display:grid}.doc>h1{font-size:var(--text-2xl);letter-spacing:-.01em;margin-top:var(--space-xs);font-weight:800}.doc-lead{font-size:var(--text-lg);color:var(--muted);margin-bottom:var(--space-sm);line-height:1.7}.doc-body{gap:var(--space-md);line-height:1.75;display:grid}.doc-body h2{font-size:var(--text-xl);margin-top:var(--space-md);font-weight:700}.doc-body p{color:var(--ink)}.doc-body ul{color:var(--ink);gap:6px;margin:0;padding-left:1.3em;display:grid}.doc-body code{font-family:var(--font-mono);background:var(--paper-2);border:var(--rule);border-radius:var(--radius-sm);padding:1px 6px;font-size:.9em}.doc-actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.doc-note{font-size:var(--text-sm);color:var(--muted);background:var(--paper-2);border:var(--rule);border-radius:var(--radius);padding:var(--space-sm) var(--space-md)}.faq-list{gap:var(--space-xs);display:grid}.faq-item{border:var(--rule);border-radius:var(--radius);background:var(--paper);overflow:hidden}.faq-item summary{cursor:pointer;padding:var(--space-sm) var(--space-md);align-items:center;gap:10px;min-height:48px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";border-radius:var(--radius-sm);background:var(--accent-tint);width:20px;height:20px;color:var(--accent);transition:transform var(--dur) var(--ease-out);flex:none;place-items:center;font-weight:700;display:grid}.faq-item[open] summary:before{content:"−"}.faq-item summary:hover{background:var(--paper-2)}.faq-item>p{padding:0 var(--space-md) var(--space-md) calc(var(--space-md) + 30px);color:var(--muted);line-height:1.75}.community-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));display:grid}.community-card{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:var(--rule);border-radius:var(--radius-lg);background:var(--paper);transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-out);font-weight:600;text-decoration:none;display:flex}.community-card:hover{border-color:var(--accent);transform:translateY(-2px)}.community-icon{border-radius:var(--radius);background:var(--accent-tint);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.community-empty{gap:var(--space-sm);display:grid}.site-footer{border-top:var(--rule);padding-block:var(--space-2xl) var(--space-lg);margin-top:var(--space-2xl);color:var(--muted);font-size:var(--text-sm);background:var(--paper-2)}.footer-grid{gap:var(--space-lg) var(--space-md);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-xs);align-content:start;max-width:38ch;display:grid}.footer-brand .brand{font-size:var(--text-base)}.footer-col{flex-direction:column;gap:2px;display:flex}.footer-col h3{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-weight:600}.footer-col a{width:fit-content;min-height:38px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--accent)}.footer-bottom{justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:var(--rule);flex-wrap:wrap;display:flex}@media (width<=720px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=400px){.footer-grid{grid-template-columns:1fr}}.skip-link{z-index:calc(var(--z-overlay) + 1);border-radius:0 0 var(--radius) var(--radius);background:var(--accent);color:var(--on-accent);transition:transform var(--dur) var(--ease-out);padding:10px 18px;font-weight:600;text-decoration:none;position:fixed;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;transform:translate(-50%)}.notfound{justify-items:center;gap:var(--space-sm);text-align:center;padding-block:var(--space-3xl);max-width:460px;margin-inline:auto;display:grid}.notfound-code{letter-spacing:-.03em;background:linear-gradient(100deg, var(--cat-image), var(--cat-gif) 50%, var(--cat-video));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,3rem + 8vw,7rem);font-weight:800;line-height:1}.notfound h1{font-size:var(--text-xl)}.notfound p{color:var(--muted)}.notfound .btn{margin-top:var(--space-sm)}.suspense-fallback{place-items:center;gap:var(--space-sm);padding:var(--space-3xl) 0;color:var(--muted);display:grid}@media (width<=480px){.brand-tag{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}60%{transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes shimmer-move{to{background-position:200%}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}70%{box-shadow:0 0 0 14px #0000}to{box-shadow:0 0 #0000}}@keyframes sheen{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.route-fade{animation:rise-in .42s var(--ease-out) both}.home-hero h1{animation:rise-in .5s var(--ease-out) both}.home-hero .sub{animation:rise-in .5s var(--ease-out) 60ms both}.home-hero .privacy-pill{animation:rise-in .5s var(--ease-out) .12s both}.home-hero .search-box{animation:rise-in .5s var(--ease-out) .18s both}.home-hero h1 .accent{background-size:200%;animation:6s linear infinite shimmer-move}.cat-section{opacity:0}.cat-section.is-revealed{animation:fade-in .4s var(--ease-out) both}.cat-section.is-revealed .tool-card{animation:rise-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}.tool-card:hover .tool-icon{animation:float-bob 1.6s var(--ease-in-out) infinite}.result-item{animation:pop-in .4s var(--ease-out) both}.result-item:nth-child(n){animation-delay:calc((var(--ri,0)) * 60ms)}.btn-primary{position:relative;overflow:hidden}.btn-primary:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,oklch(100% 5.96046e-8 none/.35),#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-120%)skew(-18deg)}.btn-primary:not(:disabled):hover:after{animation:sheen .9s var(--ease-out)}.btn-success-pulse{animation:pulse-ring .8s var(--ease-out)}.dropzone.is-drag .dz-icon{animation:float-bob 1.2s var(--ease-in-out) infinite}.drop-overlay{z-index:var(--z-overlay);background:color-mix(in oklch, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s var(--ease-out) both;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay-inner{justify-items:center;gap:var(--space-md);border:2px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--accent-tint) 60%, var(--paper));color:var(--accent-strong);font-size:var(--text-xl);text-align:center;animation:pop-in .24s var(--ease-out) both;max-width:80vw;padding:clamp(32px,6vw,64px);font-weight:600;display:grid}.drop-overlay-inner .dz-icon{color:var(--accent);animation:float-bob 1.4s var(--ease-in-out) infinite}.drop-overlay-inner small{font-size:var(--text-sm);color:var(--muted);font-weight:400}.ba-compare{border-radius:var(--radius);border:var(--rule);touch-action:none;-webkit-user-select:none;user-select:none;background:conic-gradient(var(--paper-3) 0 25%, transparent 0 50%, var(--paper-3) 0 75%, transparent 0) 0 0 / 16px 16px;width:fit-content;max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.ba-compare img{pointer-events:none;width:auto;max-width:100%;max-height:60vh;display:block}.ba-after{position:absolute;inset:0;overflow:hidden}.ba-after img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.ba-handle{background:var(--accent);cursor:ew-resize;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.ba-handle:before{content:"";background:var(--accent);width:34px;height:34px;color:var(--on-accent);box-shadow:0 2px 8px -2px color-mix(in oklch, var(--shadow-color) 45%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-handle:after{content:"⟺";color:var(--on-accent);font-size:15px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-label{font-size:var(--text-xs);background:color-mix(in oklch, var(--ink) 62%, transparent);color:var(--paper);pointer-events:none;border-radius:999px;padding:2px 10px;font-weight:500;position:absolute;top:8px}.ba-label-before{left:8px}.ba-label-after{right:8px}@media (prefers-reduced-motion:reduce){.route-fade,.home-hero h1,.home-hero .sub,.home-hero .privacy-pill,.home-hero .search-box,.cat-section.is-revealed,.cat-section.is-revealed .tool-card,.result-item,.drop-overlay,.drop-overlay-inner{animation-duration:.01ms!important;animation-delay:0s!important}.home-hero h1 .accent,.tool-card:hover .tool-icon,.drop-overlay-inner .dz-icon,.btn-primary:not(:disabled):hover:after{animation:none!important}.cat-section{opacity:1}}