.ai-yt-title-container{max-width:1100px;margin:28px auto;padding:8px}
.ai-yt-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{min-width:0}
.ai-yt-title{color:#38bdf8;margin:0 0 8px;font-size:28px}
.ai-yt-desc{color:#cbd5e1;margin:0 0 12px}
.ai-yt-form{display:flex;gap:12px;align-items:center}
#ai_yt_input{flex:1;padding:14px 16px;border-radius:12px;border:none;background:#071022;color:#fff;font-size:15px;box-shadow: inset 0 2px 8px rgba(0,0,0,0.6)}
.ai-yt-btn{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.18)}
.ai-yt-result{margin-top:12px;background:rgba(255,255,255,0.03);padding:14px;border-radius:10px;color:#e6eef8;min-height:80px}
.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 .ai-title-line{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.04);padding:10px 12px;border-radius:8px;margin:8px 0;font-weight:600}
.ai-yt-result .ai-title-line span{flex:1}
.ai-copy{background:#9333ea;color:#fff;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;margin-left:12px}
.ai-copy:hover{background:#7e22ce}
@media(max-width:980px){.ai-yt-card{grid-template-columns:1fr;text-align:center}.ai-yt-form{flex-direction:column}#ai_yt_input,.ai-yt-btn{width:100%}.ai-yt-right{order:-1}}