:root{--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0;--sidebar-muted:#94a3b8;--sidebar-active:#1d4ed8;--background:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-secondary:#334155;--border:#e2e8f0;--border-strong:#cbd5e1;--primary:#1d4ed8;--primary-hover:#1e40af;--primary-soft:#eff6ff;--focus:#2563eb;--error-border:#b91c1c;--error-background:#fef2f2;--error-text:#991b1b;--radius:.5rem;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:ui-monospace, SFMono-Regular, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);color:var(--text);font-family:var(--font-body)}*{box-sizing:border-box}body{flex-direction:column;min-height:100svh;margin:0;display:flex}.formatter button,.formatter select{font:inherit}.formatter{max-width:90rem;margin:0 auto;padding:clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) clamp(2rem,4vw,3rem)}.formatter-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.formatter-header{margin-bottom:1.75rem}.tool-breadcrumb{max-width:90rem;color:var(--text-muted);margin:0 auto;padding:clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem) 0;font-size:.8125rem;line-height:1.6}.tool-breadcrumb ol{flex-wrap:wrap;gap:.375rem .5rem;margin:0;padding:0;list-style:none;display:flex}.tool-breadcrumb li{gap:.5rem;display:flex}.tool-breadcrumb a{color:var(--text-muted);text-underline-offset:.2em}.tool-badges{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tool-badges li{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);padding:.375rem .625rem;font-size:.75rem;line-height:1.4}.tool-workbench{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:clamp(1rem,2vw,1.5rem)}.formatter-header p,.privacy-note{color:var(--text-muted);line-height:1.6}.formatter-toolbar,.formatter-actions,.indent-control,.editor-heading{align-items:center;gap:.75rem;display:flex}.formatter-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;margin:0 0 1.5rem;padding-bottom:1.25rem}.formatter-actions{flex-wrap:wrap}.formatter button,.formatter select{border:1px solid var(--border-strong);border-radius:var(--radius);min-height:2.75rem;color:var(--text);background:var(--surface);padding:.5rem 1rem}.formatter button{cursor:pointer}.formatter button:hover:not(:disabled){background:var(--surface-muted)}.formatter button.primary{background:var(--primary);border-color:var(--primary);color:var(--surface)}.formatter button.primary:hover{background:var(--primary-hover)}.formatter button:disabled{cursor:default;opacity:.45}.formatter button:focus-visible,.formatter select:focus-visible,.formatter textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.formatter-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.editor-panel{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-width:0}.editor-heading{border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-muted);justify-content:space-between;min-height:3.75rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600}.formatter .editor-heading button{min-height:2.25rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.editor-panel textarea{resize:vertical;border-radius:0 0 var(--radius) var(--radius);background:var(--surface);width:100%;height:52vh;min-height:24rem;color:var(--text);font:.9375rem/1.6 var(--font-code);border:0;padding:1rem;display:block}.editor-panel textarea::placeholder{color:var(--text-subtle)}.editor-panel:has(textarea[aria-invalid=true]){border-color:var(--error-border)}.format-error{overflow-wrap:anywhere;border:1px solid var(--error-border);background:var(--error-background);color:var(--error-text);border-radius:var(--radius);padding:.75rem 1rem}.copy-status{min-height:1.5rem;color:var(--text-secondary);margin:1rem 0 0;font-size:.875rem;line-height:1.6}.privacy-note{border-top:1px solid var(--border);margin:.5rem 0 0;padding-top:1rem;font-size:.8125rem}@media (max-width:1100px){.formatter-editors{grid-template-columns:1fr}.editor-panel textarea{height:20rem;min-height:15rem}}.sidebar{background:var(--sidebar-bg);width:260px;color:var(--sidebar-text);flex-direction:column;padding:2rem 1rem;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{color:var(--sidebar-text);letter-spacing:-.03em;align-items:center;gap:.75rem;padding:0 .5rem;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius);background:var(--sidebar-active);color:#fff;width:2rem;height:2rem;font:700 .875rem var(--font-code);flex-shrink:0;place-items:center;display:grid}.sidebar-nav{gap:2rem;margin-top:2.5rem;display:grid}.sidebar-group{gap:.375rem;display:grid}.sidebar-group h2{color:var(--sidebar-muted);letter-spacing:.12em;margin:0 0 .5rem;padding:0 .75rem;font-size:.6875rem;font-weight:600}.sidebar-nav a{border-radius:var(--radius);min-height:2.75rem;color:var(--sidebar-text);align-items:center;padding:.75rem;font-size:.875rem;line-height:1.5;text-decoration:none;display:flex}.sidebar-nav a:hover{background:#1e293b}.sidebar-nav a[aria-current=page]{background:var(--sidebar-active);color:#fff;font-weight:600}.sidebar-bottom{margin-top:auto}.mobile-menu-button{display:none}.site-content{flex-direction:column;flex:1;min-width:0;min-height:100svh;margin-left:260px;display:flex}.site-main{flex:1;min-width:0}.site-footer{border-top:1px solid var(--border);padding:1.5rem clamp(1rem,4vw,3rem)}.site-footer p{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.skip-link{z-index:10;background:var(--surface);color:var(--primary);border-radius:var(--radius);padding:.75rem 1rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.mobile-menu-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:900px){.sidebar{width:100%;padding:1rem;position:static}.sidebar-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-menu-button{border:1px solid var(--sidebar-muted);border-radius:var(--radius);min-height:2.75rem;color:var(--sidebar-text);font:inherit;cursor:pointer;background:0 0;padding:.5rem .75rem;display:block}.sidebar-nav{gap:1.5rem;margin-top:1.5rem;display:none}.sidebar[data-open=true] .sidebar-nav{display:grid}.site-content{min-height:calc(100svh - 4.75rem);margin-left:0}}.home{max-width:80rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.home-intro{padding:clamp(3rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}.hero-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.8125rem;font-weight:650}.home-intro h1{letter-spacing:-.05em;text-wrap:balance;max-width:56rem;margin:0;font-size:clamp(2.25rem,5vw,4rem);font-weight:750;line-height:1.12}.hero-description{max-width:40rem;color:var(--text-muted);margin:1.5rem 0;font-size:1.125rem;line-height:1.7}.hero-trust{color:var(--text-muted);flex-wrap:wrap;gap:.75rem 1.5rem;margin:1.75rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.hero-trust li{align-items:center;gap:.5rem;display:flex}.hero-trust li:before{content:"";background:var(--primary);border-radius:50%;width:.375rem;height:.375rem}.home-tools{border-top:1px solid var(--border);padding-top:2rem;scroll-margin-top:1.5rem}.directory-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.home h2{letter-spacing:-.03em;margin:0;font-size:1.5rem;line-height:1.3}.directory-heading p{color:var(--text-muted);margin:.5rem 0 0;line-height:1.6}.tool-search{width:min(100%,22rem)}.tool-search label{margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.tool-search input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;min-height:2.875rem;color:var(--text);font:inherit;padding:.75rem 1rem;font-size:.875rem}.tool-search input::placeholder{color:var(--text-subtle)}.directory-filters{justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.tool-categories{flex-wrap:wrap;gap:.5rem;display:flex}.tool-categories button,.tool-empty button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:2.75rem;color:var(--text-muted);font:inherit;cursor:pointer;padding:.5rem 1.125rem;font-size:.875rem}.tool-categories button:hover,.tool-empty button:hover{border-color:var(--primary);color:var(--primary)}.tool-categories button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--surface)}.tool-categories button[aria-pressed=true]:hover{background:var(--primary-hover)}.tool-count{color:var(--text-subtle);flex-shrink:0;font-size:.8125rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;color:var(--text);flex-direction:column;padding:1.75rem;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--primary);background:var(--primary-soft)}.tool-category{color:var(--primary);align-self:start;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.tool-card h3{letter-spacing:-.02em;margin:0;font-size:1.125rem;line-height:1.45}.tool-card p{color:var(--text-muted);margin:.75rem 0 1.75rem;font-size:.9375rem;line-height:1.7}.tool-card-action{color:var(--primary);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8125rem;font-weight:600;display:flex}.tool-card-action span{font-size:1.125rem}.tool-empty{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;padding:2.5rem 1rem}.tool-empty h3{margin:0}.tool-empty p{color:var(--text-muted);line-height:1.6}.home-values{border-top:1px solid var(--border);margin-top:4rem;padding:2.5rem 0 4rem}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.75rem;display:grid}.value-grid h3{margin:0 0 .5rem;font-size:1rem;font-weight:650}.value-grid p{max-width:22rem;color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.7}.home input:focus-visible,.home button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (max-width:1200px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hero-description{font-size:1rem}.tool-search{width:100%}.tool-grid,.value-grid{grid-template-columns:1fr}.tool-card{padding:1.5rem}.home-values{margin-top:3rem;padding-bottom:3rem}}.content-page{overflow-wrap:break-word;max-width:48rem;margin:0 auto;padding:clamp(1rem,4vw,3rem);line-height:1.7}.content-page h1{letter-spacing:-.035em;margin:0 0 1.5rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.content-page h2{margin:2rem 0 .75rem;font-size:1.25rem;line-height:1.4}.content-page p{color:var(--text-muted);margin:0 0 1rem}.tool-guide{overflow-wrap:break-word;max-width:56rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem) clamp(2rem,4vw,3rem);line-height:1.7}.tool-guide section+section{margin-top:2.5rem}.tool-guide h2{margin:0 0 .75rem;font-size:1.375rem;line-height:1.4}.tool-guide h3{margin:1.25rem 0 .5rem;font-size:1rem}.tool-guide p,.tool-guide ul,.tool-guide ol{color:var(--text-muted);margin:0 0 1rem}.tool-guide ul,.tool-guide ol{padding-left:1.5rem}.tool-guide li+li{margin-top:.375rem}.tool-guide a{color:var(--primary);text-underline-offset:.2em}.tool-guide code{font-family:var(--font-code);font-size:.9375em}.tool-guide pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:100%;margin:0 0 1rem;padding:1rem;line-height:1.6;overflow-x:auto}.tool-guide pre:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tool-guide table{border-collapse:collapse;width:100%;margin:0 0 1rem}.tool-guide caption{color:var(--text-muted);text-align:left;margin-bottom:.5rem}.tool-guide th,.tool-guide td{border-bottom:1px solid var(--border);text-align:left;padding:.5rem}.guide-page .tool-breadcrumb{max-width:56rem}.guide-page .content-page{padding-top:1.5rem}.guide-cards{gap:1rem;margin-top:2rem;display:grid}.guide-cards .tool-card h2{margin:0;font-size:1.25rem}.guide-cards .tool-card p{margin:.75rem 0 0}.home-guides{border-top:1px solid var(--border);margin-top:4rem;padding-top:2.5rem}.home-guides .guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.all-guides-link{color:var(--primary);text-underline-offset:.2em;font-size:.875rem}@media (max-width:600px){.home-guides{margin-top:3rem}.home-guides .guide-cards{grid-template-columns:1fr}}