:root{color-scheme:light dark;--color-bg:#fafaf7;--color-surface:#f0f0ea;--color-border:#d9d9d0;--color-text:#15171a;--color-muted:#5b6068;--color-accent:#2f5d00;--color-accent-hover:#1f4000;--color-brand:#c6ff3d;--color-brand-hover:#d6ff72;--color-on-accent:#101200;--color-focus:#2f5d00;--color-success:#17773a;--color-danger:#b42318;--color-warning:#8a5a00;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--text-hero:clamp(2.1rem, 1.2rem + 4vw, 3.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:4px;--radius-md:8px;--radius-lg:12px;--measure:70ch;--page-width:60rem;--gutter:16px}@media (prefers-color-scheme:dark){:root{--color-bg:#0e0f11;--color-surface:#17191c;--color-border:#2a2d32;--color-text:#e8e9ea;--color-muted:#8b9097;--color-accent:#c6ff3d;--color-accent-hover:#d9ff7d;--color-brand:#c6ff3d;--color-brand-hover:#d9ff7d;--color-on-accent:#101200;--color-focus:#c6ff3d;--color-success:#6fd08f;--color-danger:#ff8a80;--color-warning:#f2c46d}}*,: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)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}h1,h2,h3,h4{letter-spacing:-.02em;margin:var(--space-6) 0 var(--space-3);line-height:1.2}h1{font-size:var(--text-2xl);margin-top:var(--space-6);font-weight:800}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;border-bottom:1px solid var(--color-border);background:var(--color-bg);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-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-accent);color:var(--color-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)}.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:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-promise{font-weight:600;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:600}.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.is-dragover{border-color:var(--color-accent);background:var(--color-surface)}.drop-area input:focus-visible+label{outline:3px solid var(--color-focus);outline-offset:2px}.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:1px solid var(--color-border);border-radius:var(--radius-md);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:600}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:600}.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:600}.option{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.option label{font-weight:600}.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-border);border-radius:var(--radius-sm);background:var(--color-bg);width:3rem;height:44px;padding:2px}.option-hex{width:6.5rem;min-height:44px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-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-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-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)}.hero{padding:var(--space-7) 0 var(--space-5)}.hero h1{margin:0 0 var(--space-3);font-size:var(--text-hero);letter-spacing:-.03em;font-weight:800;line-height:1.08}.hero-lead{margin:0 0 var(--space-6);color:var(--color-muted);font-size:var(--text-lg);max-width:40rem}.term{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);overflow:hidden}.term-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.term-bar i{background:var(--color-border);border-radius:50%;width:.65rem;height:.65rem}.term-bar span{margin-left:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.term-body{padding:var(--space-5);gap:var(--space-4);display:grid}.picker-line{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;max-width:none;margin:0;display:flex}.picker-line>.prompt,.prompt{color:var(--color-accent);font-weight:700}.picker-cmd{font-size:var(--text-lg);min-width:6.5rem}.chip-row{gap:var(--space-2);flex-wrap:wrap;max-width:none;margin:0;padding:0;list-style:none;display:flex}.chip{min-height:44px;padding:var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--text-base);cursor:pointer;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--color-accent);color:var(--color-text)}.chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.chip-go{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-accent)}.chip-go:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-on-accent)}.chip-arrow{margin-left:var(--space-2)}.term-result{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm);max-width:none;margin:0}.term-result .ok{color:var(--color-success);font-weight:700}.trust-row{gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;max-width:none;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.home-section{margin-top:var(--space-7)}.home-section h2,.section-label{margin:0 0 var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.section-head a{font-family:var(--font-mono);font-size:var(--text-sm)}.conv-table{border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:none;font-family:var(--font-mono);margin:0;padding:0;list-style:none;overflow:hidden}.conv-table li+li{border-top:1px solid var(--color-border)}.conv-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);grid-template-columns:1fr 1fr auto;align-items:baseline;text-decoration:none;display:grid}.conv-row:hover{background:var(--color-surface);color:var(--color-text)}.conv-meta{color:var(--color-muted);font-size:var(--text-sm)}.conv-open{color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.category-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));max-width:none;margin:0;padding:0;list-style:none;display:grid}.category-card{gap:var(--space-2);height:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-accent);color:var(--color-text)}.category-name{font-weight:700}.category-summary{color:var(--color-muted);font-size:var(--text-sm)}.category-count{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:auto}.how-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));max-width:none;margin:0;padding:0;list-style:none;display:grid}.how-grid li{padding-top:var(--space-3);border-top:2px solid var(--color-accent)}.how-num{color:var(--color-accent);font-family:var(--font-mono);font-weight:700}.how-grid h3,.feature-grid h3{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-base)}.how-grid p,.feature-grid p{color:var(--color-muted);font-size:var(--text-sm);margin:0}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:none;margin:0;padding:0;list-style:none;display:grid}.feature-band{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.format-tags{gap:var(--space-2);flex-wrap:wrap;max-width:none;margin:0;padding:0;list-style:none;display:flex}.format-tags a{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;display:inline-block}.format-tags a:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=560px){.conv-row{grid-template-columns:1fr auto}.conv-meta{display:none}}@media (width<=479px){.button{width:100%}.result.has-preview{flex-direction:column}.nav-list{gap:var(--space-1) var(--space-4)}}