:root{--bg:#f5f7fa;--surface:#ffffff;--surface-muted:#f8fafc;--surface-strong:#eef2f6;--ink:#17191f;--text:#181b21;--text-soft:#5b6573;--line:#e4e8ee;--line-strong:#cdd4de;--accent:#1b63d8;--accent-strong:#1450b5;--accent-soft:#eef4ff;--success:#17603b;--warning:#835b00;--danger:#b42318;--shadow:0 1px 2px rgba(17,19,24,0.04),0 4px 14px rgba(17,19,24,0.04);--shadow-hover:0 4px 12px rgba(17,19,24,0.05),0 14px 30px rgba(17,19,24,0.07);--radius-lg:14px;--radius-md:9px;--radius-sm:7px;--max-width:1180px;--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:rgba(27,99,216,.18)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.brand,.button,h1,h2,h3,h4,summary{font-family:var(--font-display)}h1,h2,h3{text-wrap:pretty}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{z-index:20;border-bottom:1px solid var(--line)}.site-header-top{background:var(--ink);color:#ffffff}.site-header-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(17,19,24,.02)}@supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))){.site-header-nav{background:rgba(255,255,255,.72);backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px)}}.container{width:min(calc(100% - 32px),var(--max-width));margin:0 auto}.footer-inner,.header-inner,.header-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner,.header-top-inner{padding:14px 0}.header-inner{padding:10px 0;justify-content:flex-end}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;font-weight:700}.brand-badge{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(160deg,#2b76e8 0,var(--accent) 55%,var(--accent-strong) 100%);color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(17,19,24,.25);display:grid;place-items:center;font-size:17px;font-weight:700;letter-spacing:-.01em}.brand-copy{display:grid;grid-gap:2px;gap:2px}.brand-copy strong{font-size:1rem}.brand-copy small{font-family:var(--font-body);font-size:.78rem;color:rgba(255,255,255,.75)}.site-utility{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:.84rem}.site-utility a{color:rgba(255,255,255,.9);text-decoration:none;padding-bottom:1px;border-bottom:1px solid rgba(255,255,255,.28);transition:color .12s ease,border-color .12s ease}.site-utility a:focus-visible,.site-utility a:hover{color:#ffffff;border-color:rgba(255,255,255,.7)}.catalog-band span,.catalog-section-label{display:inline-flex;align-items:center;justify-self:start;width:-moz-fit-content;width:fit-content;min-height:28px;padding:0 10px;background:var(--ink);color:#ffffff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.site-nav a{color:var(--text-soft);font-size:.9rem;padding:7px 10px;border-radius:var(--radius-sm);transition:background .12s ease,color .12s ease}.site-nav a:focus-visible,.site-nav a:hover{color:var(--accent-strong);background:var(--accent-soft)}main{flex:1 1;padding:18px 0 44px}.footer{margin-top:auto;border-top:1px solid var(--line);background:rgba(255,255,255,.92)}.footer-copy{color:var(--text-soft);font-size:.9rem;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section{margin-top:20px}.breadcrumb-nav{display:block}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;color:var(--text-soft);font-size:.86rem}.breadcrumb-item{display:inline-flex;align-items:center;gap:8px}.breadcrumb-item:not(:last-child):after{content:"\203A";color:var(--line-strong)}.breadcrumb-item a:focus-visible,.breadcrumb-item a:hover{color:var(--accent-strong)}.grid{display:grid;grid-gap:16px;gap:16px}.ad-slot,.card,.faq-item,.hero-card,.seo-panel,.tool-panel{background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.deferred-section{content-visibility:auto;contain-intrinsic-size:auto 360px}.hero-card,.seo-panel,.tool-panel{padding:22px}.card,.faq-item{padding:18px}.catalog-home-layout,.tool-shell{display:grid;grid-gap:16px;gap:16px}.home-directory-shell{display:grid;grid-gap:22px;gap:22px;justify-items:center;padding:40px 24px}.home-directory-copy{max-width:760px;text-align:center}.home-category-grid{width:100%;max-width:920px}.home-category-pill{min-height:92px;align-content:center}.home-why-head{justify-items:center;text-align:center}.home-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.home-why-card{display:grid;grid-gap:8px;gap:8px}.home-why-card h3{margin:0;font-size:1.05rem}.catalog-home-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.ad-grid,.category-grid,.hero-actions,.inline-actions,.option-row,.stats-row,.success-actions,.tool-grid{display:grid;grid-gap:14px;gap:14px}.hero-title,.section-title,.tool-title{margin:0;line-height:1.08;letter-spacing:-.022em;color:var(--ink)}.hero-title{font-size:clamp(2rem,4vw,3rem)}.section-title{font-size:clamp(1.35rem,2.4vw,2rem)}.section-title-compact{font-size:clamp(1.1rem,1.8vw,1.45rem)}.tool-title{font-size:clamp(1.6rem,2.6vw,2.2rem)}.faq-answer,.field-hint,.lede,.list-copy,.muted,.tool-copy{color:var(--text-soft);line-height:1.6;margin:0}.dropzone,.number-input,.search-box,.select,.text-input,.textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);transition:border-color .14s ease,box-shadow .14s ease}.number-input:focus,.search-box:focus,.select:focus,.text-input:focus,.textarea:focus{border-color:var(--accent)}.number-input,.search-box,.select,.text-input{min-height:44px;padding:0 14px}.textarea{min-height:220px;padding:14px;resize:vertical}.search-shell{display:grid;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);background:var(--surface-muted);border-radius:var(--radius-md)}.search-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-suggestion-row{display:flex;flex-wrap:wrap;gap:8px}.suggestion-chip{border:1px solid var(--line);background:#ffffff;color:var(--text);min-height:34px;padding:0 10px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.83rem}.search-results-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.search-result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff;transition:border-color .14s ease,box-shadow .14s ease}.search-result-card:focus-visible,.search-result-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.search-result-meta{font-size:.74rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.result-arrow{white-space:nowrap;color:var(--ink);font-weight:700;font-size:.84rem}.dropzone{padding:20px;min-height:148px;display:grid;place-items:center;text-align:center;background:#fbfcfe;border-style:dashed}.dropzone.is-active{border-color:var(--accent);background:#eef5ff}.dropzone.is-complete{border-color:rgba(23,96,59,.26);background:linear-gradient(180deg,#fbfefb,#f3faf5)}.dropzone-header{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dropzone-status,.dropzone-step,.image-settings-label{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:26px;padding:0 10px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dropzone-step{background:#f2f5f8;color:var(--text-soft)}.dropzone-status{background:rgba(23,96,59,.12);color:var(--success)}.dropzone-selection,.image-settings-note{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(255,255,255,.9)}.dropzone-selection{justify-items:center}.dropzone-selection span{color:var(--text-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.image-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);grid-gap:16px;gap:16px;align-items:start}.image-workspace-dropzone .dropzone{min-height:260px;padding:28px 22px;background:linear-gradient(180deg,#fcfdff,#f6f9fd)}.image-highlight-card,.image-settings-panel,.image-step-item,.image-workspace-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff,#fbfcfe)}.image-settings-panel,.image-workspace-panel{padding:18px}.image-workspace-panel{display:grid;grid-gap:16px;gap:16px;align-content:start}.image-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.image-highlight-card{display:grid;grid-gap:8px;gap:8px;padding:14px}.image-highlight-card span{color:var(--text-soft);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}.image-step-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.image-step-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:12px 14px;color:var(--text-soft)}.image-step-item.is-active{border-color:rgba(27,99,216,.24);background:linear-gradient(180deg,#ffffff,#f5f9ff)}.image-step-item.is-complete{border-color:rgba(23,96,59,.18);color:var(--text)}.image-step-index{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.8rem;font-weight:700}.image-step-item.is-complete .image-step-index{background:rgba(23,96,59,.12);color:var(--success)}.image-settings-header{display:grid;grid-gap:6px;gap:6px}.image-settings-group{display:grid;grid-gap:12px;gap:12px}.image-settings-label{background:var(--accent-soft);color:var(--accent-strong)}.image-settings-note{color:var(--text-soft)}.image-settings-panel-empty{min-height:116px;display:grid;place-items:center;text-align:center;color:var(--text-soft);border-style:dashed;background:var(--surface-muted)}.ad-meta,.button-row,.faq-list,.related-list,.tool-meta{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--radius-sm);border:1px solid transparent;padding:0 18px;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.button:active{transform:translateY(1px)}.button:focus-visible,.category-pill:focus-visible,.dropzone:focus-visible,.number-input:focus-visible,.search-box:focus-visible,.select:focus-visible,.suggestion-chip:focus-visible,.text-input:focus-visible,.textarea:focus-visible,.tool-card:focus-within,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-primary{background:var(--ink);color:#ffffff;border-color:var(--ink);box-shadow:0 1px 2px rgba(17,19,24,.18)}.button-primary:focus-visible,.button-primary:hover{background:#2a2e36;color:#ffffff;box-shadow:0 4px 12px rgba(17,19,24,.2)}.button-secondary{background:#ffffff;border-color:var(--line-strong);color:var(--text)}.button-secondary:focus-visible,.button-secondary:hover{background:var(--surface-muted);border-color:#b8c0cc}.button-ghost{background:transparent;border-color:var(--line);color:var(--text-soft)}.button-ghost:focus-visible,.button-ghost:hover{background:var(--surface-muted);color:var(--text)}.button:disabled{cursor:not-allowed;opacity:.55}.tool-grid{grid-template-columns:1fr}.ad-grid,.category-grid,.tool-shell{grid-template-columns:minmax(0,1fr)}.tool-shell[data-has-sidebar=true]{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.tool-card{display:grid;grid-template-columns:124px minmax(0,1fr) 128px;align-items:stretch;grid-gap:12px;gap:12px;min-height:auto;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;border-left:3px solid var(--accent)}.tool-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.tool-card-code{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-width:0;text-align:center}.tool-card-body h3{margin:0}.tool-card-body{align-content:center}.tool-card-action{display:flex;align-items:center;justify-content:center}.tool-card-action .button{min-width:108px;text-align:center}.tool-card-privacy{font-size:.82rem}.pill,.tool-card-privacy{color:var(--text-soft);text-align:center;width:100%}.pill{justify-content:center;padding:6px 8px;background:#f2f5f8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.pill,.privacy-badge,.status-chip{display:inline-flex;align-items:center;border-radius:var(--radius-sm)}.privacy-badge,.status-chip{gap:8px;padding:8px 10px;font-size:.82rem;font-weight:600}.privacy-badge{background:var(--accent-soft);color:var(--accent-strong)}.status-chip.valid{background:rgba(23,96,59,.12);color:var(--success)}.status-chip.invalid{background:rgba(180,35,24,.12);color:var(--danger)}.status-chip.warning{background:rgba(131,91,0,.12);color:var(--warning)}.ad-slot{min-height:96px;padding:14px 16px;display:grid;grid-gap:8px;gap:8px;align-content:start;background:linear-gradient(180deg,rgba(249,251,253,.98),rgba(255,255,255,.98));box-shadow:none;border-style:dashed}.page-ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.page-ad-grid-compact .ad-slot{min-height:82px}.catalog-sidebar{display:grid;grid-gap:16px;gap:16px;align-content:start}.catalog-directory{display:grid;grid-gap:12px;gap:12px}.catalog-directory-list{display:grid;grid-gap:8px;gap:8px}.catalog-directory-link{display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff}.catalog-directory-link:focus-visible,.catalog-directory-link:hover{border-color:var(--line-strong)}.catalog-directory-link span{color:var(--text-soft);font-size:.88rem}.catalog-section-head{display:grid;grid-gap:8px;gap:8px}.catalog-summary-panel{border-top:2px solid var(--ink)}.category-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.category-pill{padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(255,255,255,.98);display:grid;grid-gap:5px;gap:5px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.category-pill:focus-visible,.category-pill:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.category-pill span{color:var(--text-soft);font-size:.9rem}.category-pill strong{transition:color .14s ease}.category-pill:focus-visible strong,.category-pill:hover strong{color:var(--accent-strong)}.ad-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong)}.ad-body{color:var(--text-soft);font-size:.88rem;line-height:1.45}.progress-bar{width:100%;height:10px;border-radius:999px;background:var(--surface-strong);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#0f53b6)}.output-panel pre,.qa-code-block{margin:0;padding:18px;border-radius:var(--radius-md);background:#1b1e25;color:#e7ebf2;overflow:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.6}.output-panel pre{max-height:420px}.qa-code-block{max-height:260px}.faq-list{flex-direction:column;gap:10px}.faq-item{transition:border-color .14s ease}.faq-item:hover{border-color:var(--line-strong)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--text-soft);font-size:1.2rem;line-height:1;flex-shrink:0}.faq-item[open] summary:after{content:"\2013"}.faq-item[open] summary{margin-bottom:10px}.list{margin:0;padding-left:18px;color:var(--text-soft)}.field-group{display:grid;grid-gap:10px;gap:10px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.divider{width:100%;height:1px;background:var(--line)}.empty-state{padding:22px;border-radius:var(--radius-md);background:var(--surface-muted);color:var(--text-soft)}.faq-section,.related-tools-section,.seo-content-panel{gap:14px}.seo-copy-block+.seo-copy-block{padding-top:2px}.fold-panel{margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.98)}.fold-panel-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;list-style:none}.fold-panel-summary::-webkit-details-marker{display:none}.fold-panel-summary:after{content:"+";color:var(--text-soft);font-size:1.1rem;line-height:1}.fold-panel[open] .fold-panel-summary:after{content:"-"}.fold-panel-body{padding:0 16px 16px}@media (max-width:900px){.catalog-home-layout,.home-why-grid,.image-highlight-grid,.image-workspace,.page-ad-grid,.tool-shell[data-has-sidebar=true]{grid-template-columns:1fr}.footer-inner,.header-inner,.header-top-inner,.site-utility{align-items:flex-start;flex-direction:column}.tool-card{grid-template-columns:1fr}.tool-card-action,.tool-card-code{min-width:0}.category-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}