.name-style-generator-wrapper{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px}.nsg-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px)}.nsg-header{text-align:center;margin-bottom:30px;color:#fff}.nsg-header h2{font-size:2.5em;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.nsg-header p{font-size:1.1em;opacity:.9;font-weight:300}.nsg-input-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2);margin-bottom:20px}.nsg-input-group{display:flex;flex-direction:column;gap:15px}.nsg-input-group label{font-weight:600;color:#333;font-size:1.1em;display:flex;align-items:center;gap:10px}.nsg-input{padding:15px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all 0.3s ease;background:#f8f9fa}.nsg-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.nsg-generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.nsg-generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgb(102 126 234 / .4)}.nsg-generate-btn:active{transform:translateY(0)}.nsg-results-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2)}.nsg-results-section h3{color:#333;margin-bottom:20px;font-size:1.5em;display:flex;align-items:center;gap:10px}.nsg-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.nsg-style-item{border:2px solid #e1e5e9;border-radius:12px;padding:20px;transition:all 0.3s ease;background:#f8f9fa}.nsg-style-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .1)}.nsg-style-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.nsg-style-name{font-weight:600;color:#333;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.nsg-copy-btn{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-size:.8em}.nsg-copy-btn:hover{background:#218838;transform:scale(1.05)}.nsg-copy-btn.copied{background:#17a2b8}.nsg-style-preview{font-size:1.2em;text-align:center;padding:15px;background:#fff;border-radius:8px;border:1px solid #e1e5e9;word-break:break-all;min-height:60px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:500}.nsg-style-preview *{color:#000000!important}.nsg-loading{text-align:center;padding:40px;color:#fff}.nsg-spinner{border:4px solid rgb(255 255 255 / .3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:nsg-spin 1s linear infinite;margin:0 auto 20px}@keyframes nsg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.name-style-generator-wrapper{padding:10px}.nsg-container{padding:20px;border-radius:15px}.nsg-header h2{font-size:2em}.nsg-input-section,.nsg-results-section{padding:20px}.nsg-results-grid{grid-template-columns:1fr;gap:15px}.nsg-generate-btn{padding:12px 20px}}@media (max-width:480px){.nsg-header h2{font-size:1.7em}.nsg-input-section,.nsg-results-section{padding:15px}.nsg-style-item{padding:15px}.nsg-style-preview{font-size:1.1em;padding:10px;color:#000}}.nsg-notification{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 5px 15px rgb(0 0 0 / .2);z-index:1000;animation:nsg-slideIn 0.3s ease}@keyframes nsg-slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.nsg-results-section .nsg-style-preview,.nsg-results-section .nsg-style-preview span,.nsg-results-section .nsg-style-preview div{color:#000000!important}