.rn{--sans:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--bg:#faf9f6;--fg:#16181a;--fg-dim:#5b6259;--fg-faint:#868f86;--line:rgba(22,24,26,0.14);--line-soft:rgba(22,24,26,0.08);--raise:#ffffff;--accent:#1f9d47;--accent-soft:rgba(31,157,71,0.12);max-width:900px;margin:0 auto;padding:0 24px 96px;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){.rn{--bg:#101210;--fg:#e6ede7;--fg-dim:#a2aba2;--fg-faint:#758276;--line:rgba(230,237,231,0.16);--line-soft:rgba(230,237,231,0.08);--raise:#191c19;--accent:#39ff6a;--accent-soft:rgba(57,255,106,0.14)}}body:has(.rn){background:var(--bg,#faf9f6)}body:has(.rn),html:has(.rn){overflow:auto;height:auto;cursor:auto}.rn-head{padding:72px 0 32px;border-bottom:1px solid var(--line)}.rn-eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint)}.rn h1{font-family:var(--mono);font-weight:500;font-size:clamp(40px,8vw,64px);letter-spacing:-.01em;line-height:1;margin:14px 0 0}.rn-lede{font-size:18px;margin:18px 0 0}.rn-lede,.rn-legal{color:var(--fg-dim);max-width:62ch}.rn-legal{margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:3px;background:var(--accent-soft);font-size:14px}.rn-section{margin-top:56px}.rn-section>h2{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid var(--line)}.rn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.rn-facts h3{font-family:var(--mono);font-weight:500;font-size:18px;margin:0 0 6px}.rn-facts p{margin:0;color:var(--fg-dim);font-size:15px}.rn-build{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:26px;gap:26px;align-items:start}.rn-fields{display:flex;flex-direction:column;gap:24px;min-width:0}.rn-field{border:none;margin:0;padding:0;min-width:0}.rn-field legend,.rn-label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:10px;padding:0}.rn-row{display:flex;align-items:center;gap:14px}.rn-row input[type=range]{flex:1 1;accent-color:var(--accent);min-width:0}.rn-out{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13.5px;color:var(--fg);min-width:7ch;text-align:right}.rn-choices{display:flex;gap:8px;flex-wrap:wrap}.rn-choice{font:inherit;font-size:14px;padding:7px 14px;border:1px solid var(--line);border-radius:3px;background:var(--raise);color:var(--fg-dim);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,color .15s,background .15s}.rn-choice:hover{border-color:var(--fg-faint);color:var(--fg)}.rn-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.rn-choice:focus-visible,.rn-copy:focus-visible,.rn-hex:focus-visible,.rn-preview:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rn-swatch{width:13px;height:13px;border-radius:50%;flex:0 0 auto}.rn-hex,.rn-swatch{border:1px solid var(--line)}.rn-hex{font:inherit;font-family:var(--mono);font-size:13.5px;padding:6px 10px;border-radius:3px;background:var(--raise);color:var(--fg);width:9ch}.rn-hint{margin:10px 0 0;font-size:13.5px;color:var(--fg-faint);max-width:56ch}.rn-result{position:-webkit-sticky;position:sticky;top:24px;background:var(--raise);border:1px solid var(--line);border-radius:5px;padding:20px;min-width:0}.rn-result h2{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin:0 0 12px}.rn-url{display:block;font-family:var(--mono);font-size:12.5px;line-height:1.6;background:var(--bg);border:1px solid var(--line-soft);padding:10px 12px;overflow-wrap:anywhere;margin-bottom:12px}.rn-copy,.rn-preview,.rn-url{color:var(--fg);border-radius:3px}.rn-copy,.rn-preview{font:inherit;font-size:14px;padding:8px 16px;border:1px solid var(--line);background:var(--raise);cursor:pointer;text-decoration:none;display:inline-block;margin-right:8px}.rn-preview{border-color:var(--accent);background:var(--accent-soft)}.rn-table-scroll{overflow-x:auto}.rn-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}.rn-table th{text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);padding:0 14px 10px 0;border-bottom:1px solid var(--line)}.rn-table td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line-soft);color:var(--fg-dim);vertical-align:top}.rn code{font-family:var(--mono);font-size:.88em;background:var(--accent-soft);border-radius:2px;padding:1px 5px;color:var(--fg)}.rn-foot{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);color:var(--fg-faint);font-size:14px}.rn-foot p{margin:0;max-width:68ch}@media (max-width:720px){.rn-build{grid-template-columns:1fr}.rn-result{position:static}}@media (prefers-reduced-motion:reduce){.rn-choice{transition:none}}.rn-preview-frame{aspect-ratio:16/9;width:100%;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#05070a;margin-bottom:10px}.rn-preview-frame iframe{width:100%;height:100%;border:0;display:block}.rn-preview-note{margin-top:0;margin-bottom:18px}.rn-result h2+.rn-preview-frame{margin-top:0}