.main-random{display:grid;gap:var(--spacing-xl)}@media (min-width:900px){.main-random{grid-template-columns:1fr 1fr;align-items:start}}.config-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.config-row .campo{flex:1;min-width:100px}.config-row input{width:100%;padding:var(--spacing-md);font-size:1.1rem;text-align:center}.options-row{display:flex;gap:var(--spacing-lg);margin:var(--spacing-md) 0;flex-wrap:wrap}.checkbox-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary)}.checkbox-option input{accent-color:var(--color-primary);width:18px;height:18px}.resultado-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border)}.resultado-display{text-align:center;padding:var(--spacing-xl);background:var(--bg-body);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.resultado-display .numero{font-family:'JetBrains Mono',monospace;font-size:5rem;font-weight:700;color:var(--color-primary);animation:pop .3s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}.resultados-lista{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.resultado-item{font-family:'JetBrains Mono',monospace;font-size:1.25rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md);color:var(--color-primary);animation:pop .3s ease}.acciones{display:flex;gap:var(--spacing-md);justify-content:center}.historial-section{margin-top:var(--spacing-xl)}.historial-section h3{font-size:1rem;margin-bottom:var(--spacing-md)}.historial-list{max-height:200px;overflow-y:auto;background:var(--bg-body);border-radius:var(--radius-md);font-family:'JetBrains Mono',monospace;font-size:.85rem}.historial-list li{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.historial-list li:last-child{border-bottom:none}.historial-list .config{color:var(--color-text-muted);font-size:.8rem}@media (max-width:600px){.resultado-display .numero{font-size:3.5rem}.config-row{flex-direction:column}}