.tdx-studio-tiles-shell { width: 100%; box-sizing: border-box; } .tdx-studio-tiles .continue-watching-header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-md, 16px); } .tdx-studio-tiles-all { flex: 0 0 auto; color: var(--color-text-dim, #999); font-size: var(--fs-sm, 0.813rem); font-weight: 600; text-decoration: none; white-space: nowrap; } .tdx-studio-tiles-all:hover, .tdx-studio-tiles-all:focus-visible { color: var(--color-accent, #e85d04); } .tdx-studio-tiles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-md, 16px); } .tdx-studio-tile { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 14px; box-sizing: border-box; border: 1px solid var(--color-border, #444); border-radius: var(--radius-md, 8px); background: var(--color-surface-alt, #212121); color: inherit; text-decoration: none !important; transition: border-color var(--transition-fast, 150ms ease), background var(--transition-fast, 150ms ease); } .tdx-studio-tile:hover, .tdx-studio-tile:focus-visible { border-color: var(--color-accent, #e85d04); background: var(--color-surface, #303030); } .tdx-studio-tile-img { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: #111; border: 1px solid rgba(255, 255, 255, 0.08); } .tdx-studio-tile-img--empty { display: block; } .tdx-studio-tile-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .tdx-studio-tile-name { color: var(--color-text, #fdfdfd); font-size: var(--fs-md, 1rem); font-weight: 700; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tdx-studio-tile:hover .tdx-studio-tile-name { color: var(--color-accent, #e85d04); } .tdx-studio-tile-count { color: var(--color-text-dim, #999); font-size: var(--fs-xs, 0.75rem); font-variant-numeric: tabular-nums; } .tdx-studio-tile-desc { margin-top: 3px; color: var(--color-text-muted, #c4c4c4); font-size: var(--fs-sm, 0.813rem); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 480px) { .tdx-studio-tiles-grid { grid-template-columns: 1fr; } .tdx-studio-tile-img { width: 46px; height: 46px; } }