.crng-wrap{max-width:800px;margin:30px auto;font-family:'Segoe UI',system-ui,sans-serif;background:linear-gradient(135deg,#1a1025 0%,#251538 50%,#1e1230 100%);border-radius:20px;padding:40px 30px;color:#e8d8f8;box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.crng-header{text-align:center;margin-bottom:30px}.crng-icon{font-size:56px;margin-bottom:10px}.crng-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#e879f9,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crng-sub{font-size:14px;color:#7a5a9a;margin:0}
.crng-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.crng-field{flex:1;min-width:200px}.crng-full{flex-basis:100%}.crng-field label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#6a4a8a;margin-bottom:6px}.crng-input{width:100%;padding:16px;background:#1e1230;border:2px solid #3a2555;border-radius:12px;color:#e0c8f8;font-size:20px;text-align:center;transition:.3s;box-sizing:border-box;letter-spacing:1px}.crng-input:focus{border-color:#c084fc;outline:none;box-shadow:0 0 20px rgba(192,132,252,0.2)}.crng-input::placeholder{color:#4a3565}
.crng-btn{width:100%;padding:16px;background:linear-gradient(135deg,#9333ea,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:.2s}.crng-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(147,51,234,0.4)}
.crng-results{margin-top:25px}.crng-grid{display:flex;flex-direction:column;gap:10px}
.crng-card{background:linear-gradient(135deg,#1f1435,#281a40);border:1px solid #3a2555;border-radius:12px;padding:18px 20px;cursor:pointer;position:relative;transition:.2s;display:flex;justify-content:space-between;align-items:center}.crng-card:hover{transform:translateY(-2px);border-color:#c084fc}
.crng-card-style{font-size:11px;color:#6a4a8a;text-transform:uppercase;letter-spacing:1px;min-width:120px;font-weight:600}.crng-card-text{font-size:22px;color:#f0e4ff;flex:1;text-align:center;word-break:break-all}.crng-card-copy{background:rgba(147,51,234,0.15);color:#c084fc;border:none;padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:.3s;white-space:nowrap}.crng-card-copy:hover{background:rgba(147,51,234,0.3)}
@media(max-width:600px){.crng-wrap{padding:25px 18px;margin:15px}.crng-title{font-size:22px}.crng-card{flex-direction:column;gap:10px;text-align:center}.crng-card-style{min-width:auto}}