.rn-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end}
.rn-range .input{font-size:18px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.rn-tilde{padding-bottom:12px;color:var(--faint);font-weight:700}
.rn-opts{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.rn-opts .check{min-height:34px}
.rn-stage{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand-soft),var(--surface-2));padding:18px}
.rn-stage:fullscreen{min-height:100vh;border-radius:0}
.rn-big{font-size:clamp(72px,22vw,128px);font-weight:900;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-align:center;word-break:break-all}
.rn-big.long{font-size:clamp(40px,11vw,72px)}
.rn-stage:fullscreen .rn-big{font-size:min(38vw,60vh)}
.rn-big.rolling{opacity:.55;filter:blur(.5px)}
.rn-big.land{animation:rn-land .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes rn-land{0%{transform:scale(.6)}100%{transform:none}}
.rn-many{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:360px;overflow:auto;width:100%}
.rn-n{min-width:52px;height:52px;padding:0 10px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);display:inline-grid;place-items:center;font-size:22px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.rn-many.dense .rn-n{min-width:40px;height:36px;font-size:16px;border-radius:10px;padding:0 8px}
.rn-n.pop{animation:rn-pop .38s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--d)}
@keyframes rn-pop{from{opacity:0;transform:scale(.3)}}
.rn-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.rn-drawn{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.rn-drawn span{font-size:13px;padding:2px 8px;border-radius:99px;background:var(--surface-2);font-variant-numeric:tabular-nums}
.rn-drawn span:last-child{background:var(--brand);color:var(--brand-text)}
@media (prefers-reduced-motion:reduce){.rn-big.land,.rn-n.pop{animation:none}}
.rn-info{margin:0;font-size:13px;color:var(--muted);text-align:center}
.rn-row2 .input{font-weight:700;text-align:center}
@media (max-width:380px){.rn-row2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rn-presets{align-items:center}
.rn-presets .hint{margin-right:2px}