.tdx-follow-studio-btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; border: 1px solid #ff5e62; background: transparent; color: #ff5e62; padding: 5px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; line-height: 1; transition: background 0.15s, color 0.15s; } .tdx-follow-studio-btn:hover { background: rgba(255, 94, 98, 0.12); } .tdx-follow-studio-btn.is-following { background: #ff5e62; color: #fff; } .tdx-follow-studio-btn i, .tdx-follow-studio-btn [data-lucide] { width: 15px; height: 15px; } .tdx-follow-studio-btn--inline { vertical-align: middle; padding: 3px 10px; font-size: 12px; } .tdx-follow-studio-btn--archive { margin-top: 12px; padding: 8px 18px; font-size: 14px; } .tdx-watch-studio { display: flex; align-items: center; gap: 10px; min-width: 0; width: 100%; margin: 4px 0 2px; } .tdx-watch-studio__avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background: #3d3d3d; color: #fff; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .tdx-watch-studio__avatar img { display: block; width: 100%; height: 100%; object-fit: cover; } .tdx-watch-studio__initial { font-size: 16px; font-weight: 700; line-height: 1; } .tdx-watch-studio__label { flex: 0 0 auto; font-size: 10px; font-weight: 500; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-text-dim, #aaa); opacity: 0.6; white-space: nowrap; } .tdx-watch-studio__copy { min-width: 0; flex: 0 1 auto; display: flex; flex-direction: column; gap: 2px; } .tdx-watch-studio__name { color: #fff; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tdx-watch-studio__name:hover { color: #fff; } .tdx-watch-studio__views { color: #aaa; font-size: 12px; line-height: 1.2; white-space: nowrap; } .tdx-follow-studio-btn--watch { flex: 0 0 auto; height: 32px; padding: 0 12px; margin-left: 4px; } @media (max-width: 768px) { .tdx-watch-studio__avatar { width: 36px; height: 36px; } .tdx-follow-studio-btn--watch { height: 30px; padding: 0 10px; font-size: 12px; } }