.site-footer[data-astro-cid-sz7xmlte]{margin-top:5rem;border-top:1px solid var(--border);background:var(--bg-elev)}.footer-container[data-astro-cid-sz7xmlte]{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 2rem}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem 3rem;margin-bottom:2.5rem}.footer-heading[data-astro-cid-sz7xmlte]{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin:0 0 1rem;font-family:var(--font-mono);font-weight:500}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin:.5rem 0}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .15s;line-height:1.5;display:inline-block}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent)}.footer-bottom[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;padding-top:1.75rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.footer-copy[data-astro-cid-sz7xmlte],.footer-tagline[data-astro-cid-sz7xmlte]{font-size:.8rem;color:var(--text-faint);font-family:var(--font-mono)}@media(max-width:640px){.footer-container[data-astro-cid-sz7xmlte]{padding:2.5rem 1.25rem 1.5rem}.footer-grid[data-astro-cid-sz7xmlte]{gap:1.5rem;margin-bottom:2rem}.footer-bottom[data-astro-cid-sz7xmlte]{flex-direction:column;align-items:flex-start;gap:.5rem}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0a0e1a;--bg-elev: #111827;--bg-elev-2: #1a2233;--border: #1f2937;--text: #e5e7eb;--text-dim: #9ca3af;--text-faint: #6b7280;--accent: #38bdf8;--accent-bright: #7dd3fc;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace}html{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;width:100%}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.site-header nav{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;text-decoration:none;color:var(--text)}.logo-bracket{color:var(--accent)}.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.95rem;transition:color .15s}.nav-links a:hover{color:var(--accent)}h1,h2,h3{margin-top:0}a{color:var(--accent)}code{font-family:var(--font-mono);background:var(--bg-elev);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.tool-header{padding:2rem 0 1rem}.back-link{color:var(--text-faint);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--accent)}.tool-header h1{font-size:2rem;margin:1rem 0 .5rem}.lead{color:var(--text-dim);line-height:1.6;max-width:700px}.fix-snippets{margin:1rem 0 .75rem}.fix-snippets h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 .5rem;font-family:var(--font-mono);font-weight:600}.fix-snippets .tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border)}.fix-snippets .tab-btn{background:transparent;border:1px solid transparent;border-bottom:none;color:var(--text-faint);padding:.5rem .9rem;font-size:.85rem;font-family:var(--font-mono);cursor:pointer;border-radius:6px 6px 0 0;margin-bottom:-1px;transition:all .15s}.fix-snippets .tab-btn:hover{color:var(--text)}.fix-snippets .tab-btn.active{color:var(--accent);background:var(--bg-elev-2);border-color:var(--border)}.tab-panels{position:relative}.tab-panel{display:none}.tab-panel.active{display:block}.snippet-location{background:#38bdf80f;border-left:2px solid var(--accent);color:var(--text-dim);padding:.65rem .9rem;border-radius:6px;font-size:.85rem;line-height:1.55;margin-bottom:.5rem}.snippet-location strong{color:var(--text);font-weight:600;margin-right:.25rem}.snippet-location code{background:var(--bg);padding:.1rem .35rem;border-radius:3px;font-size:.85em;color:var(--accent-bright);font-family:var(--font-mono)}.snippet-code{position:relative}.snippet-code pre{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:0 8px 8px;padding:1rem 5rem 1rem 1rem;overflow-x:auto;margin:0;font-size:.85rem;line-height:1.55}.snippet-code pre code{background:none;padding:0;font-family:var(--font-mono);color:var(--text);white-space:pre}.snippet-code .copy-btn{position:absolute;top:.65rem;right:.65rem;background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);padding:.3rem .75rem;font-size:.75rem;font-family:var(--font-mono);border-radius:4px;cursor:pointer;transition:all .15s;z-index:1}.snippet-code .copy-btn:hover{color:var(--text);border-color:var(--text-dim)}.snippet-code .copy-btn.copied{color:var(--success);border-color:var(--success)}