:root{--color-primary:#635bff;--color-primary-hover:#5148e5;--color-primary-soft:#f0efff;--color-background:#ffffffb2;--color-surface:#f8f9fb8f;--color-surface-raised:#fff;--color-text:#17181c;--color-text-secondary:#686b73;--color-text-inverse:#fff;--color-border:#e7e8ec;--color-border-strong:#d3d5dc;--color-success:#16865a;--color-warning:#b76b00;--color-error:#c83c4b;--color-overlay:#12131794;--color-focus:#635bff42;--shadow-sm:0 1px 2px #14161d0f;--shadow-md:0 8px 24px #14161d14;--shadow-lg:0 24px 64px #14161d24;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:.14s ease;--transition-normal:.24s ease;--transition-slow:.42s cubic-bezier(.2,.8,.2,1);--container-width:1180px;--content-width:760px;--navbar-height:72px;--font-primary:"DM Sans", system-ui, sans-serif;--font-heading:"Manrope", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.8rem, 4vw, 2.5rem);--text-hero:clamp(2.5rem, 7vw, 4.75rem)}[data-theme=dark]{color-scheme:dark;--color-primary:#8e88ff;--color-primary-hover:#aaa6ff;--color-primary-soft:#272441;--color-background:#111216;--color-surface:#181a20;--color-surface-raised:#1e2027;--color-text:#f4f4f6;--color-text-secondary:#a4a7b0;--color-text-inverse:#111216;--color-border:#2b2e37;--color-border-strong:#3b3e48;--color-success:#55c995;--color-warning:#f0ad4e;--color-error:#ef7884;--color-overlay:#000000b3;--color-focus:#8e88ff4d;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 8px 24px #00000042;--shadow-lg:0 24px 64px #0006}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.035em;margin:0;line-height:1.12}h1{font-size:var(--text-hero);font-weight:800}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-xl);font-weight:700}p{color:var(--color-text-secondary);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}@keyframes fade-up{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:fade-up var(--transition-slow) both}.typewriter:after{content:"";vertical-align:-.04em;background:currentColor;width:.08em;height:.9em;margin-left:.08em;animation:.8s step-end infinite type-caret;display:inline-block}.typewriter__brand{color:var(--color-primary)}@keyframes type-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;color:var(--color-text);font-family:var(--font-primary);font-size:var(--text-base);transition:background var(--transition-normal), color var(--transition-normal);margin:0}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--color-primary-soft);color:var(--color-text)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.container{width:min(calc(100% - var(--space-8)), var(--container-width));margin-inline:auto}.section{padding-block:var(--space-20)}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-10);display:flex}.section-heading p{max-width:34rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-loader{justify-content:center;align-items:center;gap:var(--space-3);min-height:50vh;color:var(--color-text-secondary);display:flex}.empty-state__action{margin-top:var(--space-6)}[data-tool-card][hidden],[data-empty-state][hidden]{display:none!important}@media (width<=720px){.section{padding-block:var(--space-16)}.section-heading{margin-bottom:var(--space-8);flex-direction:column;align-items:start}}.search-toolspage{background:0 0;border:none}.navbar{z-index:30;height:var(--navbar-height);background:color-mix(in srgb, var(--color-background) 88%, transparent);border-bottom:1px solid var(--color-border);backdrop-filter:blur(14px);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-8);height:100%;display:flex}.navbar__nav{align-items:center;gap:var(--space-8);margin-left:auto;display:flex}.navbar__nav>a,.navbar__dropdown>a{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-weight:500;display:flex}.navbar__nav a:hover,.navbar__nav a.active{color:var(--color-text)}.navbar__dropdown{position:relative}.navbar__dropdown-panel{visibility:hidden;opacity:0;transform:translateY(var(--space-2));top:calc(100% + var(--space-5));width:360px;padding:var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);position:absolute;left:50%}.navbar__dropdown:hover .navbar__dropdown-panel,.navbar__dropdown:focus-within .navbar__dropdown-panel{visibility:visible;opacity:1;transform:translate(-50%)}.navbar__dropdown-panel a{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;display:grid}.navbar__dropdown-panel a:hover{background:var(--color-surface)}.navbar__dropdown-panel small{margin-top:var(--space-1);color:var(--color-text-secondary);display:block}.navbar__actions{align-items:center;gap:var(--space-2);display:flex}.navbar__icon-button{align-items:center;gap:var(--space-2);height:40px;padding-inline:var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;display:inline-flex}.navbar__icon-button:hover{background:var(--color-surface);color:var(--color-text)}.navbar__search-button{border-color:var(--color-border)}.navbar__search-button kbd{padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs)}.navbar__menu{justify-content:center;width:40px;padding-inline:0;display:none}.navbar__menu svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.navbar__menu [data-menu-icon=close],.navbar__menu[aria-expanded=true] [data-menu-icon=open]{display:none}.navbar__menu[aria-expanded=true] [data-menu-icon=close]{display:block}.navbar__menu-panel{display:none}.navbar__theme-toggle{border-color:var(--color-border);justify-content:center;width:40px;padding-inline:0;overflow:hidden}.navbar__theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px;transition:transform var(--transition-normal)}.theme-icon__moon,.theme-icon__sun{transform-origin:50%;transition:opacity var(--transition-normal), transform var(--transition-normal)}.theme-icon__moon{opacity:1;transform:rotate(0)scale(1)}.theme-icon__sun{opacity:0;transform:rotate(-90deg)scale(.45)}[data-theme=dark] .navbar__theme-toggle svg{transform:rotate(90deg)}[data-theme=dark] .theme-icon__moon{opacity:0;transform:rotate(90deg)scale(.45)}[data-theme=dark] .theme-icon__sun{opacity:1;transform:rotate(0)scale(1)}.navbar__menu-nav{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.navbar__menu-nav a{min-height:42px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;font-weight:600;display:inline-flex}.navbar__menu-nav a:hover,.navbar__menu-nav a:focus-visible{background:var(--color-surface);color:var(--color-text)}.navbar__tool-chevron{width:1.5em;height:1.5em;margin-left:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;padding:.22em}.search-modal{z-index:50;padding:16vh var(--space-4);background:var(--color-overlay);place-items:start center;display:grid;position:fixed;inset:0}.search-modal__content{gap:var(--space-2);width:min(100%,720px);padding:var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex}.search-modal__content .tool-search{flex:1}.search-modal__close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:0;align-self:start;place-items:center;display:grid}@media (width<=820px){.navbar__inner>.navbar__nav{display:none}.navbar__menu{transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);display:inline-flex}.navbar__menu[aria-expanded=true]{transform:rotate(90deg)}.navbar__search-button span,.navbar__search-button kbd{display:none}.navbar__menu-panel{z-index:31;opacity:0;visibility:hidden;background:var(--color-background);width:100%;box-shadow:var(--shadow-md);transition:grid-template-rows var(--transition-normal), opacity var(--transition-fast), transform var(--transition-normal), visibility var(--transition-normal), border-color var(--transition-normal);border-bottom:1px solid #0000;grid-template-rows:0fr;display:grid;position:absolute;top:100%;left:0;transform:translateY(-8px)}.navbar__menu-panel.is-open{opacity:1;visibility:visible;border-color:var(--color-border);grid-template-rows:1fr;transform:translateY(0)}.navbar__menu-nav{align-items:stretch;gap:var(--space-1);padding-block:var(--space-3);flex-direction:column;overflow:hidden}.navbar__menu-nav a,.navbar__tool-list summary{justify-content:center;width:100%}.navbar__tool-list{width:100%}.navbar__tool-list summary{min-height:42px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;align-items:center;font-weight:600;list-style:none;display:flex}.navbar__tool-list summary::-webkit-details-marker{display:none}.navbar__tool-chevron{transition:transform var(--transition-fast)}.navbar__tool-list[open] .navbar__tool-chevron{transform:rotate(180deg)}.navbar__tool-list>div{max-height:min(52vh,420px);margin:var(--space-1) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;display:flex;overflow-y:auto}.navbar__tool-list>div a{min-height:38px;padding-inline:var(--space-4);font-size:var(--text-sm);justify-content:flex-start}}.footer{padding-top:var(--space-16);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer__grid{gap:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:2fr repeat(4,1fr);display:grid}.footer__grid>div{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.footer__grid p{max-width:18rem;margin-top:var(--space-2)}.footer__grid strong{margin-bottom:var(--space-2);font-family:var(--font-heading)}.footer__grid a,.footer__grid span{color:var(--color-text-secondary)}.footer__grid a:hover{color:var(--color-text)}.footer__bottom{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.footer__legal{gap:var(--space-4);display:flex}.footer__legal a{color:var(--color-text-secondary)}.footer__legal a:hover{color:var(--color-text)}@media (width<=760px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column}}.logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);letter-spacing:-.03em;white-space:nowrap;font-weight:800;display:inline-flex}.logo img{border-radius:var(--radius-sm)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;font-weight:600;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.button--primary:hover{background:var(--color-primary-hover)}.button--secondary{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.button--secondary:hover{border-color:var(--color-border-strong)}.button--ghost{color:var(--color-text-secondary);background:0 0}.button--ghost:hover{background:var(--color-surface);color:var(--color-text)}.tool-card{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:88px;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex}.tool-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-card__icon{background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary);border-radius:var(--radius-sm);flex:none;place-items:center;display:grid}.tool-card>span:nth-child(2){flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.tool-card strong,.tool-card small{display:block}.tool-card strong{font-family:var(--font-heading);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.tool-card small{color:var(--color-text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.tool-card__arrow{color:var(--color-text-secondary);transition:transform var(--transition-fast);flex:none;margin-left:auto}.tool-card:hover .tool-card__arrow{transform:translateX(var(--space-1));color:var(--color-primary)}@media (width<=420px){.tool-card{gap:var(--space-2);padding:var(--space-3)}.tool-card__icon{width:40px;height:40px}.tool-card small{display:none}}.hero{padding:var(--space-24) 0 var(--space-20);overflow:visible}.hero__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.eyebrow{margin-bottom:var(--space-4);color:var(--color-primary);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:inline-block}.hero h1{max-width:900px}.hero>.container>p{max-width:670px;margin:var(--space-6) auto var(--space-8);font-size:var(--text-xl)}.hero__cta{align-items:center;gap:var(--space-5);margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.tool-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.home-tool-card{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:88px;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex}.home-tool-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.home-tool-card__icon{width:28px;height:28px;color:var(--color-primary);stroke-width:1.8px}.home-tool-card h3{font-family:var(--font-heading);font-size:var(--text-base);margin:0}.home-tool-card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.45}.home-tool-card>span{color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.library-tool-card{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:88px;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex}.library-tool-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.library-tool-card__icon{width:28px;height:28px;color:var(--color-primary);stroke-width:1.8px}.library-tool-card h3{font-family:var(--font-heading);font-size:var(--text-base);margin:0}.library-tool-card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.45}.library-tool-card>span{color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.hero+.section .tool-grid>.tool-card{display:none}.hero+.section .tool-grid>.tool-card[href="/tools/image/background-remover"],.hero+.section .tool-grid>.tool-card[href="/tools/image/cropper"],.hero+.section .tool-grid>.tool-card[href="/tools/image/image-enhancer"],.hero+.section .tool-grid>.tool-card[href="/tools/image/compressor"]{display:grid}.hero+.section .tool-grid>.tool-card[href="/tools/image/background-remover"]{order:1}.hero+.section .tool-grid>.tool-card[href="/tools/image/cropper"]{order:2}.hero+.section .tool-grid>.tool-card[href="/tools/image/image-enhancer"]{order:3}.hero+.section .tool-grid>.tool-card[href="/tools/image/compressor"]{order:4}.section--muted{background:var(--color-surface)}.faq-section{padding-block:var(--space-16)}.faq-section__inner{gap:var(--space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.faq-section h2{max-width:18ch}.faq-section__inner>div>p{max-width:55ch;color:var(--color-text-secondary)}.faq-list{gap:var(--space-3);display:grid}.faq-list details{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}.faq-list summary{cursor:pointer;color:var(--color-text);font-weight:700}.faq-list p{margin:var(--space-3) 0 0;color:var(--color-text-secondary)}.text-link{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:600;display:inline-flex}.category-grid{gap:var(--space-4);grid-template-columns:minmax(0,380px);display:grid}.category-card{padding:var(--space-6);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.category-card>svg{color:var(--color-primary)}.category-card h3{margin:var(--space-5) 0 var(--space-3)}.category-card>span{align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;display:inline-flex}.benefit-grid{gap:var(--space-8);grid-template-columns:repeat(5,1fr);display:grid}.benefit-grid article>svg{color:var(--color-primary)}.benefit-grid h3{margin:var(--space-4) 0 var(--space-2)}.cta-section{padding-block:var(--space-16);background:var(--color-primary)}.cta-section__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.cta-section h2,.cta-section p{color:var(--color-text-inverse)}.cta-section p{margin-top:var(--space-2);opacity:.85}@media (width<=980px){.category-grid,.benefit-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.hero{padding-top:var(--space-16)}.hero__cta,.cta-section__inner{flex-direction:column;align-items:stretch}.tool-grid,.faq-section__inner{grid-template-columns:1fr}.category-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=430px){.category-grid,.benefit-grid{grid-template-columns:1fr}}.page-hero{padding-block:var(--space-20);background:var(--color-surface);text-align:center}.page-hero h1{font-size:var(--text-3xl)}.page-hero p{margin-top:var(--space-4);font-size:var(--text-lg)}.tools-search{align-items:center;gap:var(--space-3);width:min(100%,620px);margin:var(--space-8) auto 0;padding:var(--space-4) var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);display:flex}.tools-search input{width:100%;color:var(--color-text);font-size:var(--text-lg);background:0 0;border:0;outline:0}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.filter-tabs button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-secondary);flex:none}.filter-tabs button:hover,.filter-tabs button.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.filter-tabs span{margin-left:var(--space-1)}.empty-state{padding:var(--space-20);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center}.empty-state svg{color:var(--color-primary)}.empty-state h2{margin:var(--space-4) 0 var(--space-2)}.blog-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-card{min-height:240px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);flex-direction:column;display:flex}.blog-card>p:first-child{margin:0 0 var(--space-3);color:var(--color-primary);font-size:var(--text-sm);font-weight:700}.blog-card h2{font-size:var(--text-xl);margin:0;line-height:1.25}.blog-card h2 a{color:var(--color-text)}.blog-card>p:not(:first-child){color:var(--color-text-secondary)}.text-link{color:var(--color-primary);margin-top:auto;font-weight:700}.article{padding-block:var(--space-12) var(--space-20)}.article__header,.article__content{width:min(calc(100% - var(--space-8)), 860px);margin-inline:auto}.article__header h1{margin:var(--space-4) 0;letter-spacing:-.045em;font-size:clamp(2rem,5vw,4rem);line-height:1.08}.article__lede{max-width:720px;font-size:var(--text-xl);color:var(--color-text-secondary)}.article__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.article__content{margin-top:var(--space-8);display:block}.article__content>p,.article__content section>p{font-size:var(--text-lg);line-height:1.75}.article__content h2{margin-top:var(--space-12);font-size:var(--text-2xl)}.article__intro{font-size:var(--text-xl)!important}.blog-tool-embed{max-width:760px;margin:0 auto var(--space-8);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.blog-tool-embed .eyebrow,.blog-tool-embed .tool-workspace{margin-top:0}.article__illustration{margin:0 0 var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.article__illustration img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.article__illustration figcaption{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.article__video{margin-block:var(--space-10);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.article__video h2{margin-top:0}.blog-video{margin-top:var(--space-5);aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;overflow:hidden}.blog-video iframe{border:0;width:100%;height:100%}.article__video-note,.blog-video__fallback{color:var(--color-text-secondary);margin-bottom:0;font-size:var(--text-sm)!important}.article-tool-embed{margin-block:var(--space-10);padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.article-tool-embed h2{margin:var(--space-2) 0}.article-tool-embed>.tool-workspace{margin-inline:0}.article-callout{margin-block:var(--space-6);padding:var(--space-5);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary-soft)}.article-callout--warning{color:#422006;background:#fef3c7;border-left-color:#d97706}.article-callout p{margin-bottom:0}.article-steps{gap:var(--space-4);padding-left:var(--space-6);display:grid}.article-steps li{padding-left:var(--space-2)}.article-steps span{margin-top:var(--space-1);color:var(--color-text-secondary);display:block}.article-comparison{gap:var(--space-4);margin-block:var(--space-6);flex-wrap:wrap;display:flex}.article-comparison>article{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:16rem}.article-comparison h3{margin-top:0}.article-table{margin-block:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.article-table table{border-collapse:collapse;width:100%}.article-table th,.article-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left}.article-table th{background:var(--color-surface-raised)}blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);font-size:var(--text-lg)}.article-additional-info{margin-top:var(--space-12);padding:var(--space-6);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg, var(--color-surface), transparent)}.article-additional-info h2{margin-top:0}.table-of-contents,.related-tools{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.table-of-contents ol{padding-left:var(--space-5);margin-bottom:0}.table-of-contents a{color:var(--color-primary)}.related-tools{margin-top:var(--space-12)}.related-tools h2{font-size:var(--text-lg);margin-top:0}.related-tools div{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.related-tools a{gap:var(--space-1);color:var(--color-text);display:grid}.related-tools span{color:var(--color-text-secondary);font-size:var(--text-sm)}details{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}summary{cursor:pointer;font-weight:700}details p{color:var(--color-text-secondary);margin-bottom:0}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.article{padding-block:var(--space-10)}.article__header,.article__content{width:min(calc(100% - var(--space-6)), 860px)}.blog-tool-embed{padding:var(--space-3)}.related-tools div{grid-template-columns:1fr}}@media (width<=600px){.blog-grid{grid-template-columns:1fr}}.article__back,.page-hero__back{margin-bottom:var(--space-5);color:var(--color-primary);font-size:var(--text-sm);font-weight:700;display:inline-flex}.article-tool-embed>.button{margin-top:var(--space-6)}.feedback{max-width:var(--content-width)}.feedback h1{font-size:var(--text-3xl)}.feedback>p{margin:var(--space-5) 0 var(--space-10);font-size:var(--text-lg)}.feedback form{gap:var(--space-5);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.feedback label{gap:var(--space-2);color:var(--color-text);font-weight:600;display:grid}.feedback label span{color:var(--color-text-secondary);font-weight:400}.feedback input,.feedback select,.feedback textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical}.feedback .button{justify-self:start}.feedback__success{padding:var(--space-8);background:var(--color-primary-soft);border-radius:var(--radius-md)}.feedback__success p{margin-top:var(--space-3)}.feedback__notice,.feedback__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);margin:0}.feedback__notice{background:var(--color-primary-soft);color:var(--color-text-secondary)}.feedback__error{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error)}.legal-page__content{max-width:48rem}.legal-page__back{margin-bottom:var(--space-5);color:var(--color-primary);font-size:var(--text-sm);font-weight:700;display:inline-flex;text-decoration:none!important}.legal-page h1{margin-top:var(--space-3);font-size:var(--text-4xl)}.legal-page__intro{margin-top:var(--space-5);font-size:var(--text-lg);color:var(--color-text-secondary)}.legal-page__updated{margin-top:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.legal-page h2{margin-top:var(--space-10);font-size:var(--text-xl)}.legal-page h2+p{margin-top:var(--space-3)}.legal-page p{max-width:44rem}.legal-page a{color:var(--color-primary);text-underline-offset:.18em;text-decoration:underline}.tool-page{padding:var(--space-8) 0 var(--space-20)}.breadcrumbs{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.breadcrumbs svg{transform:rotate(-90deg)}.breadcrumbs a:hover{color:var(--color-text)}.tool-page__header{max-width:var(--content-width);margin:var(--space-12) auto var(--space-10);text-align:center}.tool-page__header h1{margin:var(--space-4) 0;font-size:var(--text-3xl)}.tool-page__header p{font-size:var(--text-lg)}.tool-page__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:58px;height:58px;color:var(--color-primary);place-items:center;margin:auto;display:grid}.tool-workspace{max-width:980px;margin:var(--space-8) auto;padding:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.next-tool-recommendation{align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-primary-soft);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.next-tool-recommendation__icon{border-radius:var(--radius-pill);background:var(--color-surface-raised);width:2.4rem;height:2.4rem;color:var(--color-primary);place-items:center;display:grid}.next-tool-recommendation .eyebrow{margin:0}.next-tool-recommendation h2{margin:var(--space-1) 0;font-size:var(--text-lg)}.next-tool-recommendation p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.next-tool-recommendation .button{white-space:nowrap}.upload-zone{padding:var(--space-16) var(--space-6);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center;transition:border var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:center;display:flex}.upload-zone.is-dragging{background:var(--color-primary-soft);border-color:var(--color-primary)}.upload-zone input{display:none}.upload-zone__icon{background:var(--color-primary-soft);border-radius:var(--radius-md);width:58px;height:58px;color:var(--color-primary);place-items:center;display:grid}.upload-zone h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-2xl)}.upload-zone button{margin:var(--space-5) 0 var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);border:0;font-weight:600}.upload-zone small{color:var(--color-text-secondary)}.upload-zone__error{margin-top:var(--space-4);color:var(--color-error)}.workspace-toolbar,.workspace-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.workspace-toolbar{padding-bottom:var(--space-4)}.workspace-toolbar strong,.workspace-toolbar span{display:block}.workspace-toolbar span{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm)}.preview-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.preview-grid figure{min-width:0;margin:0}.preview-grid figcaption{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.image-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);place-items:center;width:100%;height:clamp(260px,34vw,360px);display:grid;overflow:hidden}.image-preview--result{background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-border) 25%,transparent 25%),linear-gradient(-45deg,var(--color-border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-border) 75%),linear-gradient(-45deg,transparent 75%,var(--color-border) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.image-preview>img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block}.image-preview>.crop-selection{min-width:0;max-width:100%;max-height:100%;overflow:hidden}.tool-workspace img{max-width:100%;height:100%}.watermark-placement{touch-action:none;background:var(--color-surface);width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.watermark-placement>img{object-fit:contain;width:100%;height:100%}.watermark-placement__label{z-index:1;border:1px dashed color-mix(in srgb, currentColor 75%, transparent);cursor:grab;white-space:nowrap;border-radius:4px;max-width:88%;padding:.35em .55em;line-height:1.15;position:absolute}.watermark-placement.is-dragging .watermark-placement__label{cursor:grabbing}.watermark-placement__hint{right:var(--space-3);bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-text);font-size:var(--text-xs);pointer-events:none;position:absolute}.crop-selection{user-select:none;max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.crop-selection>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:358px;display:block}.crop-selection__shade{display:none}.crop-selection__area{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000006b}.crop-selection__handle{border:2px solid var(--color-primary);touch-action:none;background:#fff;border-radius:50%;width:14px;height:14px;padding:0;position:absolute}.crop-selection__handle--nw{cursor:nwse-resize;top:-8px;left:-8px}.crop-selection__handle--ne{cursor:nesw-resize;top:-8px;right:-8px}.crop-selection__handle--sw{cursor:nesw-resize;bottom:-8px;left:-8px}.crop-selection__handle--se{cursor:nwse-resize;bottom:-8px;right:-8px}.crop-help{color:var(--color-text-secondary);font-size:var(--text-sm);align-self:end}.circle-presets{gap:var(--space-2);flex-wrap:wrap;align-items:end;display:flex}.color-picker{gap:var(--space-5);grid-template-columns:minmax(0,1.5fr) minmax(240px,.75fr);min-width:0;display:grid}.color-picker__preview img{cursor:crosshair}.color-picker__result{gap:var(--space-3);display:grid}.color-picker__result>span{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:64px;height:64px}.color-picker__result code{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text)}.palette-extractor__colors{gap:var(--space-3);flex-wrap:wrap;display:flex}.palette-extractor__colors button{width:84px;height:84px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);align-items:end;font-weight:700;display:flex;box-shadow:inset 0 -36px 28px #00000052}.merge-images input[type=file]{display:none}.merge-images__list{gap:var(--space-3);margin:var(--space-4) 0;display:flex;overflow-x:auto}.merge-images__list>div{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:0 0 130px;height:96px;position:relative;overflow:hidden}.merge-images__list img{object-fit:cover;width:100%;height:100%}.merge-images__list button{top:var(--space-1);right:var(--space-1);color:#fff;background:#000000b8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:20px;line-height:1;display:grid;position:absolute}.merge-images__result{max-height:360px;margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);place-items:center;display:grid;overflow:hidden}.merge-images__result img{object-fit:contain;max-width:100%;max-height:360px;display:block}.batch-workspace input[type=file]{display:none}.batch-workspace__files,.batch-workspace__results{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.batch-workspace__files>div,.batch-workspace__results>div{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:flex}.batch-workspace__files strong,.batch-workspace__results strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.batch-workspace__files span,.batch-workspace__results span{color:var(--color-text-secondary);font-size:var(--text-sm)}.batch-workspace__files button{color:var(--color-error);background:0 0;border:0}.splitter-workspace__preview{background:var(--color-surface-raised);gap:1px;padding:1px;display:grid}.splitter-workspace__preview span{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));min-width:0;min-height:0;color:var(--color-primary);place-items:center;font-weight:700;display:grid}.splitter-workspace__pieces,.collage-workspace__files{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.splitter-workspace__pieces>div{width:min(220px,100%)}.splitter-workspace__pieces img,.collage-workspace__files img{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:130px}.splitter-workspace__pieces button{width:100%;margin-top:var(--space-2)}.collage-workspace__files img{width:120px}.pdf-workspace__pages{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.pdf-workspace__pages>div{width:min(260px,100%)}.pdf-workspace__pages img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;height:340px}.pdf-workspace__pages button{width:100%;margin-top:var(--space-2)}.website-checker form{align-items:end;gap:var(--space-3);display:flex}.website-checker label{gap:var(--space-2);flex:1;font-weight:600;display:grid}.website-checker input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.website-checker .metadata-grid{margin-top:var(--space-5)}.gif-workspace__modes{gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.gif-workspace__modes button{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;flex:1;font-weight:700;display:grid}.gif-workspace__modes button span{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:400}.gif-workspace__modes button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.gif-workspace__upload{place-items:center;gap:var(--space-2);min-height:180px;padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);text-align:center;cursor:pointer;display:grid}.gif-workspace__upload input{display:none}.gif-workspace__upload span{color:var(--color-text-secondary);font-size:var(--text-sm)}.preview-placeholder,.processing-state{align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.processing-state progress{width:220px;accent-color:var(--color-primary)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-pill);width:30px;height:30px;animation:.8s linear infinite spin}.workspace-actions{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.workspace-actions .button{margin-left:auto}.result-size span,.result-size strong{display:block}.result-size span{color:var(--color-text-secondary);font-size:var(--text-sm)}.tool-error{margin-top:var(--space-4);padding:var(--space-4);background:color-mix(in srgb, var(--color-error) 10%, transparent);border-radius:var(--radius-sm);color:var(--color-error)}.metadata-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.metadata-grid>div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.metadata-grid dt{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600}.metadata-grid dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.meme-gallery h2{margin:var(--space-2) 0 var(--space-5)}.meme-gallery__categories{gap:var(--space-3);flex-wrap:wrap;display:flex}.meme-gallery__categories button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text)}.meme-gallery__categories button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.meme-gallery__carousel{gap:var(--space-4);margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.meme-gallery__photo{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:0 0 220px;overflow:hidden}.meme-gallery__photo button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;padding:0}.meme-gallery__photo button:disabled{cursor:wait;opacity:.7}.meme-gallery__photo img{object-fit:cover;width:100%;height:145px;display:block}.meme-gallery__photo span{padding:var(--space-3);font-size:var(--text-sm);font-weight:600;display:block}.meme-gallery__photo a{padding:0 var(--space-3) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.35;display:block}.tool-settings{gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.tool-settings label{gap:var(--space-2);flex:1;min-width:150px;font-weight:600;display:grid}.tool-settings input,.tool-settings select{width:100%;padding:var(--space-3);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tool-settings input[type=range]{accent-color:var(--color-primary);padding:0}.privacy-note{gap:var(--space-4);max-width:980px;margin:var(--space-6) auto 0;padding:var(--space-5);background:var(--color-primary-soft);border-radius:var(--radius-md);display:flex}.privacy-note>svg{color:var(--color-primary);flex:none}.privacy-note p{margin-top:var(--space-1)}.tool-seo-content{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);display:grid}.tool-seo-content>section{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.tool-seo-content h2{font-size:var(--text-xl);margin-top:0}.tool-seo-content .related-tools{grid-row:span 2}@media (width<=760px){.tool-seo-content{grid-template-columns:1fr}.tool-seo-content .related-tools{grid-row:auto}}@media (width<=700px){.tool-workspace{margin-block:var(--space-6);padding:var(--space-4)}.preview-grid{grid-template-columns:1fr}.image-preview{height:280px}.workspace-actions{flex-direction:column;align-items:stretch}.workspace-actions .button{width:100%;margin:0}.next-tool-recommendation{grid-template-columns:auto 1fr}.next-tool-recommendation .button{grid-column:1/-1;width:100%}}@media (width<=520px){.metadata-grid{grid-template-columns:1fr}}