@import "https://cdn.uinaf.dev/fonts/berkeley-mono/variable/font.css";:root{--font-mono:"Berkeley Mono", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--neutral-950:#0a0a0a;--neutral-925:#101010;--neutral-900:#171717;--neutral-850:#202020;--neutral-800:#262626;--neutral-700:#404040;--neutral-600:#525252;--neutral-500:#737373;--neutral-400:#a3a3a3;--neutral-300:#d4d4d4;--neutral-200:#e5e5e5;--neutral-100:#f5f5f5;--bg:var(--neutral-950);--bg-card:#0a0a0a66;--fg:var(--neutral-200);--fg-strong:var(--neutral-100);--fg-muted:var(--neutral-400);--fg-subtle:var(--neutral-600);--border:var(--neutral-800);--border-hover:var(--neutral-500);--slime-cyan:#3fffe6;--slime-green:#6bffb0;--error:#ff5c7c;--radius-xs:2px;--ease-snappy:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration-base:.22s}*{box-sizing:border-box}#root{isolation:isolate}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.55}body{background:radial-gradient(1200px 600px at 30% -10%, #3fffe60a, transparent 60%), linear-gradient(180deg, var(--neutral-950) 0%, var(--neutral-900) 100%);min-height:100dvh}.page{flex-direction:column;gap:32px;max-width:56rem;margin:0 auto;padding:32px 24px 64px;display:flex}.logo{border:1px solid var(--neutral-900);width:96px;height:96px;transition:transform var(--duration-fast) var(--ease-snappy), border-color var(--duration-fast) var(--ease-snappy);background:#000;display:block}.logo img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-fast) var(--ease-snappy);display:block}.logo:hover{border-color:var(--neutral-700);transform:translateY(-2px)}.logo:hover img{transform:scale(1.015)}.head{flex-direction:column;gap:8px;display:flex}.head h1{letter-spacing:0;margin:0;font-size:20px;font-weight:400}.head p{color:var(--fg-muted);margin:0}.head .meta{color:var(--fg-subtle);font-size:12px}hr.rule{background:var(--border);border:0;height:1px;margin:0}section{flex-direction:column;gap:12px;display:flex}h2{color:var(--fg-subtle);letter-spacing:.08em;text-transform:lowercase;margin:0;font-size:12px;font-weight:400}.samples{flex-wrap:wrap;gap:8px;display:flex}.samples button{font:inherit;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-snappy), background-color var(--duration-fast) var(--ease-snappy), transform var(--duration-fast) var(--ease-snappy);background:0 0;padding:6px 10px;font-size:13px}.samples button:hover{border-color:var(--border-hover);background:#17171766}.samples button:active{transform:scale(.97)}.samples button[aria-pressed=true]{border-color:var(--neutral-500);color:var(--fg-strong);background:#17171799}.builder{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-xs);padding:16px;overflow-x:auto}.cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=720px){.cols{grid-template-columns:1fr}}.col{flex-direction:column;gap:8px;min-width:0;display:flex}pre,textarea{box-sizing:border-box;background:var(--neutral-925);width:100%;color:var(--fg-strong);border:1px solid var(--border);border-radius:var(--radius-xs);font:13px / 1.5 var(--font-mono);font-variant-numeric:tabular-nums;margin:0;padding:12px;overflow:auto}textarea{resize:vertical;min-height:12rem;transition:border-color var(--duration-fast) var(--ease-snappy);outline:none}textarea:focus{border-color:var(--border-hover)}pre{white-space:pre-wrap;word-break:break-word}.error{color:var(--error);margin:0;font-size:12px}.status{color:var(--fg-subtle);letter-spacing:.08em;text-transform:lowercase;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status .dot{background:var(--slime-green);border-radius:999px;width:6px;height:6px}.status .dot.err{background:var(--error)}.col-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}footer{color:var(--fg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}footer a{color:inherit;transition:opacity var(--duration-fast) var(--ease-snappy);text-decoration:none}footer a:hover{opacity:.8}footer .sep{color:var(--neutral-700);margin:0 6px}a{color:inherit;-webkit-text-decoration-color:var(--neutral-700);text-decoration-color:var(--neutral-700);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-snappy), text-decoration-color var(--duration-fast) var(--ease-snappy);text-decoration-thickness:1px}[data-rjl-builder]{flex-direction:column;gap:8px;font-size:13px;display:flex}[data-rjl-any]{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}[data-rjl-children]{border-left:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-left:6px;padding-left:8px;display:inline-flex}[data-rjl-field]{align-items:center;gap:6px;display:inline-flex}[data-rjl-operator-trigger],[data-rjl-input-type-trigger]{background:var(--neutral-900);height:26px;color:var(--fg-strong);border:1px solid var(--border);border-radius:var(--radius-xs);font:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-snappy), background-color var(--duration-fast) var(--ease-snappy);align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}[data-rjl-operator-trigger]:hover,[data-rjl-input-type-trigger]:hover{border-color:var(--border-hover);background:var(--neutral-850)}[data-rjl-operator-popup],[data-rjl-input-type-popup],[data-rjl-accessor-popup]{background:var(--neutral-925);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-xs);min-width:8rem;font:12px / 1.4 var(--font-mono);padding:4px}[data-rjl-operator-popup] [role=option],[data-rjl-input-type-popup] [role=option],[data-rjl-accessor-popup] [role=option]{border-radius:var(--radius-xs);cursor:pointer;color:var(--fg);padding:4px 8px}[data-rjl-operator-popup] [role=option][data-highlighted],[data-rjl-input-type-popup] [role=option][data-highlighted],[data-rjl-accessor-popup] [role=option][data-highlighted]{background:var(--neutral-850);color:var(--slime-cyan)}[data-rjl-input-value],[data-rjl-accessor-input]{font:inherit;background:var(--neutral-900);height:26px;color:var(--fg-strong);border:1px solid var(--border);border-radius:var(--radius-xs);transition:border-color var(--duration-fast) var(--ease-snappy);outline:none;padding:0 8px;font-size:12px}[data-rjl-input-value]:focus,[data-rjl-accessor-input]:focus{border-color:var(--border-hover)}[data-rjl-add],[data-rjl-remove]{width:22px;height:22px;font:inherit;color:var(--fg-muted);border:1px dashed var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-snappy), color var(--duration-fast) var(--ease-snappy);background:0 0;padding:0;font-size:12px;line-height:1}[data-rjl-add]:hover,[data-rjl-remove]:hover{border-color:var(--border-hover);color:var(--fg-strong)}[data-rjl-higher-order]{align-items:center;gap:6px;display:inline-flex}[data-rjl-higher-order-arrow]{color:var(--fg-subtle);font-weight:400}[data-rjl-accessor]{align-items:center;gap:4px;display:inline-flex}[data-rjl-accessor-level]{align-items:center;display:inline-flex}.motion-enter{opacity:0;animation:fade-up-in var(--duration-base) var(--ease-snappy) forwards;animation-delay:calc(var(--stagger-index,0) * 45ms);transform:translateY(10px)}@keyframes fade-up-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.motion-enter{animation:fade-in var(--duration-base) var(--ease-snappy) forwards;transform:none}@keyframes fade-in{to{opacity:1}}}.motion-skip .motion-enter{opacity:1;animation:none;transform:none}