.rn-page .rn-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:26px;align-items:start}.rn-page .rn-layout>.nf-panel{margin:0}.rn-page #rnOutput{height:240px;min-height:200px;font:18px/1.8 ui-monospace,monospace}.rn-page .rn-rolls{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.rn-page .rn-roll{display:flex;align-items:center;justify-content:center;min-width:60px;height:60px;padding:12px;background:#38234b;color:#efd9ff;border:1px solid #b894d1;border-radius:12px;font:700 22px ui-monospace,monospace}.rn-page #rnGenerate{width:100%;min-height:54px;font-size:16px}.rn-page .rn-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.rn-page .rn-metrics div{background:#17101f;border:1px solid #705580;border-radius:12px;padding:14px;overflow-wrap:anywhere}.rn-page .rn-metrics strong{display:block;color:#e3c7f7;font-size:22px;font-variant-numeric:tabular-nums}.rn-page .rn-frequency{list-style:none;padding:0}.rn-page .rn-frequency li{margin:12px 0}.rn-page .rn-bar{height:8px;background:#c29be8;border-radius:5px;margin-top:6px}.rn-page #rnStatus{margin-top:20px}.rn-page .rn-mode-note{font-size:13px;line-height:1.8}@media(max-width:1000px){.rn-page .rn-layout{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:850px){.rn-page .rn-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:450px){.rn-page .rn-metrics strong{font-size:18px}}