:root{color-scheme:light;--color-bg:#f7f5f0;--color-surface:#ebe8df;--color-raised:#f9f9f6;--color-surface-text:#1a1a18;--color-raised-text:#1a1a18;--color-raised-muted:#6a675f;--color-border:#c7c5bd;--color-control-border:#919089;--color-text:#1a1a18;--color-muted:#6a675f;--color-accent:#b3261e;--color-accent-hover:#9e211a;--color-accent-pressed:#8c1e17;--color-brand:var(--color-accent);--color-brand-hover:var(--color-accent-hover);--color-on-accent:#fff;--color-tint:#efdcd7;--color-tint-text:#b3261e;--color-inverse:#2d1d1a;--color-inverse-text:#f7f5f0;--color-inverse-muted:#d1c4bb;--shadow-raised:0 12px 32px #55221c18;--color-focus:#b3261e;--color-success:#237650;--color-danger:#b42318;--color-warning:#8a5a00;--font-sans:"Jost", "Jost Fallback", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-heading:var(--font-sans);--font-heading-weight:600;--font-logo:var(--font-sans);--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(2rem, 1.4rem + 2vw, 3.25rem);--text-hero:clamp(3.4rem, 2.7rem + 2.5vw, 5.6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:22px;--measure:70ch;--page-width:76rem;--gutter:28px}@font-face{font-family:Jost Fallback;src:local(Arial),local(Liberation Sans);font-style:normal;font-weight:400;size-adjust:96.39%;ascent-override:111%;descent-override:38.9%;line-gap-override:0%}@font-face{font-family:Jost Fallback;src:local(Arial),local(Liberation Sans);font-style:normal;font-weight:500;size-adjust:100.43%;ascent-override:106.54%;descent-override:37.34%;line-gap-override:0%}@font-face{font-family:Jost Fallback;src:local(Arial Bold),local(Liberation Sans Bold);font-style:normal;font-weight:600;size-adjust:95.4%;ascent-override:112.16%;descent-override:39.31%;line-gap-override:0%}@font-face{font-family:Jost;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jost-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jost-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{accent-color:var(--color-accent);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);margin:0;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--color-accent);text-underline-offset:.15em}a:hover{color:var(--color-accent-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.02em;margin:var(--space-6) 0 var(--space-3);line-height:1.2}h1{font-size:var(--text-2xl);font-weight:var(--font-heading-weight);margin-top:var(--space-6)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base);margin:var(--space-3) 0 var(--space-1)}p,ul,ol,details{max-width:var(--measure)}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);padding:0 .25em;font-size:.95em}.container{width:100%;max-width:var(--page-width);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:10;position:absolute;top:-3rem}.skip-link:focus{top:var(--space-2)}.site-header{z-index:5;background:var(--color-bg);border-bottom:0;position:sticky;top:0}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.logo{align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);text-decoration:none;display:inline-flex}.logo-to{color:var(--color-accent)}.nav-list{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-list a{padding:var(--space-2) 0;color:var(--color-muted);text-decoration:none;display:inline-block}.nav-list a:hover{color:var(--color-accent)}.site-footer{margin-top:var(--space-7);font-family:var(--font-mono);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm)}.site-footer p{margin:0}.button{min-height:44px;padding:var(--space-2) var(--space-5);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-raised);color:var(--color-accent);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-accent);background:var(--color-tint);color:var(--color-tint-text)}.button-primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-accent)}.button-primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-on-accent)}.button:active{background:var(--color-surface)}.button-primary:active{background:var(--color-accent-pressed);border-color:var(--color-accent-pressed);color:var(--color-on-accent)}.button:hover{text-decoration:none}.button span,.button svg{color:inherit}.button:disabled{pointer-events:none;transform:none}.format-selectors select:disabled,.option select:disabled{opacity:.65;cursor:wait}.catalog-search input::placeholder,.option-text::placeholder{color:var(--color-raised-muted);opacity:1}.nav-list a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.header-cta:hover{background:var(--color-tint)}.header-cta:active{background:var(--color-surface)}.nav-list a:hover,.text-link:hover,.tool-grid a:hover{text-decoration:underline}.nav-list .header-cta:hover,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-text)}.lead{font-size:var(--text-lg);color:var(--color-muted);margin-top:0}.tool-card{margin:var(--space-5) 0 var(--space-6);padding:var(--space-5) var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:0}.tool-promise{font-weight:500;font-family:var(--font-mono);font-size:var(--text-sm);margin-top:0}.tool-promise:before{content:"✓ ";color:var(--color-success)}.tool-meta{font-family:var(--font-mono);margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--text-sm)}.noscript{color:var(--color-warning);font-weight:500}.drop-area{font-family:var(--font-mono);align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);text-align:center;flex-direction:column;display:flex}.drop-area input:focus-visible+label{outline:2px solid var(--color-focus);outline-offset:3px}.drop-hint{color:var(--color-muted);margin:0}.converter-status{min-height:1.6em;margin:var(--space-3) 0 0}.results-title{margin-top:var(--space-3)}.result-list{margin:0 0 var(--space-4);max-width:none;padding:0;list-style:none}.result{padding:var(--space-4);margin-bottom:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-name{margin:0 0 var(--space-2);font-size:var(--text-base);overflow-wrap:anywhere}.result-message{margin:0}.result-rejected .result-message,.result-error .result-message{color:var(--color-danger)}.result progress{width:100%;height:.75rem}.report{gap:var(--space-2) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.report ul{padding-left:var(--space-5);margin:0}.report-warnings h4{color:var(--color-warning)}.tool-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));max-width:none;margin:0;padding:0;list-style:none;display:grid}.tool-grid a{height:100%;padding:var(--space-4);border-radius:var(--radius-md);border:0;text-decoration:none;display:block}.empty-state{color:var(--color-muted)}details{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}summary{cursor:pointer;font-weight:500}details p{margin-bottom:0}.breadcrumbs{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-muted)}.breadcrumbs ol{gap:var(--space-1) var(--space-2);flex-wrap:wrap;max-width:none;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-right:var(--space-2);color:var(--color-muted)}.breadcrumbs+h1{margin-top:var(--space-3)}.tool-grid a.tool-card-link{gap:var(--space-1);flex-direction:column;display:flex}.tool-card-title{font-weight:500}.tool-card-summary{color:var(--color-muted);font-size:var(--text-sm)}.steps li+li{margin-top:var(--space-2)}.options{gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));min-width:0;display:grid}.options legend{padding:0 var(--space-2);font-weight:500}.option{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.option label{font-weight:500}.option input[type=range],.option select{width:100%;min-height:44px;font:inherit}.option-checkbox{align-items:center;column-gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.option-checkbox input{width:1.25rem;height:1.25rem;margin:0}.option-checkbox .option-help{grid-column:1/-1}.option-value{font-variant-numeric:tabular-nums}.option-help{color:var(--color-muted);font-size:var(--text-sm);margin:0}.option-color{align-items:center;gap:var(--space-2);display:flex}.option-color input[type=color]{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-raised);width:3rem;height:44px;padding:2px}.option-hex{width:6.5rem;min-height:44px;padding:0 var(--space-2);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-raised);color:var(--color-raised-text);font-family:var(--font-mono);font-size:var(--text-base)}.option-text{width:100%;min-height:44px;padding:0 var(--space-2);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-raised);color:var(--color-raised-text);font:inherit}.results-note{margin:0 0 var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.options:disabled{opacity:.7}.converter-actions{margin:var(--space-2) 0 0}.result.has-preview{align-items:flex-start;gap:var(--space-4);display:flex}.result-body{flex:1;min-width:0}.result-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);object-fit:contain;flex:none;width:auto;max-width:160px;height:auto;max-height:160px;display:block}.result-size{margin:0 0 var(--space-2);color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.result-canceled .result-message{color:var(--color-muted)}html{scroll-behavior:smooth;scroll-padding-top:100px}body{-webkit-font-smoothing:antialiased}main>h1{margin-top:52px}main>.lead{max-width:760px}.category-pills{flex-wrap:wrap;gap:10px;margin:0 0 26px;display:flex}.category-pills a{background:var(--color-raised);border:0;border-radius:999px;align-items:center;gap:14px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.category-pills a:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-pills span{color:var(--color-muted);font-size:12px}.catalog-search{max-width:620px;margin:28px 0 40px}.catalog-search label{margin-bottom:8px;font-weight:500;display:block}.catalog-search input{border:1px solid var(--color-control-border);background:var(--color-raised);width:100%;color:var(--color-raised-text);font:inherit;border-radius:12px;padding:15px 18px}.catalog-search p{color:var(--color-muted);margin:8px 0;font-size:13px}[hidden]{display:none!important}.site-header{backdrop-filter:blur(12px);background:#f7f5f0f5}.header-inner{min-height:84px}.logo{font-family:var(--font-logo);letter-spacing:-.75px;white-space:nowrap;gap:9px;font-size:23px;font-weight:600}.logo img{flex:none;width:38px;height:38px}.logo-to{color:var(--color-accent);font-weight:400}.nav-list{font-family:var(--font-sans);gap:28px;font-size:14px}.nav-list a{color:var(--color-muted)}.nav-list a[aria-current=page]{color:var(--color-accent)}.header-cta{border:1px solid var(--color-control-border);border-radius:8px;margin-left:16px;color:var(--color-accent)!important;padding:10px 18px!important}.site-footer{font-family:var(--font-sans);margin-top:72px;padding:30px 0}.footer-brand{flex-direction:column;gap:12px;display:flex}.footer-brand p{max-width:280px;line-height:1.7}.footer-inner{align-items:flex-start}.button{border-radius:4px;gap:12px;min-height:48px;font-size:15px;transition:background .18s,border-color .18s,transform .18s}.button-primary{box-shadow:none}.button-primary:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.65}.eyebrow{color:var(--color-accent);letter-spacing:1.6px;align-items:center;gap:9px;margin:0 0 24px;font-size:11px;font-weight:500;display:flex}.status-dot{background:#3c8c69;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.text-link{color:var(--color-accent);align-items:center;gap:18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--color-accent)}.text-link span{font-size:23px}.hero-workspace{min-width:0}.quick-converter{background:var(--color-raised);box-shadow:var(--shadow-raised);border:0;border-radius:20px;padding:26px}.quick-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.quick-heading h2{letter-spacing:0;margin:0;font-size:18px}.mini-mark{background:var(--color-tint);width:34px;height:34px;color:var(--color-accent);border-radius:9px;justify-content:center;align-items:center;font-size:25px;display:inline-flex}.free-tag{color:#237650;background:#f0faf4;border:0;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:500}.format-selectors{grid-template-columns:1fr 24px 1fr;align-items:end;gap:14px;padding-bottom:24px;display:grid}.format-selectors label{color:var(--color-muted);font-size:12px;font-weight:500}.format-selectors select{border:1px solid var(--color-control-border);background:var(--color-raised);width:100%;height:49px;color:var(--color-text);font:500 15px var(--font-sans);cursor:pointer;border-radius:9px;margin-top:7px;padding:0 13px;display:block}.format-direction{height:49px;color:var(--color-muted);align-self:end;place-items:center;display:grid}.quick-footnote{text-align:center;color:var(--color-muted);margin:17px 0 0;font-size:11px}.quick-footnote span{color:#237650;margin-right:6px}.pending-files{overflow-wrap:anywhere;max-width:100%;color:var(--color-muted);margin:0;font-size:13px}.pending-files span{display:block}.format-selectors select:disabled{opacity:.65;cursor:not-allowed}.quick-converter label.button[aria-disabled=true]{opacity:.65;cursor:wait}.workspace-caption{color:var(--color-muted);justify-content:center;align-items:center;gap:8px;margin:17px 0 0;font-size:11px;display:flex}.converter{flex-direction:column;display:flex}.options{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;order:2;margin:20px 0 0;padding:12px 15px}.options legend{font-family:var(--font-sans);color:var(--color-muted);padding:0 6px;font-size:12px}.option label{font-size:12px}.option-help{font-size:11px;line-height:1.6}.option-color input[type=color]{width:35px;height:32px}.option-hex{font-size:12px}.converter-status{order:3;font-size:13px}.converter-status:empty{display:none}.converter-actions{order:4}.results{order:5}.drop-area{font-family:var(--font-sans);background:var(--color-raised);border:1.5px dashed var(--color-control-border);border-radius:12px;gap:12px;padding:24px 16px}.drop-area.is-dragover{border-color:var(--color-accent);background:var(--color-tint)}.drop-area:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.upload-symbol{background:var(--color-tint);width:55px;height:55px;color:var(--color-accent);border:1px solid var(--color-border);border-radius:15px;place-items:center;display:grid}.drop-title{font-family:var(--font-sans);margin:0;font-size:17px;font-weight:500}.drop-area .button{min-width:180px;margin:2px 0 4px}.drop-hint{font-size:11px}.faq-section h2{letter-spacing:-.3px;font-size:clamp(28px,2.8vw,38px);line-height:1.2;font-weight:var(--font-heading-weight);margin:0}.faq-section{grid-template-columns:1fr 1.3fr;gap:80px;padding:85px 0;display:grid}.faq-section>div>p:not(.suite-label){color:var(--color-muted);font-size:14px}.faq-list details{max-width:none;padding:18px 0}.faq-list details:first-child{border-top:1px solid var(--color-border)}.faq-list summary{justify-content:space-between;align-items:center;gap:16px;font-size:14px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--color-muted);font-size:22px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--color-muted);padding-right:20px;font-size:13px}.tool-card{background:var(--color-raised);box-shadow:var(--shadow-raised);max-width:850px;padding:28px}.tool-promise,.tool-meta{font-family:var(--font-sans)}.tool-promise{font-size:13px}.tool-meta{font-size:12px}.tool-card .drop-area{justify-content:center;min-height:260px}.tool-grid{gap:18px}.tool-grid a{background:var(--color-raised);color:var(--color-text);padding:25px;transition:border-color .18s}.tool-grid a:hover{border-color:var(--color-accent)}.tool-card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-bottom:8px;font-size:18px}.result{background:var(--color-raised)}.result.has-preview{align-items:flex-start}.report{gap:12px;font-size:12px}.quick-converter .report{grid-template-columns:1fr 1fr}.quick-converter .result.has-preview{flex-direction:column}.quick-converter .result-preview{width:100%;max-height:130px}.breadcrumbs{padding-top:12px}@media (width<=1000px){.quick-converter{padding:20px}.faq-section{gap:40px}}@media (width<=760px){:root{--gutter:22px}.header-inner{min-height:74px}.nav-list{gap:18px;font-size:12px}.header-cta{display:none!important}.quick-converter{padding:22px}.faq-section{grid-template-columns:1fr;gap:32px;padding:56px 0}.site-footer{margin-top:48px}.footer-inner{gap:28px}}@media (width<=440px){:root{--gutter:18px}.logo{font-size:20px}.logo img{width:32px;height:32px}.nav-list{gap:14px}.quick-converter{padding:18px}.quick-heading{gap:9px}.quick-heading h2{font-size:16px}.format-selectors{gap:9px}.tool-card{padding:18px}.result.has-preview{flex-direction:column}.result .button{overflow-wrap:anywhere;max-width:100%}.report{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.options-panel{background:var(--color-surface);border:0;border-radius:9px;order:2;max-width:none;margin-top:18px;padding:0}.options-panel summary{color:var(--color-text);padding:13px 14px;font-size:12px}.options-panel summary span{float:right;color:var(--color-muted);font-size:11px;font-weight:400}.options-panel .options{background:0 0;border:0;margin:0}.options-panel .options legend{display:none}.quick-footnote,.workspace-caption{max-width:none}.tool-page{max-width:1000px}.tool-intro{margin:36px 0 24px}.tool-intro h1{margin:18px 0 14px}.tool-intro .lead{font-size:17px}.tool-format-pair{color:var(--color-muted);align-items:center;gap:14px;display:flex}.tool-page .tool-card{max-width:none;margin-bottom:48px}