.tm-random-number-generator{--tm-rng-radius: var(--radius-3xl, 24px);--tm-rng-radius-soft: var(--radius-xl, 16px);--tm-rng-radius-pill: var(--radius-full, 9999px);--tm-rng-mono: var(--font-mono);--tm-rng-shadow-soft: var(--shadow-soft);--tm-rng-shadow-lift: var(--shadow-lift);--tm-rng-shadow-premium: var(--shadow-premium);--tm-rng-success: var(--color-success);--tm-rng-danger: var(--color-danger);--tm-rng-danger-subtle: var(--color-danger-subtle);display:block;margin:var(--space-6) 0 var(--space-10);color:var(--fg-body)}.tm-random-number-generator *{box-sizing:border-box}.tm-random-number-generator .tm-rng-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-rng-meta-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.tm-rng-meta-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border-radius:var(--tm-rng-radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--fg-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--tm-rng-shadow-soft)}.tm-rng-meta-pill strong{color:var(--accent-primary);font-weight:var(--weight-bold)}.tm-rng-result-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:160px;padding:var(--space-7) var(--space-6);border-radius:var(--tm-rng-radius);border:1px solid var(--border);background:radial-gradient(circle at top right,var(--accent-secondary-subtle),transparent 55%),var(--bg-surface);box-shadow:var(--tm-rng-shadow-premium);margin-bottom:var(--space-4);text-align:center}.tm-rng-result-card--empty{border-style:dashed;background:var(--bg-surface);box-shadow:none;min-height:140px}.tm-rng-result-placeholder{color:var(--fg-muted);font-size:var(--text-base)}.tm-rng-result-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps, .18em);color:var(--accent-primary);font-weight:var(--weight-bold)}.tm-rng-result-hero{font-family:var(--tm-rng-mono);font-size:clamp(40px,11vw,68px);font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.04em;color:var(--fg-strong);background:transparent;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-md);animation:tm-rng-fade-in .28s ease}.tm-rng-result-hero:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-result-meta{font-size:var(--text-sm);color:var(--fg-muted);margin:0}.tm-rng-result-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;width:100%;max-height:320px;overflow-y:auto;padding:var(--space-1);margin-top:var(--space-2)}.tm-rng-result-chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-1_5);min-height:44px;padding:var(--space-2) var(--space-4);font-family:var(--tm-rng-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-body);background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease;animation:tm-rng-fade-in .22s ease backwards}.tm-rng-result-chip:hover{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary-hover)}.tm-rng-result-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-result-chip--copied:after{content:attr(data-copied-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:2px 8px;font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);background:var(--fg-strong);color:var(--fg-invert);border-radius:var(--radius-xs);white-space:nowrap}.tm-rng-chip-index{color:var(--fg-muted);font-size:11px;font-weight:var(--weight-semibold)}.tm-rng-result-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);width:100%;justify-content:center}.tm-rng-copy-btn{display:inline-flex;align-items:center;gap:var(--space-1_5);min-height:44px;padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-body);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .12s ease,color .12s ease}.tm-rng-copy-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary-hover)}.tm-rng-copy-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-copy-btn--copied{border-color:var(--tm-rng-success);color:var(--tm-rng-success)}.tm-rng-card{padding:var(--space-6);margin-bottom:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--tm-rng-radius);box-shadow:var(--tm-rng-shadow-lift)}.tm-rng-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps, .14em);color:var(--fg-muted);font-weight:var(--weight-bold);margin:0 0 var(--space-4)}.tm-rng-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.tm-rng-preset-btn{min-height:44px;padding:var(--space-2_5) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-body);background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:var(--tm-rng-radius-pill);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.tm-rng-preset-btn:hover{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary-hover)}.tm-rng-preset-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-preset-btn--active,.tm-rng-preset-btn[aria-pressed=true]{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary-hover);box-shadow:var(--shadow-inset)}.tm-rng-form{display:block}.tm-rng-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.tm-rng-form-group{display:flex;flex-direction:column;gap:var(--space-1)}.tm-rng-form-group--full{grid-column:1 / -1}.tm-rng-form-group label,.tm-rng-control-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted)}.tm-rng-form-group input[type=number]{width:100%;min-height:44px;padding:var(--space-2_5) var(--space-3);font-family:var(--tm-rng-mono);font-size:var(--text-base);color:var(--fg-strong);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .12s ease,box-shadow .12s ease}.tm-rng-form-group input[type=number]:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--focus-ring-soft)}.tm-rng-input--invalid{border-color:var(--tm-rng-danger)!important;box-shadow:0 0 0 3px var(--tm-rng-danger-subtle)!important}.tm-rng-error-msg{min-height:16px;font-size:12px;color:var(--tm-rng-danger)}.tm-rng-help-text{font-size:12px;color:var(--fg-muted)}.tm-rng-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.tm-rng-toggle-label-group{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}.tm-rng-tooltip-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-surface-alt);color:var(--fg-muted);font-size:12px;font-weight:var(--weight-bold);cursor:help}.tm-rng-tooltip-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;padding:var(--space-2) var(--space-3);background:var(--fg-strong);color:var(--fg-invert);font-size:12px;font-weight:var(--weight-regular);line-height:var(--leading-snug);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);z-index:10;white-space:normal;pointer-events:none}.tm-rng-tooltip-trigger:hover .tm-rng-tooltip,.tm-rng-tooltip-trigger:focus .tm-rng-tooltip,.tm-rng-tooltip-trigger:focus-within .tm-rng-tooltip{display:block}.tm-rng-toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.tm-rng-toggle-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.tm-rng-toggle-track{position:absolute;inset:0;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--tm-rng-radius-pill);transition:background .12s ease,border-color .12s ease}.tm-rng-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);box-shadow:var(--tm-rng-shadow-soft);transition:transform .12s ease}.tm-rng-toggle-switch input:checked+.tm-rng-toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.tm-rng-toggle-switch input:checked+.tm-rng-toggle-track:after{transform:translate(20px)}.tm-rng-toggle-switch input:focus-visible+.tm-rng-toggle-track{box-shadow:var(--focus-ring)}.tm-rng-advanced-toggle{display:flex;align-items:center;gap:var(--space-1_5);width:100%;padding:var(--space-3) 0;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted);background:none;border:none;cursor:pointer;transition:color .12s ease}.tm-rng-advanced-toggle:hover{color:var(--fg-body)}.tm-rng-advanced-toggle:focus-visible{outline:none;border-radius:var(--radius-xs);box-shadow:var(--focus-ring)}.tm-rng-advanced-toggle svg{transition:transform .12s ease}.tm-rng-advanced-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.tm-rng-advanced-content{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3)}.tm-rng-sort-group{display:inline-flex;gap:4px;padding:4px;background:var(--bg-surface-alt);border-radius:var(--radius-md);align-self:flex-start}.tm-rng-sort-option{min-height:40px;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.tm-rng-sort-option:hover{color:var(--fg-body)}.tm-rng-sort-option--active{background:var(--bg-surface);color:var(--fg-strong);box-shadow:var(--shadow-soft)}.tm-rng-sort-option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tm-rng-generate-wrapper{position:sticky;bottom:var(--space-4);z-index:5;margin-bottom:var(--space-4)}.tm-rng-generate-btn{width:100%;min-height:52px;padding:var(--space-4) var(--space-6);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--fg-on-accent);background:var(--accent-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--tm-rng-shadow-premium);transition:background .12s ease,transform 80ms ease,opacity .12s ease}.tm-rng-generate-btn:hover:not(:disabled){background:var(--accent-primary-hover)}.tm-rng-generate-btn:active:not(:disabled){transform:scale(.98)}.tm-rng-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--tm-rng-shadow-soft)}.tm-rng-generate-btn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--tm-rng-shadow-premium)}.tm-rng-privacy-block{padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--tm-rng-radius-soft);box-shadow:var(--tm-rng-shadow-soft)}.tm-rng-privacy-block h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-strong)}.tm-rng-privacy-block h3 svg{color:var(--tm-rng-success)}.tm-rng-privacy-block p{margin:0;font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-relaxed)}@media(max-width:640px){.tm-random-number-generator{margin-bottom:var(--space-8)}.tm-rng-card{padding:var(--space-5)}.tm-rng-result-card{padding:var(--space-6) var(--space-4)}.tm-rng-form-grid{grid-template-columns:1fr}.tm-rng-meta-pill{width:100%;justify-content:flex-start}}@keyframes tm-rng-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tm-rng-result-hero,.tm-rng-result-chip{animation:none}.tm-rng-toggle-track:after,.tm-rng-generate-btn,.tm-rng-advanced-toggle svg{transition:none}}