/* 도메인 생성기 — 고유 레이아웃만 (박스/버튼/배경은 style_tools_base.css 통일) */
.wrap{ max-width:100%; padding:0 0 70px; }

.dom-head{ margin-bottom:20px; }
.dom-title{ font-size:38px; font-weight:800; margin:0; letter-spacing:-.02em; }
.dom-sub{ margin:8px 0 0; color:#6b7280; font-size:13px; }

.dom-input-row{ display:flex; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.dom-input{ flex:1; min-width:200px; padding:11px 16px; border:1.5px solid #e5e7eb; font-size:15px; }
.dom-gen{ background:#111827; color:#fff; border:none; padding:11px 24px; font-weight:700; font-size:14px; cursor:pointer; }
.dom-gen:hover{ background:#374151; }

.dom-tld-label{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#6b7280; margin-bottom:8px; }
.dom-tld-row{ display:flex; gap:7px; flex-wrap:wrap; margin-bottom:24px; }
.dom-tld{ padding:5px 12px; border:1.5px solid #e5e7eb; background:#fff; font-size:13px; font-weight:600; color:#6b7280; cursor:pointer; }
.dom-tld:hover{ border-color:#9ca3af; }
.dom-tld.active{ background:#2563eb; color:#fff; border-color:#2563eb; }

.dom-results{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.dom-item{ display:flex; justify-content:space-between; align-items:center; gap:8px; border:1.5px solid #e2e8f0; border-radius:10px; padding:12px 14px; background:#fff; }
.di-name{ font-size:14px; font-weight:700; color:#111827; word-break:break-all; }
.di-copy{ flex-shrink:0; background:#f3f4f6; border:none; color:#374151; font-size:11px; font-weight:700; padding:5px 10px; cursor:pointer; }
.di-copy:hover{ background:#e5e7eb; }

.dom-empty{ grid-column:1/-1; text-align:center; color:#9ca3af; padding:40px; }

@media (max-width:480px){ .dom-title{ font-size:30px; } }