.youtube-connection { scroll-margin-top: 90px; min-width: 0; }
.youtube-connection h2 { display: flex; align-items: center; gap: 10px; }
.youtube-mark { flex: 0 0 28px; width: 28px; height: 21px; }
.youtube-connection > p { font-size: 13px; line-height: 1.8; }
.youtube-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.youtube-actions form { margin: 0; }
.youtube-connect, .youtube-secondary { min-height: 42px; border-radius: 8px; padding: 10px 16px; font: inherit; font-size: 13px; cursor: pointer; }
.youtube-connect { background: #7553ab; border: 1px solid #7553ab; color: white; font-weight: 600; }
.youtube-secondary { background: white; border: 1px solid #e5dff0; color: #503f69; }
.youtube-profile { display: flex; align-items: center; gap: 14px; margin: 22px 0 12px; min-width: 0; }
.youtube-profile img { border-radius: 50%; object-fit: cover; }
.youtube-profile div { min-width: 0; }
.youtube-profile strong { display: block; overflow-wrap: anywhere; }
.youtube-profile a, .youtube-permissions { display: block; font-size: 12px; color: #7553ab; margin-top: 4px; }
.youtube-result { padding: 12px; background: #f4eefb; border-radius: 8px; color: #503f69; }
.youtube-privacy { margin-top: 18px; }
.youtube-privacy a { text-decoration: underline; text-underline-offset: 3px; }
.youtube-actions button:focus-visible { outline: 2px solid #7553ab; outline-offset: 3px; }
.youtube-automation { margin-top: 20px; border-top: 1px solid #e5dff0; }
.youtube-check-state { padding-top: 16px; }
.youtube-check-heading { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.youtube-check-heading span { color: #7553ab; }
.youtube-check-state .help { margin: 6px 0 0; }
.youtube-check-state .youtube-check-time { font-size: 12px; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) { .youtube-connection .section-heading { flex-wrap: wrap; gap: 8px; } }
.main-content h1:focus { outline: none; }