.nbng-app{--p:#7c3aed;--p2:#a855f7;--bg:#141219;--card:#201d27;--input:#2c2836;--border:#40394c;--muted:#aaa3b7;color:#fff;background:radial-gradient(circle at top left,#7c3aed33,transparent 35%),radial-gradient(circle at bottom right,#a855f733,transparent 30%),var(--bg);font-family:"DM Sans",sans-serif;max-width:1100px;margin:0 auto;padding:25px 18px 50px;border-radius:24px}.nbng-app *{box-sizing:border-box}.nbng-header{display:flex;align-items:center;gap:14px;margin-bottom:25px}.nbng-logo{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--p),var(--p2));font-weight:900;font-size:20px;box-shadow:0 10px 30px #7c3aed55}.nbng-header h2{margin:0;color:#fff;font-size:24px}.nbng-header p{margin:3px 0 0;color:var(--muted);font-size:13px}.nbng-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.nbng-card{background:rgba(31,28,39,.96);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.nbng-preview{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:radial-gradient(circle at center,#7c3aed35,transparent 55%),#18161f;border:1px solid #3d3748;overflow:hidden}.nbng-preview-label{color:var(--muted);font-size:11px;letter-spacing:2px;margin-bottom:20px}.nbng-nickname{font-size:48px;font-weight:900;text-align:center;padding:10px 15px;max-width:100%;word-break:break-word;text-shadow:0 5px 25px rgba(0,0,0,.7)}.nbng-subtitle{margin-top:10px;color:var(--muted);font-size:12px}.nbng-controls{margin-top:17px;display:grid;gap:13px}.nbng-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nbng-app label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.nbng-app input,.nbng-app select{width:100%;padding:12px;border-radius:11px;border:1px solid #443d50;background:var(--input);color:#fff;font-family:inherit;outline:none}.nbng-app input:focus,.nbng-app select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #7c3aed22}.nbng-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.nbng-app button{padding:12px;border-radius:11px;border:1px solid #453e51;background:#2c2836;color:#fff;font-family:inherit;font-weight:700;cursor:pointer;transition:.2s}.nbng-app button:hover{transform:translateY(-1px);filter:brightness(1.1)}.nbng-generate{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;border-color:#8b5cf6!important}.nbng-title{margin:0 0 11px;font-size:14px;font-weight:800}.nbng-symbols{display:flex;flex-wrap:wrap;gap:7px}.nbng-symbol{padding:8px 11px;border-radius:9px;background:#2b2735;border:1px solid #433c4e;cursor:pointer;font-size:14px;transition:.2s}.nbng-symbol:hover{background:#382f47;border-color:#8b5cf6}.nbng-ideas-title{margin-top:20px}.nbng-results{display:grid;gap:8px}.nbng-result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:10px;background:#2a2633;border:1px solid #40394b}.nbng-result-name{font-size:16px;word-break:break-word}.nbng-use{padding:7px 10px!important;font-size:11px!important;flex-shrink:0;background:#7c3aed!important;border-color:#8b5cf6!important}.nbng-info{margin-top:17px;padding:12px;border-radius:10px;background:#27232f;color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:760px){.nbng-app{padding:15px 12px 40px}.nbng-grid{grid-template-columns:1fr}.nbng-header h2{font-size:19px}.nbng-header p{font-size:11px}.nbng-logo{width:45px;height:45px}.nbng-preview{min-height:240px}.nbng-nickname{font-size:36px}.nbng-row{grid-template-columns:1fr}.nbng-card{padding:14px}}