:root{--color-primary: #1b6fd4;--color-primary-hover: #1560bd;--color-primary-active: #10529f;--color-primary-bright: #2589e8;--color-primary-soft: #eaf4ff;--color-primary-softer: #f4f9ff;--cat-indigo: #5548d9;--cat-coral: #c9461c;--cat-teal: #0f7f7a;--cat-blue: #1b6fd4;--cat-green: #12795a;--cat-pink: #c2306a;--color-background: #ffffff;--color-background-soft: #f7fafd;--color-background-section: #eef6fd;--color-surface: #ffffff;--color-surface-alt: #f2f6fa;--color-surface-hover: #fbfdff;--color-text: #141b24;--color-text-secondary: #4c5a68;--color-text-muted: #5f6c7a;--color-border: #e2eaf1;--color-border-strong: #cfdbe6;--color-success: #0f7a52;--color-success-soft: #e7f7ef;--color-warning: #a4620a;--color-warning-soft: #fdf3e3;--color-error: #c32c3f;--color-error-soft: #fdedef;--color-info: #1b6fd4;--color-info-soft: #eaf4ff;--preview-background: #f3f5f7;--preview-border: #dde5ed;--preview-checker-light: #ffffff;--preview-checker-dark: #e7ecf1;--shadow-xs: 0 1px 2px rgba(20, 40, 62, .05);--shadow-sm: 0 6px 18px rgba(21, 57, 92, .06);--shadow-md: 0 14px 34px rgba(21, 57, 92, .1);--shadow-lg: 0 24px 56px rgba(21, 57, 92, .14);--shadow-focus: 0 0 0 4px rgba(27, 111, 212, .22);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px;--container-width: 1200px;--workspace-width: 1200px;--article-width: 760px;--font: "Inter var", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.32, .72, .36, 1);--dur-fast: .15s;--dur: .19s;--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--secondary: var(--color-primary-bright);--accent: var(--cat-indigo);--background: var(--color-background);--surface: var(--color-surface);--surface-alt: var(--color-surface-alt);--text: var(--color-text);--muted: var(--color-text-muted);--border: var(--color-border);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--info: var(--color-info);--radius: var(--radius-md);--shadow: var(--shadow-xs);--maxw: var(--container-width);--cat: var(--color-primary);--cat-accent: var(--cat);--cat-soft: color-mix(in srgb, var(--cat) 9%, var(--color-surface))}[data-cat=compress]{--cat: var(--cat-indigo)}[data-cat=convert]{--cat: var(--cat-coral)}[data-cat=resize-crop]{--cat: var(--cat-teal)}[data-cat=optimize]{--cat: var(--cat-blue)}[data-cat=privacy]{--cat: var(--cat-green)}[data-cat=social]{--cat: var(--cat-pink)}[data-cat]{--cat-accent: var(--cat);--cat-soft: color-mix(in srgb, var(--cat) 9%, var(--color-surface))}:root[data-theme=dark]{--color-primary: #63a6f5;--color-primary-hover: #86bcf9;--color-primary-active: #a5cffb;--color-primary-bright: #63a6f5;--color-primary-soft: #17293f;--color-primary-softer: #14202f;--color-background: #0d1521;--color-background-soft: #111b2a;--color-background-section: #121e2f;--color-surface: #16202f;--color-surface-alt: #1d2939;--color-surface-hover: #1d2839;--color-text: #e8eff8;--color-text-secondary: #b0c0d1;--color-text-muted: #8b9bad;--color-border: #27374b;--color-border-strong: #33465e;--color-success: #4ecf9a;--color-success-soft: #10312a;--color-warning: #eab55b;--color-warning-soft: #33280f;--color-error: #f58a95;--color-error-soft: #3a1a20;--color-info: #63a6f5;--color-info-soft: #17293f;--preview-background: #101a27;--preview-border: #2b3c51;--preview-checker-light: #263344;--preview-checker-dark: #1a2634;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .4);--shadow-md: 0 14px 34px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .55);--shadow-focus: 0 0 0 4px rgba(99, 166, 245, .32);--cat-indigo: #7b6ff0;--cat-coral: #e2703f;--cat-teal: #2ba39c;--cat-blue: #3f8fe0;--cat-green: #2a9b73;--cat-pink: #d95688}:root[data-theme=dark] [data-cat],:root[data-theme=dark]{--cat-accent: color-mix(in srgb, var(--cat) 78%, white);--cat-soft: color-mix(in srgb, var(--cat) 18%, var(--color-surface))}:root[data-theme=dark] .category-card__top,:root[data-theme=dark] .page-hero__icon{color:#0b1220}:root[data-theme=dark] .category-card__desc{color:#0b1220}:root[data-theme=dark] .category-card__icon{background:#0b12202e}:root[data-theme=dark] .category-card__count{background:#0b1220;color:#fff}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:1rem;color:var(--color-text);background:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{line-height:1.18;color:var(--color-text);letter-spacing:-.018em;margin:0 0 .5rem;text-wrap:balance}h1{font-size:clamp(2.25rem,5.2vw,3.5rem);font-weight:800}h2{font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:750}h3{font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700}p{margin:0 0 1rem}.stat__value,.field__value,.data-table td,.file-card__size,.file-card__dims,.summary-tile__value,.result-card__stats,.compare__value,.editor__size,.progress__count,.preset__dims,input[type=number]{font-variant-numeric:tabular-nums lining-nums}.sr-only{position:absolute;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.25rem;width:100%}main{display:block;min-height:60vh}.section{padding:3rem 0}.section--tight{padding:1.75rem 0}.section--soft{background:var(--color-background-section)}.section__head{text-align:center;max-width:620px;margin:0 auto 2rem}.section__head p{color:var(--color-text-secondary);font-size:1.0625rem;margin:0}.lead{color:var(--color-text-secondary);font-size:1.0625rem}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:.75rem;top:-60px;background:var(--color-primary);color:#fff;padding:.7rem 1.1rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:300;font-weight:600;transition:top var(--dur) var(--ease)}.skip-link:focus{top:0;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font:inherit;font-weight:650;cursor:pointer;padding:.7rem 1.15rem;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface-alt);color:var(--color-text);min-height:44px;text-align:center;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}:root[data-theme=dark] .btn--primary{color:#08131f}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 24%,transparent)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.btn--ghost{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-primary)}.btn--quiet{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--quiet:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn--danger-quiet{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn--danger-quiet:hover:not(:disabled){background:var(--color-error-soft);color:var(--color-error)}.btn--sm{padding:.4rem .75rem;min-height:38px;font-size:.875rem;border-radius:var(--radius-sm)}.btn--lg{min-height:54px;padding:.9rem 1.6rem;font-size:1.0625rem;border-radius:var(--radius-md)}.btn--block{width:100%}.btn--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.btn svg{flex:0 0 auto}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border-strong)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:.75rem;font-weight:650;white-space:nowrap}.badge--privacy{background:var(--color-success-soft);color:var(--color-success)}.badge--cat{background:var(--cat-soft);color:var(--cat-accent)}.badge--outline{background:transparent;border:1px solid var(--color-border-strong)}.chip-row{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.chip{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:.7rem;font-weight:650;letter-spacing:.01em;white-space:nowrap}.chip--format{font-family:var(--mono);font-size:.68rem}.notice{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:.9375rem;color:var(--color-text-secondary)}.notice__icon{flex:0 0 auto;margin-top:1px}.notice__body{min-width:0}.notice__title{font-weight:700;color:var(--color-text);margin:0 0 .15rem}.notice__body p{margin:0}.notice__body p+p{margin-top:.35rem}.notice__actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.notice--info{background:var(--color-info-soft);border-color:color-mix(in srgb,var(--color-info) 26%,transparent);color:var(--color-text)}.notice--info .notice__icon{color:var(--color-info)}.notice--success{background:var(--color-success-soft);border-color:color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-text)}.notice--success .notice__icon{color:var(--color-success)}.notice--warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 34%,transparent);color:var(--color-text)}.notice--warning .notice__icon{color:var(--color-warning)}.notice--error{background:var(--color-error-soft);border-color:color-mix(in srgb,var(--color-error) 30%,transparent);color:var(--color-text)}.notice--error .notice__icon{color:var(--color-error)}.warn{display:block;color:var(--color-text);font-size:.9rem;padding:.7rem .85rem;border-radius:var(--radius-md);background:var(--color-warning-soft);border:1px solid color-mix(in srgb,var(--color-warning) 34%,transparent)}.error{color:var(--color-error);font-size:.9rem}.privacy-banner{display:flex;align-items:center;gap:.55rem;justify-content:center;background:var(--color-success-soft);color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-success) 26%,transparent);border-radius:var(--radius-md);padding:.7rem 1rem;font-size:.9375rem;text-align:center}.privacy-banner svg{color:var(--color-success);flex:0 0 auto}.spinner{width:22px;height:22px;border:2.5px solid var(--color-surface-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:box-shadow var(--dur) var(--ease)}.site-header[data-scrolled=true]{box-shadow:var(--shadow-sm)}.site-header__bar{display:flex;align-items:center;gap:.75rem;height:72px}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.0625rem;letter-spacing:-.02em;color:var(--color-text);flex:0 0 auto}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary);color:#fff;flex:0 0 auto}:root[data-theme=dark] .brand__mark{color:#0d1521}.brand__text b{font-weight:800}.site-nav{display:flex;align-items:center;gap:.15rem;margin:0 auto}.site-nav a,.nav-more__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border-radius:var(--radius-pill);color:var(--color-text-secondary);font-weight:600;font-size:.9375rem;white-space:nowrap;border:0;background:transparent;font-family:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.site-nav a:hover,.nav-more__btn:hover{background:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.site-nav a[aria-current=page]{background:var(--cat-soft);color:var(--cat-accent)}.site-nav a svg,.nav-more__btn svg{color:var(--cat-accent)}.nav-more{position:relative}.nav-more__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:.4rem;z-index:130}.nav-more__panel[hidden]{display:none}.nav-more__panel a{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:.9375rem}.nav-more__panel a:hover{background:var(--color-surface-alt);text-decoration:none}.nav-more__panel a small{display:block;font-weight:500;font-size:.78rem;color:var(--color-text-muted)}.nav-item{display:inline-flex;align-items:center}.nav-item__toggle{display:grid;place-items:center;width:26px;height:26px;margin-left:-.35rem;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav-item__toggle:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-item__toggle svg{transition:transform var(--dur-fast) var(--ease)}.nav-item__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mega{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:120}.mega[hidden]{display:none}.mega__inner{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1.5rem;padding:1.25rem 1.5rem 1.4rem}.site-nav .mega__feature{position:relative;display:flex;align-items:flex-start;gap:.85rem;padding:1rem;white-space:normal;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--cat) 22%,var(--color-border));background:var(--cat-soft);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease)}.site-nav .mega__feature:hover{text-decoration:none;background:var(--cat-soft);color:var(--color-text);border-color:color-mix(in srgb,var(--cat) 55%,var(--color-border))}.mega__feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--cat);color:#fff;flex:0 0 auto}.site-nav .mega__feature-icon svg{color:inherit}:root[data-theme=dark] .mega__feature-icon{color:#0b1220}.mega__feature-text strong{display:block;font-weight:750;font-size:.9875rem;letter-spacing:-.01em}.mega__feature-text small{display:block;margin-top:.25rem;font-size:.8125rem;line-height:1.45;color:var(--color-text-secondary)}.mega__feature-arrow{margin-left:auto;color:var(--cat-accent);align-self:center;flex:0 0 auto}.mega__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem .75rem;align-content:start}.site-nav .mega__links a{display:block;padding:.5rem .6rem;white-space:normal;border-radius:var(--radius-sm);color:var(--color-text)}.site-nav .mega__links a:hover{background:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.mega__links strong{display:block;font-weight:650;font-size:.9rem}.mega__links small{display:block;font-size:.76rem;color:var(--color-text-muted)}.site-nav .mega__all strong{color:var(--cat-accent)}.header-actions{display:flex;align-items:center;gap:.4rem;flex:0 0 auto;margin-left:auto}.header-actions .btn{white-space:nowrap}.header-link{padding:.5rem .7rem;border-radius:var(--radius-pill);color:var(--color-text-secondary);font-weight:600;font-size:.9375rem;white-space:nowrap}.header-link:hover{background:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.search-toggle{display:grid}.nav-toggle{display:none}.header-search{position:absolute;left:0;right:0;top:100%;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:.85rem 0;z-index:125}.header-search[hidden]{display:none}.nav-scrim{position:fixed;inset:0;background:#0a162373;z-index:140;opacity:0;transition:opacity var(--dur) var(--ease)}.nav-scrim[hidden]{display:none}.nav-scrim[data-open=true]{opacity:1}.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--color-surface);border-left:1px solid var(--color-border);z-index:150;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur) var(--ease);overflow-y:auto;overscroll-behavior:contain}.mobile-nav[hidden]{display:none}.mobile-nav[data-open=true]{transform:translate(0)}.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.1rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface)}.mobile-nav__title{font-weight:750;font-size:1rem}.mobile-nav__body{padding:.9rem 1.1rem 2rem;display:flex;flex-direction:column;gap:.4rem}.mobile-nav__group-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:750;color:var(--color-text-muted);margin:.9rem 0 .15rem}.mobile-nav__link{display:flex;align-items:center;gap:.8rem;padding:.75rem .7rem;min-height:48px;border-radius:var(--radius-md);color:var(--color-text);font-weight:650}.mobile-nav__link:hover,.mobile-nav__link:focus-visible{background:var(--color-surface-alt);text-decoration:none}.mobile-nav__link[aria-current=page]{background:var(--cat-soft);color:var(--cat-accent)}.mobile-nav__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--cat-soft);color:var(--cat-accent);flex:0 0 auto}.mobile-nav__text{min-width:0}.mobile-nav__text small{display:block;font-weight:500;font-size:.78rem;color:var(--color-text-muted);line-height:1.4}.mobile-nav__footer{margin-top:.75rem;padding-top:.9rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.35rem}.mobile-nav__row{display:flex;align-items:center;gap:.15rem}.mobile-nav__row .mobile-nav__link{flex:1 1 auto;min-width:0}.mobile-nav__expand{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.mobile-nav__expand:hover,.mobile-nav__expand:focus-visible{background:var(--color-surface-alt);color:var(--color-text)}.mobile-nav__expand svg{transition:transform var(--dur-fast) var(--ease)}.mobile-nav__expand[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-nav__sub{display:flex;flex-direction:column;margin:.1rem 0 .35rem;padding-left:3.1rem}.mobile-nav__sub[hidden]{display:none}.mobile-nav__sub a{display:flex;align-items:center;min-height:42px;padding:.45rem .6rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:550;font-size:.925rem}.mobile-nav__sub a:hover,.mobile-nav__sub a:focus-visible{background:var(--color-surface-alt);color:var(--color-text);text-decoration:none}.search{position:relative;width:100%}.search__field{display:flex;align-items:center;gap:.55rem;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:.5rem .65rem .5rem 1rem;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.search__field:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search__field>svg{color:var(--color-text-muted);flex:0 0 auto}.search__field input{border:0;background:transparent;color:var(--color-text);font:inherit;font-size:1rem;width:100%;min-width:0;min-height:34px;outline:none}.search__field input::placeholder{color:var(--color-text-muted)}.search__submit{flex:0 0 auto;min-height:38px;padding:0 1rem;border-radius:var(--radius-pill)}.search--hero{max-width:760px;margin:0 auto}.search--hero .search__field{padding:.5rem .55rem .5rem 1.35rem;border-radius:var(--radius-pill);min-height:66px;box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.search--hero .search__field input{font-size:1.0625rem;min-height:48px}.search--hero .search__submit{min-height:50px;min-width:112px;font-size:1rem}.search__results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:120;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;max-height:min(60vh,460px);overflow-y:auto;overscroll-behavior:contain;text-align:left;animation:pop var(--dur) var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.search__list{list-style:none;margin:0;padding:.35rem}.search__item{display:grid;grid-template-columns:36px 1fr auto;gap:.7rem;align-items:center;padding:.6rem .7rem;border-radius:var(--radius-md);color:var(--color-text)}.search__item:hover,.search__item--active{background:var(--color-surface-alt);text-decoration:none}.search__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--cat-soft);color:var(--cat-accent)}.search__text{min-width:0}.search__name{font-weight:700;display:block}.search__meta{display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center;font-size:.78rem;color:var(--color-text-muted);margin-top:.1rem}.search__cat{color:var(--cat-accent);font-weight:650}.search__io{font-family:var(--mono);font-size:.72rem}.search__desc{font-size:.82rem;color:var(--color-text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__empty{padding:1.25rem 1rem;text-align:center;color:var(--color-text-secondary);font-size:.9375rem}.search__empty strong{display:block;color:var(--color-text);margin-bottom:.2rem}.search__footer{border-top:1px solid var(--color-border);padding:.5rem}.search__all{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem;border-radius:var(--radius-sm);font-weight:650;font-size:.9rem;color:var(--color-primary)}.search__all:hover{background:var(--color-primary-soft);text-decoration:none}.hero{position:relative;text-align:center;padding:clamp(2.75rem,6vw,4.75rem) 0 clamp(2rem,4vw,3rem);overflow:hidden;isolation:isolate;background:radial-gradient(70% 90% at 8% 0%,var(--color-primary-softer) 0%,transparent 62%),radial-gradient(65% 85% at 96% 8%,color-mix(in srgb,var(--cat-teal) 8%,transparent) 0%,transparent 60%)}.hero__inner{position:relative;z-index:2}.hero__eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xs);color:var(--color-text-secondary);font-size:.8125rem;font-weight:650;margin-bottom:1.15rem}.hero__eyebrow svg{color:var(--color-success)}.hero h1{font-size:clamp(2.25rem,5.6vw,4.125rem);max-width:17ch;margin:0 auto 1rem;letter-spacing:-.03em}.hl{background:var(--color-primary);color:#fff;border-radius:8px;padding:.02em .28em .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}:root[data-theme=dark] .hl{color:#08131f}.hero__lead{color:var(--color-text-secondary);font-size:clamp(1rem,1.6vw,1.1875rem);max-width:60ch;margin:0 auto 1.75rem}.hero__decor{position:absolute;inset:0;z-index:1;pointer-events:none}.hero__shape{position:absolute;border-radius:10px}.hero__shape--frame-a{width:92px;height:68px;left:4%;top:22%;border:2px solid color-mix(in srgb,var(--cat-indigo) 30%,transparent);transform:rotate(-8deg)}.hero__shape--frame-b{width:60px;height:60px;right:6%;top:18%;border:2px solid color-mix(in srgb,var(--cat-teal) 32%,transparent);transform:rotate(10deg)}.hero__shape--frame-c{width:120px;height:78px;right:3%;bottom:14%;border:2px dashed color-mix(in srgb,var(--color-primary) 26%,transparent);transform:rotate(-5deg)}.hero__shape--crop{width:54px;height:54px;left:8%;bottom:18%;border-radius:0;border-left:3px solid color-mix(in srgb,var(--cat-pink) 38%,transparent);border-bottom:3px solid color-mix(in srgb,var(--cat-pink) 38%,transparent)}.hero__shape--dot-a,.hero__shape--dot-b{width:12px;height:12px;border-radius:50%}.hero__shape--dot-a{left:16%;top:12%;background:color-mix(in srgb,var(--cat-coral) 45%,transparent)}.hero__shape--dot-b{right:18%;bottom:30%;background:color-mix(in srgb,var(--cat-green) 45%,transparent)}.quick-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem}.quick-tools__label{width:100%;font-size:.8125rem;color:var(--color-text-muted);font-weight:650;margin-bottom:.1rem}.quick-tool{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;min-height:42px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text);font-weight:650;font-size:.9rem;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.quick-tool:hover{transform:translateY(-2px);border-color:var(--cat-accent);box-shadow:var(--shadow-sm);text-decoration:none}.quick-tool svg{color:var(--cat-accent)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.category-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);color:var(--color-text);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);height:100%}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);text-decoration:none}.category-card__top{background:var(--cat);color:#fff;padding:1.15rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.category-card__row{display:flex;align-items:center;gap:.65rem}.category-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#ffffff2e;flex:0 0 auto}.category-card__count{margin-left:auto;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-pill);background:#fff;color:var(--cat);white-space:nowrap}.category-card__name{font-size:1.1875rem;font-weight:750;letter-spacing:-.015em;margin:0}.category-card__desc{font-size:.9rem;margin:0;color:#fff;line-height:1.5}.category-card__bottom{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;background:var(--color-surface);border-top:1px solid var(--color-border);font-size:.875rem}.category-card__featured{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card__featured span{color:var(--color-text-muted);font-size:.78rem;display:block}.category-card__featured strong{font-weight:700}.category-card__arrow{margin-left:auto;color:var(--cat-accent);flex:0 0 auto;transition:transform var(--dur) var(--ease)}.category-card:hover .category-card__arrow{transform:translate(3px)}.trust-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.trust-bar__item{padding:1.35rem 1.3rem;display:flex;flex-direction:column;gap:.4rem;border-left:1px solid var(--color-border)}.trust-bar__item:first-child{border-left:0}.trust-bar__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--color-success-soft);color:var(--color-success)}.trust-bar__title{font-weight:700;font-size:.9875rem}.trust-bar__text{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.tabs-wrap{display:flex;justify-content:center;margin-bottom:1.75rem;max-width:100%;min-width:0}.tabs{position:relative;display:flex;gap:.25rem;padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;min-height:42px;border:0;background:transparent;border-radius:var(--radius-pill);font:inherit;font-weight:650;font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;scroll-snap-align:center;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.tab:hover{background:var(--color-surface-alt);color:var(--color-text)}.tab[aria-selected=true]{background:var(--cat, var(--color-primary));color:#fff}:root[data-theme=dark] .tab[aria-selected=true]{color:#0d1521}.tab svg{flex:0 0 auto}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tool-card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:208px;color:var(--color-text);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat) 40%,var(--color-border));box-shadow:var(--shadow-sm)}.tool-card__icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--cat-soft);color:var(--cat-accent);flex:0 0 auto}.tool-card__cat{font-size:.75rem;font-weight:700;color:var(--cat-accent);letter-spacing:.01em}.tool-card__name{font-weight:750;font-size:1.0625rem;color:var(--color-text);letter-spacing:-.012em}.tool-card__name:hover{text-decoration:none}.tool-card__name:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg)}.tool-card__desc{color:var(--color-text-secondary);font-size:.9rem;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tool-card__meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.78rem}.tool-card__arrow{position:absolute;top:1.3rem;right:1.25rem;color:var(--color-text-muted);opacity:0;transform:translate(-4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.tool-card:hover .tool-card__arrow,.tool-card:focus-within .tool-card__arrow{opacity:1;transform:translate(0);color:var(--cat-accent)}.tool-card:focus-within{border-color:var(--color-primary)}.grid-footer{display:flex;justify-content:center;margin-top:2rem}.grid-empty{text-align:center;color:var(--color-text-secondary);padding:2rem 1rem}.feature-list{display:flex;flex-direction:column;gap:1.25rem}.feature-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.25rem;align-items:center;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.feature-card--reverse .feature-card__body{order:2}.feature-card--reverse .feature-card__preview{order:1}.feature-card__cat{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.8125rem;color:var(--cat-accent)}.feature-card__title{margin:.5rem 0 .4rem;font-size:clamp(1.35rem,2.2vw,1.6rem);letter-spacing:-.02em}.feature-card__title a{color:var(--color-text)}.feature-card__title a:hover{color:var(--cat-accent);text-decoration:none}.feature-card__desc{margin:0;color:var(--color-text-secondary);max-width:48ch}.feature-card__meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.9rem 0 1.25rem;font-size:.78rem}.feature-card__actions{display:flex;gap:.6rem;flex-wrap:wrap}.feature-card__preview{position:relative;padding:2.1rem 1.5rem 1.5rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.feature-card__example{position:absolute;top:.7rem;right:.9rem;font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.mock{display:flex;flex-direction:column;gap:.8rem;font-size:.875rem}.mock__row{display:flex;align-items:center;gap:.6rem}.mock__row--hint{color:var(--color-text-muted);font-size:.8125rem}.mock__thumb{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--cat-soft);color:var(--cat-accent);flex:0 0 auto}.mock__name{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock__pill{margin-left:auto;padding:.2rem .6rem;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-weight:700;font-size:.78rem;white-space:nowrap}.mock__bar{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:.6rem;align-items:center}.mock__bar-label{color:var(--color-text-muted);font-size:.8rem}.mock__bar-track{display:block;height:8px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden}.mock__bar-track i{display:block;height:100%;border-radius:inherit;background:var(--color-border-strong)}.mock__bar--result .mock__bar-track i{background:var(--cat-accent)}.mock__bar b{font-variant-numeric:tabular-nums;font-size:.8125rem}.mock__convert{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.mock__file{padding:.35rem .6rem;border-radius:var(--radius-sm);background:var(--color-surface-alt);font-family:var(--mono);font-size:.8rem}.mock__file--out{background:var(--cat-soft);color:var(--cat-accent);font-weight:600}.mock__conv-arrow{display:grid;color:var(--color-text-muted);flex:0 0 auto}.mock__resize{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.mock__frame{display:grid;place-items:center;border:1.5px dashed var(--color-border-strong);border-radius:10px;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--color-text-secondary)}.mock__frame--before{width:132px;height:88px}.mock__frame--after{width:86px;height:58px;border-style:solid;border-color:var(--cat-accent);color:var(--cat-accent)}.privacy-section{background:var(--color-background-section);padding:3.5rem 0}.privacy-section__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2.5rem;align-items:center}.privacy-section__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-weight:750;font-size:.8125rem;color:var(--color-success)}.privacy-section h2{margin:.6rem 0 .8rem;font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:-.025em}.privacy-section__copy>p:not(.privacy-section__eyebrow){margin:0;color:var(--color-text-secondary);font-size:1.03rem;line-height:1.65;max-width:52ch}.privacy-section__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}.privacy-section__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.privacy-card{padding:1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.privacy-card__icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:.6rem;border-radius:10px;background:var(--color-success-soft);color:var(--color-success)}.privacy-card__title{display:block;font-weight:725;font-size:.95rem}.privacy-card__text{margin:.35rem 0 0;color:var(--color-text-secondary);font-size:.855rem;line-height:1.55}.directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem}.directory__head{display:flex;align-items:center;gap:.6rem;padding-bottom:.5rem;color:var(--color-text)}.directory__head:hover{text-decoration:none}.directory__head:hover .directory__title{color:var(--cat-accent)}.directory__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--cat-soft);color:var(--cat-accent);flex:0 0 auto}.directory__title{font-weight:750;font-size:.975rem;letter-spacing:-.01em}.directory__title small{display:block;font-weight:550;font-size:.75rem;color:var(--color-text-muted)}.directory__list{list-style:none;margin:0;padding:0 0 0 2.75rem}.directory__list a{display:inline-block;padding:.3rem 0;color:var(--color-text-secondary);font-size:.925rem}.directory__list a:hover{color:var(--cat-accent)}.breadcrumbs{font-size:.8125rem;color:var(--color-text-muted);padding:1rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.page-hero{padding:1.5rem 0 .5rem}.page-hero--cat{text-align:center;padding:2rem 0 2.25rem;background:linear-gradient(180deg,var(--cat-soft) 0%,transparent 100%)}.page-hero__icon{display:grid;place-items:center;width:62px;height:62px;border-radius:var(--radius-lg);background:var(--cat);color:#fff;margin:0 auto 1.1rem;box-shadow:var(--shadow-sm)}.page-hero--cat h1{font-size:clamp(1.9rem,4.4vw,3rem)}.page-hero__lead{color:var(--color-text-secondary);font-size:1.0625rem;max-width:62ch;margin:0 auto 1rem}.page-hero--cat .search{max-width:560px;margin:1.5rem auto 0}.page-hero__count{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--cat-accent);font-size:.8125rem;font-weight:700}.tool-header{padding:1.25rem 0 .25rem}.tool-header__badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.tool-header h1{font-size:clamp(1.85rem,3.6vw,2.85rem);margin-bottom:.6rem}.tool-header .lead{max-width:68ch;margin:0}.workspace{max-width:var(--workspace-width);margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.workspace__loading{padding:2.5rem 1.25rem;text-align:center;color:var(--color-text-muted)}.tool__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;align-items:stretch}.tool__col{min-width:0;padding:1.35rem;display:flex;flex-direction:column;gap:1.1rem}.tool__panel{min-width:0;padding:1.35rem;background:var(--color-background-soft);border-left:1px solid var(--color-border)}.tool__panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.tool__panel-title{font-size:1rem;font-weight:750;margin:0;display:flex;align-items:center;gap:.4rem}.tool__panel-head .btn{margin-left:auto}@media (min-width: 901px) and (min-height: 760px){.tool__panel{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain}}.tool__section-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.tool__section-label .badge{text-transform:none;letter-spacing:0}.dropzone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:var(--color-primary-softer);padding:2.25rem 1.25rem;text-align:center;cursor:pointer;min-height:268px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dropzone--active{border-color:var(--color-primary);border-style:solid;background:var(--color-primary-soft)}.dropzone--compact{min-height:132px;padding:1.25rem}.dropzone__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);margin-bottom:.75rem;transition:transform var(--dur) var(--ease)}.dropzone--active .dropzone__icon{transform:scale(1.06);border-color:var(--color-primary)}.dropzone--compact .dropzone__icon{width:44px;height:44px;margin-bottom:.35rem}.dropzone__title{font-weight:750;font-size:1.1875rem;margin:0;color:var(--color-text)}.dropzone--compact .dropzone__title{font-size:1rem}.dropzone__sub{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.dropzone__cta{margin:.85rem 0 .5rem;pointer-events:none}.dropzone__hint{color:var(--color-text-muted);font-size:.8125rem;margin:0}.dropzone__privacy{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;padding:.25rem .7rem;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:.78rem;font-weight:650}.uploader__errors:empty{display:none}.uploader__errors{display:flex;flex-direction:column;gap:.5rem}.file-list__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}.file-list__count{font-weight:750;font-size:.9375rem}.file-list__total{color:var(--color-text-muted);font-size:.875rem}.file-list__actions{margin-left:auto;display:flex;gap:.4rem;flex-wrap:wrap}.file-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.file-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:82px;transition:border-color var(--dur-fast) var(--ease)}.file-item:hover{border-color:var(--color-border-strong)}.file-item[data-status=processing]{border-color:var(--color-primary);background:var(--color-primary-softer)}.file-item[data-status=completed]{border-color:color-mix(in srgb,var(--color-success) 34%,var(--color-border))}.file-item[data-status=failed]{border-color:color-mix(in srgb,var(--color-error) 40%,var(--color-border))}.file-item[data-status=larger]{border-color:color-mix(in srgb,var(--color-warning) 44%,var(--color-border))}.file-item__thumb{width:62px;height:62px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--preview-border);background:var(--preview-background);background-image:linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%),linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%);background-size:12px 12px;background-position:0 0,6px 6px;flex-shrink:0}.file-item__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.file-item__name{font-weight:650;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.file-item__sub{color:var(--color-text-muted);font-size:.8125rem;display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center}.file-item__sub .dot{color:var(--color-border-strong)}.file-item__saving{font-weight:700;color:var(--color-success)}.file-item__saving--negative{color:var(--color-warning)}.file-item__side{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.file-item__remove{border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;flex:0 0 auto}.file-item__remove:hover{background:var(--color-error-soft);color:var(--color-error)}.status{display:inline-flex;align-items:center;gap:.25rem;font-size:.7375rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-text-secondary);white-space:nowrap}.status--completed{background:var(--color-success-soft);color:var(--color-success)}.status--failed{background:var(--color-error-soft);color:var(--color-error)}.status--larger{background:var(--color-warning-soft);color:var(--color-warning)}.status--processing,.status--waiting,.status--cancelled{background:var(--color-surface-alt);color:var(--color-text-secondary)}.settings{display:flex;flex-direction:column;gap:1rem}.settings__group{display:flex;flex-direction:column;gap:.7rem;padding:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.settings__group-title{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0;display:flex;align-items:center;gap:.35rem}.settings__section{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.65rem .85rem;background:var(--color-surface)}.settings__section summary{cursor:pointer;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:.4rem;min-height:32px;list-style:none}.settings__section summary::-webkit-details-marker{display:none}.settings__section summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);margin-left:auto;transition:transform var(--dur) var(--ease)}.settings__section[open] summary:after{transform:rotate(-135deg)}.settings__section>*:not(summary){margin-top:.7rem}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field__label{font-size:.8375rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.35rem}.field__value{font-weight:750;color:var(--color-primary);min-width:2.6ch;text-align:right}.field__slider-row{display:flex;align-items:center;gap:.7rem}.field__scale{display:flex;justify-content:space-between;font-size:.7375rem;color:var(--color-text-muted)}.field__dims{display:flex;align-items:center;gap:.45rem}.field__dims>.field{flex:1;min-width:0}.field__x{color:var(--color-text-muted);font-weight:700;padding-top:1.2rem}.field__note{font-size:.8125rem;color:var(--color-text-muted);margin:0;line-height:1.5}.field__note--info{color:var(--color-text-secondary);padding:.55rem .7rem;background:var(--color-info-soft);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-info) 22%,transparent)}.field__note--warning{color:var(--color-text);padding:.55rem .7rem;background:var(--color-warning-soft);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.input,.color,select.input,textarea.input{font:inherit;font-size:1rem;padding:.55rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;min-height:44px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus-visible,.color:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.input--num{width:100%}.color{padding:.2rem;height:44px;cursor:pointer}.color-field{display:flex;align-items:center;gap:.5rem}.color-field .color{width:52px;flex:0 0 auto}.color-field .input{font-family:var(--mono);font-size:.875rem}.slider{flex:1;min-width:0;accent-color:var(--color-primary);height:24px}.checkbox{width:20px;height:20px;accent-color:var(--color-primary);flex:0 0 auto;margin:0}.toggle{display:flex;align-items:center;gap:.6rem;font-size:.9rem;cursor:pointer;min-height:40px;line-height:1.4}.toggle span{min-width:0}.modes{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.modes--3{grid-template-columns:repeat(3,1fr)}.mode-btn{font:inherit;padding:.55rem .5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-weight:650;font-size:.8375rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mode-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.mode-btn--active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.mode-btn__check{display:none}.mode-btn--active .mode-btn__check{display:inline-flex}.mode-btn small{display:block;font-weight:500;font-size:.7rem;color:var(--color-text-muted)}.tool__actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.tool__actions .btn--primary{min-width:220px;flex:1 1 220px}.progress-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem;display:flex;flex-direction:column;gap:.7rem}.progress-panel__head{display:flex;align-items:center;gap:.6rem}.progress-panel__title{font-weight:700;font-size:.9375rem}.progress__count{margin-left:auto;font-size:.875rem;color:var(--color-text-secondary);font-weight:650}.progress-track{height:8px;border-radius:var(--radius-pill);background:var(--color-surface-alt);overflow:hidden}.progress-bar{height:100%;width:0;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--dur) var(--ease)}.progress-track--indeterminate .progress-bar{width:35%;animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.progress-panel__file{font-size:.8125rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-panel__hint{font-size:.8125rem;color:var(--color-text-muted);margin:0}.tool__progress{min-height:1.2rem;color:var(--color-text-secondary);font-size:.9rem}.tool__progress:empty{display:none}.tool__results{display:flex;flex-direction:column;gap:1rem}.tool__results:empty{display:none}.result-summary{border:1px solid color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:var(--color-success-soft);border-radius:var(--radius-lg);padding:1.15rem;display:flex;flex-direction:column;gap:.9rem}.result-summary--warning{border-color:color-mix(in srgb,var(--color-warning) 34%,var(--color-border));background:var(--color-warning-soft)}.result-summary--error{border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-border));background:var(--color-error-soft)}.result-summary__head{display:flex;align-items:center;gap:.55rem;font-weight:750;font-size:1.0625rem}.result-summary__head svg{color:var(--color-success);flex:0 0 auto}.result-summary--warning .result-summary__head svg{color:var(--color-warning)}.result-summary--error .result-summary__head svg{color:var(--color-error)}.summary-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:.6rem}.summary-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.1rem}.summary-tile__label{font-size:.7375rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.summary-tile__value{font-weight:750;font-size:1.0625rem}.summary-tile--headline .summary-tile__value{font-size:clamp(1.6rem,3vw,2rem);color:var(--color-success);letter-spacing:-.02em;line-height:1.1}.summary-tile--headline.summary-tile--negative .summary-tile__value{color:var(--color-warning)}.result-summary__actions{display:flex;flex-wrap:wrap;gap:.6rem}.result-summary+.ad-slot{margin-top:2.5rem}.result-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;background:var(--color-surface);display:flex;flex-direction:column;gap:.85rem}.result-card[data-larger=true]{border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border))}.result-card__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.result-card__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.result-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.5rem}.result-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;padding:.5rem .6rem;background:var(--color-surface-alt);border-radius:var(--radius-sm);min-width:0}.stat__label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.stat__value{font-weight:750;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis}.stat--good .stat__value{color:var(--color-success)}.stat--bad .stat__value{color:var(--color-warning)}.result-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap}.result-row__name{font-family:var(--mono);font-size:.8125rem;min-width:0;overflow-wrap:anywhere}.preview-frame{border:1px solid var(--preview-border);border-radius:var(--radius-md);background-color:var(--preview-background);background-image:linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%),linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%);background-size:18px 18px;background-position:0 0,9px 9px;overflow:hidden;display:grid;place-items:center;padding:.5rem;min-height:180px}.preview-frame img{max-width:100%;max-height:58vh;width:auto;height:auto;object-fit:contain;filter:none!important}.preview-meta{display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:center;font-size:.8125rem;color:var(--color-text-muted);margin-top:.5rem}.preview-meta strong{color:var(--color-text-secondary)}.compare{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.compare__tabs{display:flex;gap:.25rem;padding:.45rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);flex-wrap:wrap}.compare__tab{font:inherit;font-size:.8375rem;font-weight:650;padding:.4rem .8rem;min-height:38px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.compare__tab:hover{color:var(--color-text)}.compare__tab[aria-selected=true]{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-xs)}.compare__body{padding:.5rem}.compare__panel[hidden]{display:none}.compare__side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.compare__pane{min-width:0}.compare__caption{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:baseline;font-size:.8125rem;padding:.4rem .15rem 0;color:var(--color-text-muted)}.compare__caption b{color:var(--color-text);font-size:.875rem}.compare__value{font-weight:650;color:var(--color-text-secondary)}.ba{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-sm);background-color:var(--preview-background);background-image:linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%),linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%);background-size:18px 18px;background-position:0 0,9px 9px;user-select:none;line-height:0}.ba__img{width:100%;display:block;filter:none!important}.ba__img--after{position:relative}.ba__img--before{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.ba__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 0 1px #0f1e2d59}.ba__handle:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0f1e2d66}.ba__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.ba__range:focus-visible+.ba__handle,.ba__range:focus-visible~.ba__handle{box-shadow:0 0 0 3px var(--color-primary)}.editor__preview{border:1px solid var(--preview-border);border-radius:var(--radius-md);padding:.5rem;background-color:var(--preview-background);background-image:linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%),linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%);background-size:18px 18px;background-position:0 0,9px 9px;display:grid;place-items:center;min-height:200px}.editor__img{max-width:100%;max-height:58vh;width:auto;margin:0 auto;filter:none!important}.editor__row{display:flex;flex-wrap:wrap;gap:.4rem}.editor__download{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.editor__download .btn{flex:1 1 auto}.editor__size{color:var(--color-text-secondary);font-size:.875rem;font-weight:650}.crop-stage{position:relative;display:inline-block;max-width:100%;line-height:0;border-radius:var(--radius-md);overflow:hidden;touch-action:none}.crop-stage__img{max-width:100%;max-height:62vh;width:auto;user-select:none;-webkit-user-drag:none;filter:none!important}.crop-stage__wrap{display:grid;place-items:center;padding:.75rem;border:1px solid var(--preview-border);border-radius:var(--radius-md);background-color:var(--preview-background);background-image:linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%),linear-gradient(45deg,var(--preview-checker-dark) 25%,transparent 25% 75%,var(--preview-checker-dark) 75%);background-size:18px 18px;background-position:0 0,9px 9px;min-height:240px}.crop-box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 9999px #0c18266b,0 0 0 1px #0c182680 inset;cursor:move;touch-action:none}.crop-box:before,.crop-box:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55}.crop-box:before{background-image:linear-gradient(to right,transparent 33.2%,#fff 33.2% 33.5%,transparent 33.5% 66.4%,#fff 66.4% 66.7%,transparent 66.7%)}.crop-box:after{background-image:linear-gradient(to bottom,transparent 33.2%,#fff 33.2% 33.5%,transparent 33.5% 66.4%,#fff 66.4% 66.7%,transparent 66.7%)}.crop-box__handle{position:absolute;width:26px;height:26px;background:transparent;touch-action:none;z-index:2}.crop-box__handle:after{content:"";position:absolute;inset:7px;background:#fff;border:2px solid var(--color-primary);border-radius:4px;box-shadow:0 1px 4px #0c182673}.crop-box__handle:hover:after,.crop-box__handle:focus-visible:after{inset:5px}.crop-box__handle--se{right:-13px;bottom:-13px;cursor:nwse-resize}.crop-box__handle--sw{left:-13px;bottom:-13px;cursor:nesw-resize}.crop-box__handle--ne{right:-13px;top:-13px;cursor:nesw-resize}.crop-box__handle--nw{left:-13px;top:-13px;cursor:nwse-resize}.crop-readout{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.8125rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.crop-readout b{color:var(--color-text)}.code-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.code-panel__head{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.code-panel__title{font-size:.875rem;font-weight:700;margin:0}.code-panel__head .btn{margin-left:auto}.code-block{width:100%;display:block;font-family:var(--mono);font-size:.8125rem;line-height:1.6;padding:.9rem;border:0;border-radius:0;background:var(--color-surface);color:var(--color-text);white-space:pre;overflow-x:auto;resize:vertical;tab-size:2}.code-block:focus-visible{outline-offset:-3px}.tool__metadata{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem}.tool__metadata:empty{display:none}.tool__metadata-title{font-size:.9375rem;margin:0 0 .6rem;font-weight:750}.meta-groups{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem;padding:0;list-style:none}.meta-group{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-pill);background:var(--color-warning-soft);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-text);font-size:.8125rem;font-weight:650}.meta-group svg{color:var(--color-warning)}.meta-group--none{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text-secondary)}.meta-group--none svg{color:var(--color-text-muted)}.preset-picker{display:flex;flex-direction:column;gap:.6rem}.preset-list{display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto;padding-right:.15rem;overscroll-behavior:contain}.preset{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;min-height:52px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.preset:hover{border-color:var(--color-primary)}.preset[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.preset__body{min-width:0;flex:1}.preset__name{font-weight:650;font-size:.9rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset__dims{font-size:.78rem;color:var(--color-text-muted)}.preset__check{color:var(--color-primary);flex:0 0 auto;opacity:0}.preset[aria-pressed=true] .preset__check{opacity:1}.preset__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--color-surface-alt);color:var(--color-text-secondary);font-weight:750;font-size:.8125rem;flex:0 0 auto}.mode-preview{display:flex;gap:.6rem}.mode-preview__item{flex:1;text-align:center;font-size:.72rem;color:var(--color-text-muted)}.mode-preview__box{height:42px;border:1px solid var(--color-border-strong);border-radius:5px;background:var(--color-surface-alt);display:grid;place-items:center;margin-bottom:.25rem;overflow:hidden}.mode-preview__inner{background:color-mix(in srgb,var(--color-primary) 45%,transparent);border-radius:2px}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-muted)}.empty-state__icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto .7rem;border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-muted)}.prose{max-width:var(--article-width)}.prose h2{margin-top:2.5rem;scroll-margin-top:90px}.prose h3{margin-top:1.75rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.4rem 0}.prose p,.prose li{color:var(--color-text-secondary)}.prose strong{color:var(--color-text)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;list-style:none;margin:0 0 1rem;padding:0;counter-reset:step}.steps li{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1rem 1.05rem;color:var(--color-text-secondary);font-size:.9375rem;margin:0;line-height:1.55}.steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary);font-weight:750;font-size:.875rem;margin-bottom:.55rem;font-variant-numeric:tabular-nums}.info-card{border:1px solid color-mix(in srgb,var(--color-info) 24%,transparent);background:var(--color-info-soft);border-radius:var(--radius-md);padding:1.1rem 1.25rem}.info-card__title{display:flex;align-items:center;gap:.45rem;font-weight:750;font-size:.9375rem;margin:0 0 .5rem}.info-card ul{margin:0;padding-left:1.2rem}.info-card li{color:var(--color-text-secondary)}.format-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}.format-box{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.9rem 1rem;background:var(--color-surface)}.format-box__label{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.5rem}.faq details{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.9rem 1.1rem;margin-bottom:.6rem;background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease)}.faq details:hover{border-color:var(--color-border-strong)}.faq details[open]{border-color:var(--color-border-strong)}.faq summary{font-weight:700;cursor:pointer;display:flex;align-items:flex-start;gap:.6rem;list-style:none;min-height:32px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:0 0 auto;width:9px;height:9px;margin:7px 0 0 auto;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--dur) var(--ease)}.faq details[open] summary:after{transform:rotate(-135deg)}.faq details p{margin:.7rem 0 0;color:var(--color-text-secondary)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--color-border)}.data-table th{color:var(--color-text-muted);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-background-soft);margin-top:4rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem;padding:3rem 0 2.25rem}.footer-brand .brand{margin-bottom:.85rem}.footer-brand p{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 .85rem;max-width:30ch}.footer-brand__privacy{display:inline-flex;align-items:flex-start;gap:.4rem;font-size:.8125rem;color:var(--color-success);font-weight:650;max-width:30ch;line-height:1.45}.footer-brand__privacy svg{flex:0 0 auto;margin-top:1px}.footer-col h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-weight:750;margin:0 0 .75rem}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:.45rem 0}.footer-col a{color:var(--color-text-secondary);font-size:.9rem}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding:1.25rem 0;font-size:.8375rem;color:var(--color-text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.ad-slot{margin:2.5rem 0;min-height:96px;display:flex;align-items:center;justify-content:center;contain:layout style}.ad-slot--placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.78rem;background:var(--color-surface-alt)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(8px);background:var(--color-text);color:var(--color-background);padding:.65rem 1.1rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:650;box-shadow:var(--shadow-md);z-index:250;opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);pointer-events:none}.toast[data-show=true]{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 1180px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:1.75rem}.footer-brand{grid-column:1 / -1}}@media (max-width: 1080px){.tool__grid{grid-template-columns:minmax(0,1fr) 310px}}@media (max-width: 1120px){.header-actions .btn--primary,.header-link{display:none}}@media (max-width: 1000px){.site-nav{display:none}.nav-toggle{display:grid}.site-header__bar{height:64px}}@media (max-width: 960px){.category-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.feature-card--reverse .feature-card__body,.feature-card--reverse .feature-card__preview{order:0}.privacy-section{padding:2.75rem 0}.privacy-section__grid{grid-template-columns:1fr;gap:1.75rem}.directory,.trust-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-bar__item:nth-child(3){border-left:0}.trust-bar__item:nth-child(n+3){border-top:1px solid var(--color-border)}}@media (max-width: 900px){.tool__grid{grid-template-columns:1fr}.tool__panel{position:static;border-left:0;border-top:1px solid var(--color-border);max-height:none}.compare__side-by-side{grid-template-columns:1fr}.workspace{border-radius:var(--radius-lg)}}@media (max-width: 720px){.section{padding:2.25rem 0}.container{padding:0 1rem}.hero{padding:2rem 0 1.5rem}.hero h1{font-size:clamp(2rem,8.6vw,2.65rem);max-width:none}.hero__decor{display:none}.search--hero .search__field{min-height:58px;padding-left:1rem}.search--hero .search__submit{min-width:48px;min-height:46px;padding:0 .85rem}.search--hero .search__submit .search__submit-text{display:none}.footer-grid{grid-template-columns:1fr 1fr;padding:2.25rem 0 1.5rem}.tool__col,.tool__panel{padding:1rem}.file-item{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"thumb meta" "side side";row-gap:.6rem}.file-item__thumb{grid-area:thumb;width:52px;height:52px}.file-item__meta{grid-area:meta}.file-item__side{grid-area:side;justify-content:flex-start}.tool__actions .btn--primary{min-width:0;flex-basis:100%}.steps{grid-template-columns:1fr}}@media (max-width: 600px){.category-grid,.card-grid,.related-grid,.privacy-section__cards,.directory,.trust-bar{grid-template-columns:1fr}.trust-bar__item{border-left:0}.trust-bar__item+.trust-bar__item{border-top:1px solid var(--color-border)}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.modes{grid-template-columns:1fr}.modes--3,.summary-tiles{grid-template-columns:1fr 1fr}.result-summary__actions .btn{flex-basis:100%}}@media (max-width: 400px){.tool-card{min-height:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.tool-card:hover,.category-card:hover,.quick-tool:hover{transform:none}}@media print{.site-header,.site-footer,.ad-slot,.workspace,.hero__decor{display:none!important}}