.brand-builder-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; border:1px solid #d6e9ef; border-radius:15px; background:linear-gradient(135deg,#f1fbfd,#fbfff2); }
.brand-builder-intro div { display:grid; gap:4px; }
.brand-builder-intro strong { color:#173b4a; font-size:1.12rem; }
.brand-builder-intro p { margin:0; color:#617580; }
.brand-builder-intro>i { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:13px; background:#fff; color:#1682a5; font-size:1.2rem; box-shadow:0 5px 16px #173b4a16; }
.brand-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.brand-form-grid label small { color:#71848d; font-weight:500; }
.brand-generate-row,.brand-output-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.brand-output { display:grid; gap:17px; padding-top:6px; }
.brand-output-head { padding-bottom:15px; border-bottom:1px solid #e0eaed; }
.brand-output-head h2 { margin:3px 0; color:#173b4a; }
.brand-output-head p { margin:0; color:#617580; }
.brand-name-grid { grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); }
.brand-name-card { display:grid; gap:13px; padding:17px; border:1px solid #d9e5e9; border-radius:14px; background:#fff; box-shadow:0 5px 18px #173b4a0c; transition:.2s ease; }
.brand-name-card:hover { transform:translateY(-2px); border-color:#b7d9e4; box-shadow:0 9px 25px #173b4a16; }
.brand-name-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.brand-name-card h3 { margin:0; color:#173b4a; font-size:1.25rem; overflow-wrap:anywhere; }
.brand-favorite { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:0; border-radius:50%; background:#eff8fa; color:#66808b; cursor:pointer; }
.brand-favorite.active { background:#fff4d8; color:#d48a00; }
.brand-name-meta { display:flex; gap:7px; flex-wrap:wrap; }
.brand-name-meta span { padding:4px 8px; border-radius:999px; background:#edf8fb; color:#176b87; font-size:.72rem; font-weight:800; }
.brand-name-card p { min-height:38px; margin:0; color:#617580; font-size:.88rem; }
.brand-name-actions { display:grid; grid-template-columns:1fr auto; gap:8px; }
.brand-copy { padding:9px 12px; border:1px solid #c9dce2; border-radius:9px; background:#fff; color:#176b87; font-weight:700; cursor:pointer; }
.brand-search { display:grid; place-items:center; width:40px; border:0; border-radius:9px; background:#176b87; color:#fff; text-decoration:none; }
@media(max-width:680px){.brand-form-grid{grid-template-columns:1fr}.brand-generate-row{display:grid}.brand-generate-row>*{justify-self:stretch}.brand-output-head{align-items:stretch}.brand-name-grid{grid-template-columns:1fr}}