@charset "UTF-8";
.rn-field { margin-bottom: 6px; }
.rn-field > label { font-weight: 600; font-size: 0.9rem; display: block; margin-bottom: 6px; }
.rn-inline { display: flex; gap: 8px; }
.rn-inline .tool-input { flex: 1; font-size: 1.25rem; }
.rn-roman { font-family: 'Courier New', monospace; letter-spacing: 2px; text-transform: uppercase; }
.rn-arrow { text-align: center; font-size: 1.6rem; opacity: 0.5; margin: 10px 0; }
.rn-error { min-height: 20px; color: var(--tool-danger); font-weight: 600; font-size: 0.9rem; margin-top: 10px; }
.rn-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.rn-chart { display: flex; flex-wrap: wrap; gap: 10px; }
.rn-chip { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 60px; padding: 10px; background: var(--alt-content-bg-color); border: 1px solid var(--border-color); border-radius: var(--tool-radius-sm); }
.rn-chip b { font-family: 'Courier New', monospace; font-size: 1.3rem; color: var(--tool-accent); }
.rn-about p { margin: 0 0 12px; }