/* Random Number Generator Tool - 1.7.0 (Generate + Copy inline) */
.rng-wrap *, .rng-wrap *::before, .rng-wrap *::after { box-sizing: border-box; }

.rng-settings{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-bottom:1rem; }
.rng-input-group{ display:grid; gap:.25rem; }
.rng-input-group--full{ grid-column:1 / -1; }
.rng-label{ font-size:.95rem; }
.rng-input{ width:100%; padding:.6rem .75rem; border:1px solid var(--wp--preset--color--border, #d1d5db); border-radius:.5rem; background:var(--wp--preset--color--base, #fff); }
.rng-input:focus{ outline:none; box-shadow:0 0 0 3px rgba(99,102,241,.25); border-color:#6366f1; }

/* Buttons inline */
.rng-actions{ display:flex; gap:1rem; margin:1rem 0; flex-wrap:wrap; }
.rng-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; }
.rng-btn--half{ flex:1 1 12rem; } /* two buttons per row on desktop; stack on small screens */

/* Message & results */
.rng-message{ margin:.5rem 0; padding:.6rem .75rem; border-radius:.5rem; font-size:.9rem; text-align:center; }
.rng-msg--error{ background:#fee2e2; color:#991b1b; }
.rng-msg--info{ background:#dbeafe; color:#1e40af; }
.rng-msg--success{ background:#d1fae5; color:#065f46; }

.rng-results{ width:100%; padding:1rem; border:1px solid var(--wp--preset--color--border, #d1d5db); border-radius:.5rem; background:var(--wp--preset--color--base-2, #f9fafb); resize:none; min-height:12rem; }

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 8px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #e0e0e0; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #9ca3af; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #6b7280; }

@media (max-width:680px){
  .rng-settings{ grid-template-columns:1fr; }
}