.youtube-dialog { box-sizing:border-box; margin:auto; width:min(560px,calc(100% - 32px)); padding:0; border:1px solid var(--border,#e2e8f0); border-radius:18px; background:var(--bg-card,#fff); color:var(--text-primary,#0f172a); max-height:90vh; overflow:auto; font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; box-shadow:0 24px 80px #0f172a33; }
.youtube-dialog::backdrop { background:#0f172a80; backdrop-filter:blur(4px); }
.youtube-header { padding:26px 28px 20px; border-bottom:1px solid var(--border,#e2e8f0); }
.youtube-eyebrow { color:#168044; font-size:10px; font-weight:700; letter-spacing:.12em; }
.youtube-dialog h2 { margin:6px 0; font-size:24px; letter-spacing:-.6px; font-weight:650; }
.youtube-header p { margin:0; color:var(--text-secondary,#64748b); }
.youtube-fields { padding:24px 28px; }
.youtube-channel { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; margin-bottom:24px; border:1px solid var(--border,#e2e8f0); border-radius:12px; background:var(--bg-secondary,#f8fafc); }
.youtube-label { display:block; font-size:11px; color:var(--text-secondary,#64748b); }
.youtube-channel-name { display:block; font-size:15px; overflow-wrap:anywhere; }
.youtube-channel-hint { display:block; font-size:11px; color:var(--text-secondary,#64748b); margin-top:3px; }
.youtube-dialog label { display:block; font-weight:550; }
.youtube-dialog input,.youtube-dialog select { box-sizing:border-box; width:100%; margin:7px 0 0; padding:11px 12px; border:1px solid var(--border,#cbd5e1); border-radius:9px; background:var(--bg-card,#fff); color:var(--text-primary,#0f172a); font:inherit; font-weight:400; }
.youtube-dialog small { display:block; margin-top:7px; font-size:11px; color:var(--text-secondary,#64748b); font-weight:400; }
.youtube-options { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; margin-top:22px; }
.youtube-note { margin:20px 0 0; font-size:11px; color:var(--text-secondary,#64748b); }
.youtube-status { overflow-wrap:anywhere; margin:16px 0 0; font-size:13px; }
.youtube-status:empty { display:none; }
.youtube-status a { color:#168044; font-weight:600; }
.youtube-buttons { display:flex; gap:10px; justify-content:flex-end; padding:18px 28px; border-top:1px solid var(--border,#e2e8f0); }
.youtube-dialog button { font:inherit; font-size:13px; font-weight:550; padding:10px 15px; border:1px solid var(--border,#cbd5e1); border-radius:9px; cursor:pointer; background:var(--bg-card,#fff); color:var(--text-primary,#0f172a); }
.youtube-connect { flex-shrink:0; }
.youtube-dialog button[type=submit] { background:#0f172a; color:white; border-color:#0f172a; }
.youtube-dialog button:disabled { opacity:.45; cursor:default; }
.youtube-dialog :focus-visible { outline:2px solid #168044; outline-offset:3px; }
@media(max-width:520px) { .youtube-header,.youtube-fields { padding:20px; } .youtube-buttons { padding:16px 20px; } .youtube-options { grid-template-columns:1fr; } .youtube-channel { flex-wrap:wrap; } }