/* Random number generator - range inputs, a unique toggle, and a grid of result chips.
   Colors come from theme tokens only. */

.rng-form {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 14px; padding: 18px 20px;
}
.rng-field { display: flex; flex-direction: column; gap: 6px; }
.rng-field-label { font-size: 14px; color: var(--muted); font-weight: 600; }
.rng-field .field { width: 9rem; font-variant-numeric: tabular-nums; }
.rng-check { display: flex; align-items: center; gap: 8px; font-size: 15px; padding-bottom: 10px; }

.rng-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }

.rng-note { color: var(--muted); font-size: 14px; min-height: 1.2em; margin: 0 0 8px; }

.rng-result { display: flex; flex-wrap: wrap; gap: 10px; min-height: 1.4em; }
.rng-num {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.6rem; padding: 8px 12px;
    background: var(--accent-weak); color: var(--accent-strong);
    border-radius: 10px; font-size: 20px; font-weight: 700;
    font-variant-numeric: tabular-nums;
}