.video-grid-container.svelte-12oi53k{width:100%}.video-grid.svelte-12oi53k{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%}.video-grid.homepage-mode.svelte-12oi53k{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-card.svelte-12oi53k{display:block;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;transition:transform .2s ease}.video-card.svelte-12oi53k:hover{transform:translateY(-4px)}.thumbnail-container.svelte-12oi53k{position:relative;width:100%;padding-top:56.25%;background-color:#f3f3f3;border-radius:8px;overflow:hidden}.thumbnail-container.svelte-12oi53k img:where(.svelte-12oi53k){position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.duration.svelte-12oi53k{position:absolute;bottom:8px;right:8px;background-color:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.8rem}.badge.svelte-12oi53k{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase}.badge.newest.svelte-12oi53k{background-color:red;color:#fff}.badge.hot.svelte-12oi53k{background-color:#f70;color:#fff}.video-info.svelte-12oi53k{padding:12px 0}.video-title.svelte-12oi53k{margin:0 0 8px;font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-meta.svelte-12oi53k{display:flex;gap:6px;font-size:.85rem;color:#666}.loading-container.svelte-12oi53k,.error-container.svelte-12oi53k,.empty-container.svelte-12oi53k{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner.svelte-12oi53k{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:svelte-12oi53k-spin 1s linear infinite;margin-bottom:16px}@keyframes svelte-12oi53k-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container.svelte-12oi53k button:where(.svelte-12oi53k),.load-more.svelte-12oi53k button:where(.svelte-12oi53k){background-color:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;margin-top:12px}.load-more.svelte-12oi53k{display:flex;justify-content:center;margin-top:32px}.load-more.svelte-12oi53k button:where(.svelte-12oi53k):disabled{background-color:#ccc;cursor:not-allowed}