:root{--color-primary:#3b82f6;--color-secondary:#10b981;--color-bg:#fff;--color-text:#1f2937;--color-border:#e5e7eb;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-sans:system-ui, -apple-system, sans-serif;--font-mono:"Courier New", monospace;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.6}@media (width<=768px){:root{--font-size-base:14px}}.tool-panel{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.tool-pane{gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tool-input{width:100%;min-height:200px;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);resize:vertical;line-height:1.6}.tool-options{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.tool-option{align-items:center;gap:var(--spacing-xs);min-height:44px;font-size:.9375rem;font-weight:600;display:flex}.tool-option select,.tool-option input[type=number]{min-width:0;min-height:44px;padding:0 var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);flex:1}.tool-option input[type=checkbox]{width:1.25rem;height:1.25rem}.tool-actions{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tool-button{min-height:44px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600}.tool-button--primary{border-color:var(--color-text)}.tool-button:hover{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-bg))}.tool-button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.tool-button[data-copied=true]{border-color:var(--color-secondary);color:var(--color-secondary)}.tool-output-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.tool-output-label{letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.tool-loading,.tool-missing{color:var(--color-text);opacity:.75;font-style:italic}.tool-text,.tool-error{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-border) 30%, var(--color-bg));max-height:380px;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.9375rem;overflow:auto}.tool-error{border-color:var(--color-text);font-weight:600}.tool-metrics{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;display:grid}.tool-metric{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-border) 30%, var(--color-bg))}.tool-metric dt{opacity:.8;font-size:.8125rem;font-weight:600}.tool-metric dd{font-family:var(--font-mono);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}@media (width<=900px){.tool-panel{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.tool-metrics{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}}.skip-link[data-astro-cid-z4jru4n3]{position:absolute;left:-9999px}.skip-link[data-astro-cid-z4jru4n3]:focus{left:var(--spacing-sm);top:var(--spacing-sm);z-index:100;background:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.noscript-banner[data-astro-cid-z4jru4n3]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-border);color:var(--color-text);text-align:center;margin:0}.site-header[data-astro-cid-z4jru4n3]{border-bottom:1px solid var(--color-border)}.site-header[data-astro-cid-z4jru4n3] nav[data-astro-cid-z4jru4n3],.site-footer[data-astro-cid-z4jru4n3] nav[data-astro-cid-z4jru4n3]{gap:var(--spacing-sm);max-width:960px;padding:var(--spacing-sm);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.site-brand[data-astro-cid-z4jru4n3]{margin-right:auto;font-weight:700}.wrap[data-astro-cid-z4jru4n3]{max-width:960px;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-xl);margin:0 auto}.site-footer[data-astro-cid-z4jru4n3]{border-top:1px solid var(--color-border);padding:var(--spacing-md) 0;color:var(--color-text);font-size:.875rem}.site-footer[data-astro-cid-z4jru4n3] p[data-astro-cid-z4jru4n3]{max-width:960px;padding:0 var(--spacing-sm);margin:0 auto}