:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--bg:#fff;--bg-muted:#f4f6f8;--surface:#fff;--border:#dde3ea;--text:#1a2330;--text-muted:#55657a;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-contrast:#fff;--ok:#15803d;--ok-bg:#ecfdf3;--err:#b91c1c;--err-bg:#fef2f2;--shadow:0 1px 2px #1018280f;--radius:10px}[data-theme=dark]{--bg:#0f141b;--bg-muted:#161d27;--surface:#1a2230;--border:#2c3a4d;--text:#e6ecf4;--text-muted:#9fb0c3;--accent:#60a5fa;--accent-hover:#93c5fd;--accent-contrast:#0b1220;--ok:#4ade80;--ok-bg:#0f2b1d;--err:#f87171;--err-bg:#331313;--shadow:0 1px 2px #0006}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25}h1{font-size:1.75rem}h2{margin-top:2rem;font-size:1.35rem}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:48rem;margin:0 auto;padding:0 1rem}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.site-header .container{align-items:center;gap:1rem;padding-top:.6rem;padding-bottom:.6rem;display:flex}.brand{color:var(--text);font-size:1.15rem;font-weight:700}.brand:hover{text-decoration:none}.site-nav{gap:1rem;margin-left:auto;display:none}.site-nav a{color:var(--text-muted);font-size:.95rem}@media (width>=640px){.site-nav{display:flex}}.nav-toggle-theme{border:1px solid var(--border);background:var(--bg-muted);color:var(--text);border-radius:var(--radius);cursor:pointer;margin-left:auto;padding:.3rem .6rem;font-size:.9rem}@media (width>=640px){.nav-toggle-theme{margin-left:0}}main{min-height:60vh;padding-bottom:2rem}.site-footer{border-top:1px solid var(--border);background:var(--bg-muted);margin-top:3rem;padding:2rem 0}.site-footer h2{margin-top:0;font-size:1rem}.footer-categories{flex-wrap:wrap;gap:.4rem 1.25rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.footer-legal{color:var(--text-muted);font-size:.85rem}.card-grid{grid-template-columns:1fr;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}@media (width>=560px){.card-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem 1rem;display:block}.card:hover{border-color:var(--accent);text-decoration:none}.card-title{color:var(--text);font-weight:600}.card-desc{color:var(--text-muted);margin:.15rem 0 0;font-size:.9rem}.tool-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:1rem 0;padding:1rem}.field{margin-bottom:1rem}.field:last-child{margin-bottom:0}.field label,.field-label{margin-bottom:.3rem;font-size:.9rem;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field input[type=email],.field select,.field textarea{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.55rem .7rem;font-family:inherit;font-size:1rem}.field textarea{font-family:var(--font-mono);resize:vertical;min-height:10rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.field-row{flex-wrap:wrap;gap:1rem;display:flex}.field-row .field{flex:10rem}.btn{font:inherit;cursor:pointer;background:var(--accent);color:var(--accent-contrast);border:1px solid #0000;border-radius:8px;padding:.55rem 1.1rem;font-weight:600;display:inline-block}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn-secondary{background:var(--bg-muted);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--border)}.btn-small{padding:.3rem .7rem;font-size:.85rem}.btn-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tool-result{background:var(--bg-muted);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:1.05rem}.tool-result:empty{display:none}.tool-result.ok{background:var(--ok-bg);border-color:var(--ok)}.tool-result.error{background:var(--err-bg);border-color:var(--err);color:var(--err);font-size:.95rem}.drop-zone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-muted);color:var(--text-muted);flex-direction:column;align-items:center;gap:.15rem;margin-bottom:1rem;padding:1rem;font-size:.9rem;display:flex}.drop-zone strong{color:var(--text)}.drop-zone.over{border-color:var(--accent);background:var(--ok-bg)}.batch-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.batch-note{border:1px solid var(--err);background:var(--err-bg);color:var(--err);border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.9rem}.batch-item{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.batch-thumb{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:6px;flex-shrink:0;width:48px;height:48px}.batch-thumb-pending{background:var(--bg-muted);display:inline-block}.batch-meta{flex:auto;min-width:0}.batch-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.batch-size{color:var(--text-muted);font-size:.8rem;display:block}.batch-state{color:var(--text-muted);flex-shrink:0;font-size:.85rem}.batch-error{color:var(--err)}.batch-item .btn{flex-shrink:0;margin:0}.result-value{font-weight:700}.mono-output{font-family:var(--font-mono);white-space:pre-wrap;margin:0;font-size:.92rem}.option-group{flex-wrap:wrap;gap:.4rem 1rem;margin:.25rem 0 1rem;display:flex}.option-group legend{margin-bottom:.3rem;font-size:.9rem;font-weight:600}.option-group label{cursor:pointer;align-items:center;gap:.3rem;font-size:.92rem;display:inline-flex}.example{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:.75rem;padding:.85rem 1rem}.example h3{margin-bottom:.25rem;font-size:1rem}.example p{color:var(--text-muted);margin-bottom:.5rem;font-size:.92rem}.faq-item{margin-bottom:1rem}.faq-item h3{margin-bottom:.25rem;font-size:1rem}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;gap:.35rem;margin:.75rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--text-muted);margin-right:.35rem}.search-box{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0 1.5rem;padding:.7rem 1rem;font-size:1rem}.search-box:focus{outline:2px solid var(--accent)}[hidden]{display:none!important}.ad-slot{border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-muted);width:100%;min-height:90px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.ad-slot[data-format=leaderboard]{min-height:90px}.ad-slot[data-format=rect]{max-width:300px;min-height:250px;margin-left:auto;margin-right:auto}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}