:root{--bg:#0b0d12;--panel:#141821;--panel-2:#1b2030;--border:#262d3d;--fg:#e6e9ef;--muted:#99a1b3;--accent:#7c8cff;--accent-fg:#0b0d12;--code-bg:#0f131b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:64rem;margin:0 auto;padding:2.5rem 1.5rem 5rem}.nav{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex}.nav .brand{color:var(--fg);font-weight:700}.nav .spacer{flex:1}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:2.5rem;line-height:1.1}h2{letter-spacing:-.01em;margin:2.5rem 0 .75rem;font-size:1.5rem}h3{margin:1.5rem 0 .5rem;font-size:1.1rem}p.lead{color:var(--muted);max-width:42rem;font-size:1.15rem}.cmd{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.75rem;margin:1.25rem 0;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;display:flex}.cmd code{white-space:pre-wrap;word-break:break-all;flex:1}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--fg);border-radius:8px;padding:.5rem .85rem}button:hover{border-color:var(--accent)}.btn-accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}.links{gap:1rem;margin-top:2rem;display:flex}.builder{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (max-width:56rem){.builder{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.field{margin-bottom:1.25rem}.field>label.legend{margin-bottom:.5rem;font-weight:600;display:block}.options{flex-wrap:wrap;gap:.5rem;display:flex}.options label{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;display:inline-flex}.options label.checked{border-color:var(--accent);color:var(--accent)}input[type=text]{background:var(--code-bg);border:1px solid var(--border);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:.55rem .75rem}.tree{max-height:28rem;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;list-style:none;overflow:auto}.tree li{color:var(--muted);border-bottom:1px solid #0000;padding:.15rem 0}.tree li:hover{color:var(--fg)}.count{color:var(--muted);font-size:.85rem}.error{color:#ff8a8a;font-size:.9rem}table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .6rem}th{color:var(--muted);font-weight:600}code.inline{background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.share{flex-wrap:wrap;align-items:center;gap:.75rem;margin:-.5rem 0 1.5rem;display:flex}.preset{border:1px solid var(--border);font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.9rem}.preset:hover{border-color:var(--accent);color:var(--accent)}