.ai-yt-tool-wrap { max-width:1150px; margin:32px auto; padding:10px; }
.ai-yt-tool-card { display:grid; grid-template-columns: 1fr 420px; gap:28px; align-items:center; background: linear-gradient(135deg,#0f172a,#1e293b); padding:28px; border-radius:16px; box-shadow:0 12px 40px rgba(2,6,23,0.6); color:#fff; }
.ai-yt-left h3 { font-size:28px; color:#38bdf8; margin:0 0 8px; }
.ai-yt-desc { color:#cbd5e1; margin-bottom:14px; max-width:640px; }
.ai-yt-form { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.ai-yt-form input { flex:1; padding:14px 16px; border-radius:12px; border:none; background:#0b1220; color:#fff; font-size:15px; box-shadow: inset 0 2px 8px rgba(0,0,0,0.6); }
.ai-yt-form button { padding:12px 20px; border-radius:10px; border:none; cursor:pointer; font-weight:700; background: linear-gradient(90deg,#0ea5e9,#9333ea); color:#fff; box-shadow: 0 8px 30px rgba(147,51,234,0.25); }
.ai-yt-result { margin-top:12px; background: rgba(255,255,255,0.03); padding:14px; border-radius:10px; color:#e6eef8; min-height:80px; text-align:left; }
.ai-yt-right img { width:100%; border-radius:12px; box-shadow:0 12px 30px rgba(2,6,23,0.6); }
.ai-yt-caption { color:#94a3b8; text-align:center; margin-top:10px; font-size:14px; }
.ai-yt-result .tag { display:inline-block; background: rgba(255,255,255,0.06); padding:8px 12px; border-radius:10px; margin:6px; color:#fff; font-weight:600; }
.ai-yt-result .tag:hover { background:#0ea5e9; }
@media (max-width:980px) {
  .ai-yt-tool-card { grid-template-columns: 1fr; text-align:center; }
  .ai-yt-form { flex-direction:column; }
  .ai-yt-form input, .ai-yt-form button { width:100%; }
  .ai-yt-right { order:-1; }
}