.name-studio{position:relative;background:linear-gradient(145deg,#fff 0%,#fbfdfb 100%)}.name-studio:before{content:"AI NAMING STUDIO";position:absolute;right:24px;top:20px;color:#07953b;font-size:10px;font-weight:850;letter-spacing:1.6px}.name-controls{position:relative}.name-controls header>b{box-shadow:0 8px 20px #07953b1c}.name-controls input,.name-controls select{min-height:52px;transition:border-color .2s,box-shadow .2s,background .2s}.name-controls input:hover,.name-controls select:hover{background:#fff;border-color:#b9cfc0}.style-pills span{font-weight:700;transition:.2s}.style-pills span:hover{border-color:#76ae88;color:#07552c}.name-actions{grid-template-columns:1fr;margin-top:6px}.generate-ai{min-height:58px;background:linear-gradient(115deg,#064b2b,#07953b);box-shadow:0 13px 28px #0475322b;font-size:15px;letter-spacing:.1px}.generate-ai span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:#ffffff20}.generate-ai:hover{transform:translateY(-2px);box-shadow:0 17px 34px #0475323b}.name-controls #aiNameStatus{margin:13px 0 0;color:#66746b;font-weight:600}.name-preview{position:relative;overflow:hidden;margin:16px 16px 16px 0;border-radius:22px;background:radial-gradient(circle at 85% 10%,#0e7345 0,transparent 34%),linear-gradient(145deg,#053820,#07502e)}.name-preview:after{content:"✦";position:absolute;right:-20px;bottom:-50px;color:#ffffff08;font-size:210px}.name-preview>div{position:relative;z-index:1;border:1px solid #ffffff4a;transform:rotate(-1.2deg)}.name-preview>div:after{content:"AI DIRECTION";position:absolute;right:14px;top:13px;color:#07953b;font-size:8px;font-weight:900;letter-spacing:1px}.name-results{scroll-margin-top:25px}.name-results>header{padding-bottom:20px;border-bottom:1px solid #dfe8e2}.names-grid{margin-top:24px}.name-card{position:relative;overflow:hidden}.name-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#07953b,#45c66e);opacity:0;transition:.2s}.name-card:hover:before{opacity:1}.name-card .ai-badge{padding:6px 9px;border-radius:99px;background:#eaf7ee}.name-card .ai-detail{min-height:70px}.ai-name-loading,.ai-name-error{grid-column:1/-1;padding:64px 24px;border:1px solid #dce7df;border-radius:20px;background:linear-gradient(145deg,#fff,#f6fbf7);text-align:center;box-shadow:0 15px 45px #073f270b}.ai-name-loading i{display:block;width:44px;height:44px;margin:0 auto 20px;border:4px solid #d7ebdd;border-top-color:#07953b;border-radius:50%;animation:ai-name-spin .8s linear infinite}.ai-name-loading h3,.ai-name-error h3{margin:0 0 8px;font-size:23px}.ai-name-loading p,.ai-name-error p{margin:0;color:#69736d}@keyframes ai-name-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.name-preview{margin:0 10px 10px;border-radius:18px}.name-studio:before{display:none}.name-controls{padding-top:28px}.generate-ai{min-height:60px}.name-preview>div{padding:48px 16px}.name-results>header>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.name-card .ai-detail{min-height:0}}