:root{--bg: #ffffff;--surface: #fafafa;--fg: #1a1a1a;--muted: #6b6b6b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-warm: #ea580c;--accent-success: #16a34a;--accent-error: #dc2626;--border: #e5e5e5;--code-bg: #f6f6f6}@media(prefers-color-scheme:dark){:root{--bg: #111111;--surface: #1a1a1a;--fg: #f0f0f0;--muted: #a0a0a0;--accent: #7aa2ff;--accent-hover: #9bb8ff;--accent-warm: #fb923c;--accent-success: #4ade80;--accent-error: #f87171;--border: #2a2a2a;--code-bg: #1c1c1c}}[data-theme=light]{--bg: #ffffff;--surface: #fafafa;--fg: #1a1a1a;--muted: #6b6b6b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-warm: #ea580c;--accent-success: #16a34a;--accent-error: #dc2626;--border: #e5e5e5;--code-bg: #f6f6f6}[data-theme=dark]{--bg: #111111;--surface: #1a1a1a;--fg: #f0f0f0;--muted: #a0a0a0;--accent: #7aa2ff;--accent-hover: #9bb8ff;--accent-warm: #fb923c;--accent-success: #4ade80;--accent-error: #f87171;--border: #2a2a2a;--code-bg: #1c1c1c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}header.site{max-width:960px;margin:0 auto;padding:1rem;border-bottom:1px solid var(--border);display:flex;gap:1rem;align-items:center}.header-search{flex:1;max-width:320px;margin:0}.header-search input{width:100%;font-size:.95rem;padding:.4rem .7rem}.header-nav{display:flex;gap:.75rem;align-items:center;margin-left:auto}#theme-toggle{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.35rem .6rem;font-size:.9rem;line-height:1;border-radius:6px;cursor:pointer}#theme-toggle:hover{background:var(--code-bg);border-color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){header.site{flex-wrap:wrap;gap:.5rem}.header-search{order:3;max-width:100%;flex-basis:100%}}[data-embed="1"] header.site{display:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:.5rem .75rem;text-decoration:none;border-radius:0 0 6px;z-index:100}.skip-link:focus{top:0}@media print{header.site,footer.site,.share-bar,.ad-slot,.embed-section,.cite-section,.skip-link,.header-search,.header-nav,#theme-toggle{display:none!important}body{background:#fff!important;color:#000!important}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;color:#555}main{max-width:100%;padding:0}h1,h2,h3{page-break-after:avoid}.tool-card{break-inside:avoid}}footer.site{max-width:960px;margin:3rem auto 0;padding:2rem 1rem 1rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.footer-col h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);margin:0 0 .5rem}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin:.25rem 0}.footer-brand p{margin:.5rem 0;max-width:32ch}.footer-bar{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.brand{font-weight:700;font-size:1.25rem;color:var(--fg)}.brand:hover{text-decoration:none;color:var(--accent)}main{max-width:760px;margin:0 auto;padding:1rem}h1{font-size:1.6rem;margin:1rem 0 .25rem}.subtitle{color:var(--muted);margin:0 0 1.5rem}h2{font-size:1.2rem;margin-top:2rem}pre,code{font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,monospace}pre{background:var(--code-bg);padding:.75rem;border-radius:6px;overflow-x:auto}code{background:var(--code-bg);padding:.1em .3em;border-radius:3px}textarea,input,button,select{font:inherit;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg)}button{cursor:pointer;background:var(--accent);color:#fff;border:none;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}.status-ok{color:var(--accent-success)}.status-warn{color:var(--accent-warm)}.status-error{color:var(--accent-error)}.hero{padding:3rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.hero-h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem}.hero-subtitle{font-size:1.1rem;color:var(--muted);margin:0;max-width:50ch}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-top:.75rem}.tool-card{display:block;padding:1rem;border:1px solid var(--border);border-radius:8px;color:var(--fg);text-decoration:none;background:var(--bg);transition:border-color .15s ease,transform .15s ease}.tool-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.tool-card h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.tool-card p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.45}.related-tools{margin-top:2rem;padding:1rem;background:var(--code-bg);border-radius:6px}.related-tools h2{margin-top:0;font-size:1rem}.related-tools ul{margin:0;padding-left:1.25rem}.ad-slot{margin:2rem 0;padding:1rem;text-align:center;color:var(--muted);font-size:.85rem;border:1px dashed var(--border);border-radius:6px}.disclaimer{margin-top:1rem;font-size:.85rem;color:var(--muted);font-style:italic}.breadcrumb-bar{font-size:.85rem;color:var(--muted);margin:0 0 .75rem}.breadcrumb-bar ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.breadcrumb-bar li:after{content:" / ";color:var(--border);margin-left:.4rem}.breadcrumb-bar li:last-child:after{content:""}.breadcrumb-bar a{color:var(--muted)}.breadcrumb-bar a:hover{color:var(--accent);text-decoration:underline}[aria-current=page]{color:var(--fg);font-weight:500}[data-embed="1"] .breadcrumb-bar{display:none}.share-bar{display:flex;justify-content:flex-end;margin:-.25rem 0 .25rem}.share-btn{background:transparent;color:var(--accent);border:1px solid var(--border);padding:.35rem .75rem;font-size:.85rem;line-height:1;border-radius:6px;transition:border-color .15s ease,background .15s ease}.share-btn:hover:not(:disabled){background:var(--code-bg);border-color:var(--accent)}.embed-attr{display:none}[data-embed="1"] header.site,[data-embed="1"] footer.site,[data-embed="1"] .share-bar,[data-embed="1"] .ad-slot,[data-embed="1"] .related-tools,[data-embed="1"] .related-concepts,[data-embed="1"] .faqs,[data-embed="1"] .embed-section{display:none}[data-embed="1"] main{padding:.75rem}[data-embed="1"] h1{font-size:1.2rem;margin-top:0}[data-embed="1"] .subtitle{font-size:.9rem}[data-embed="1"] .embed-attr{display:block;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);text-align:right}