.rn-hero[data-astro-cid-dws2os4o]{max-width:600px;margin-bottom:48px}.rn-hero__eyebrow[data-astro-cid-dws2os4o]{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:16px;font-size:.8125rem;font-weight:600;display:inline-block}.rn-hero[data-astro-cid-dws2os4o] h1[data-astro-cid-dws2os4o]{letter-spacing:-.035em;margin-bottom:16px;font-size:2.75rem;font-weight:800;line-height:1.1}.rn-hero__sub[data-astro-cid-dws2os4o]{color:var(--gray-500);font-size:1.0625rem;line-height:1.7}.rn-layout[data-astro-cid-dws2os4o]{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.rn-input[data-astro-cid-dws2os4o]{border-radius:var(--radius-xl);padding:28px 32px}.rn-input[data-astro-cid-dws2os4o] h3[data-astro-cid-dws2os4o]{margin-bottom:16px;font-size:.9375rem}.rn-hint[data-astro-cid-dws2os4o]{color:var(--gray-400);margin-top:-8px;margin-bottom:16px;font-size:.8125rem}.rn-field[data-astro-cid-dws2os4o]{margin-bottom:16px}.rn-field[data-astro-cid-dws2os4o] label[data-astro-cid-dws2os4o]{color:var(--gray-500);margin-bottom:6px;font-size:.8125rem;font-weight:550;display:block}.rn-field[data-astro-cid-dws2os4o] input[data-astro-cid-dws2os4o]{width:100%;font-size:.875rem;font-family:var(--font-mono);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);padding:9px 14px;transition:all .15s}.rn-field[data-astro-cid-dws2os4o] input[data-astro-cid-dws2os4o]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.rn-divider[data-astro-cid-dws2os4o]{background:var(--gray-100);height:1px;margin:20px 0}.rn-add[data-astro-cid-dws2os4o]{width:100%;margin-top:12px;padding:9px;font-size:.8125rem}.rn-output__tabs[data-astro-cid-dws2os4o]{gap:4px;margin-bottom:8px;display:flex}.rn-tab[data-astro-cid-dws2os4o]{font-size:.8125rem;font-weight:550;font-family:var(--font-sans);color:var(--gray-400);border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:7px 16px;transition:all .15s}.rn-tab[data-astro-cid-dws2os4o]:hover{color:var(--gray-600);border-color:var(--gray-300)}.rn-tab--active[data-astro-cid-dws2os4o]{color:#fff;background:var(--accent);border-color:var(--accent)}.rn-tab--active[data-astro-cid-dws2os4o]:hover{color:#fff}.rn-output__box[data-astro-cid-dws2os4o]{border-radius:var(--radius-lg);padding:0;position:relative;overflow:hidden}#rn-preview[data-astro-cid-dws2os4o]{font-size:.8125rem;font-family:var(--font-mono);color:var(--gray-600);white-space:pre-wrap;word-break:break-word;min-height:300px;max-height:500px;margin:0;padding:24px;line-height:1.6;overflow-y:auto}.rn-copy[data-astro-cid-dws2os4o]{font-size:.75rem;font-weight:600;font-family:var(--font-sans);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:5px 14px;transition:all .15s;position:absolute;top:12px;right:12px}.rn-copy[data-astro-cid-dws2os4o]:hover{opacity:.9}.rn-copy--copied[data-astro-cid-dws2os4o]{background:var(--green)}@media (width<=768px){.rn-hero[data-astro-cid-dws2os4o] h1[data-astro-cid-dws2os4o]{font-size:2.25rem}.rn-layout[data-astro-cid-dws2os4o]{grid-template-columns:1fr}}.rn-entries{flex-direction:column;gap:8px;display:flex}.rn-entry{align-items:center;gap:8px;display:flex}.rn-entry__type{font-size:.8125rem;font-weight:600;font-family:var(--font-sans);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;flex-shrink:0;width:110px;padding:8px 10px}.rn-entry__type:focus{border-color:var(--accent);outline:none}.rn-entry__text{font-size:.875rem;font-family:var(--font-sans);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);flex:1;min-width:0;padding:8px 12px;transition:all .15s}.rn-entry__text:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.rn-entry__text::placeholder{color:var(--gray-300)}.rn-entry__remove{border:1px solid var(--gray-200);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--gray-400);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;transition:all .15s;display:flex}.rn-entry__remove:hover{color:var(--rose);border-color:var(--rose)}