body{color:#fff;background:#0f172a;margin:0;font-family:Segoe UI,monospace}.container{justify-content:center;align-items:center;height:100vh;display:flex}.card{text-align:center;background:#1e293b;border-radius:12px;width:320px;padding:40px;box-shadow:0 10px 30px #0006}h1{margin-bottom:25px}.field{margin-bottom:20px}label{color:#cbd5f5;margin-bottom:8px;font-size:14px;display:block}select{color:#fff;background:#334155;border:none;border-radius:6px;width:100%;padding:8px}.generateBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;width:100%;margin-top:10px;padding:10px;font-weight:700;transition:all .2s}.generateBtn:hover{background:#2563eb}.result{letter-spacing:2px;background:#0f172a;border-radius:6px;margin-top:20px;padding:10px;font-family:monospace}.generateBtn{cursor:pointer;align-items:center;gap:8px;padding:10px 20px;font-size:16px;display:flex}.generateBtn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}