:root{--bg:#fff;--fg:#09090b;--muted:#71717a;--border:#e4e4e7;--hover:#f4f4f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#09090b;--fg:#fafafa;--muted:#a1a1aa;--border:#27272a;--hover:#18181b}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}main{max-width:640px;margin:0 auto;padding:48px 16px}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}h1{letter-spacing:-.02em;font-size:20px;font-weight:600}.tabs{background:var(--hover);border-radius:8px;padding:3px;display:inline-flex}.tabs button{all:unset;cursor:pointer;color:var(--muted);border-radius:6px;padding:4px 10px;font-size:13px}.tabs button[aria-pressed=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000001a}.tabs button:focus-visible{outline:2px solid var(--muted)}ul{border:1px solid var(--border);border-radius:8px;padding:0;list-style:none;overflow:hidden}li+li{border-top:1px solid var(--border)}a{color:inherit;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;display:flex}a:hover{background:var(--hover)}a span{color:var(--muted);font:12px ui-monospace,monospace}.actions{align-items:center;gap:8px;display:flex}input{border:1px solid var(--border);width:120px;height:32px;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:0 10px;font-size:13px}input:focus-visible{outline:2px solid var(--muted);outline-offset:1px}input[aria-invalid=true]{border-color:#ef4444}