.demo-card.svelte-11oxu0f{position:relative;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--primary-2) 15%,transparent);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.demo-card.svelte-11oxu0f:hover{border-color:var(--primary-1);transform:translateY(-4px);box-shadow:0 12px 40px color-mix(in srgb,var(--accent-1) 15%,transparent)}.demo-card.spotlight.svelte-11oxu0f{border-color:color-mix(in srgb,var(--pastel-yellow, #fde047) 20%,transparent)}.demo-card.spotlight.svelte-11oxu0f:hover{border-color:var(--pastel-orange, #fb923c);box-shadow:0 16px 48px color-mix(in srgb,var(--pastel-orange, #fb923c) 20%,transparent),0 0 0 1px color-mix(in srgb,var(--pastel-yellow, #fde047) 30%,transparent)}.demo-card.spotlight.svelte-11oxu0f .demo-overlay:where(.svelte-11oxu0f) svg:where(.svelte-11oxu0f){color:var(--pastel-yellow, #fde047);filter:drop-shadow(0 0 12px var(--pastel-orange, #fb923c))}.demo-card.spotlight.svelte-11oxu0f .demo-author:where(.svelte-11oxu0f){color:var(--pastel-orange, #fb923c)}.demo-card.compact.svelte-11oxu0f .demo-info:where(.svelte-11oxu0f){padding:var(--space-sm);gap:var(--space-xs)}.demo-card.compact.svelte-11oxu0f .demo-title:where(.svelte-11oxu0f){font-size:.95rem}.demo-card.compact.svelte-11oxu0f .demo-description:where(.svelte-11oxu0f){min-height:3em;-webkit-line-clamp:2;line-clamp:2}.demo-image.svelte-11oxu0f,.screenshot-wrapper.svelte-11oxu0f{position:relative;aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0;display:block;text-decoration:none}.demo-image.svelte-11oxu0f img:where(.svelte-11oxu0f),.screenshot.svelte-11oxu0f{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow)}.demo-card.svelte-11oxu0f:hover .demo-image:where(.svelte-11oxu0f) img:where(.svelte-11oxu0f),.demo-card.svelte-11oxu0f:hover .screenshot:where(.svelte-11oxu0f){transform:scale(1.05)}.demo-overlay.svelte-11oxu0f{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-deep) 50%,transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.demo-card.svelte-11oxu0f:hover .demo-overlay:where(.svelte-11oxu0f){opacity:1}.demo-overlay.svelte-11oxu0f svg:where(.svelte-11oxu0f){color:var(--primary-1);filter:drop-shadow(0 0 10px var(--accent-1))}.play-btn.svelte-11oxu0f{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-1),var(--accent-1));color:var(--bg-deep);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast);box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1) 40%,transparent)}.play-btn.svelte-11oxu0f:hover{transform:scale(1.1)}.demo-info.svelte-11oxu0f{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.demo-title.svelte-11oxu0f{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-description.svelte-11oxu0f{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5;min-height:4.5em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.demo-meta.svelte-11oxu0f{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:auto}.demo-author.svelte-11oxu0f{font-size:.85rem;color:var(--primary-1);text-decoration:none;transition:opacity var(--transition-fast)}a.demo-author.svelte-11oxu0f:hover{opacity:.8}.demo-author-placeholder.svelte-11oxu0f{min-width:60px}.demo-stats.svelte-11oxu0f{display:flex;gap:var(--space-sm)}.stat.svelte-11oxu0f{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted)}.stat.clicks.svelte-11oxu0f svg:where(.svelte-11oxu0f){color:var(--primary-5)}.stat.likes.svelte-11oxu0f svg:where(.svelte-11oxu0f){color:var(--accent-2)}.stat.comments.svelte-11oxu0f svg:where(.svelte-11oxu0f){color:var(--primary-4)}button.stat.clickable.svelte-11oxu0f{background:none;border:none;font-family:inherit;font-size:inherit;text-decoration:none;cursor:pointer;border-radius:var(--radius-sm);padding:2px 4px;margin:-2px -4px;transition:all var(--transition-fast)}button.stat.clickable.svelte-11oxu0f:hover{background:color-mix(in srgb,var(--primary-4) 15%,transparent);color:var(--primary-4)}button.stat.clickable.svelte-11oxu0f:hover svg:where(.svelte-11oxu0f){color:var(--primary-4)}.demo-tags.svelte-11oxu0f{display:flex;gap:var(--space-xs);flex-wrap:wrap;min-height:26px;margin-top:2px}.demo-tags-placeholder.svelte-11oxu0f{min-height:26px;margin-top:2px}.tag-more.svelte-11oxu0f{font-size:.75rem;color:var(--text-muted);align-self:center;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:inherit}.tag-more.svelte-11oxu0f:hover{color:var(--primary-1);background:color-mix(in srgb,var(--primary-1) 10%,transparent)}.actions-overlay.svelte-11oxu0f{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast)}.demo-card.svelte-11oxu0f:hover .actions-overlay:where(.svelte-11oxu0f){opacity:1}.action-btn.svelte-11oxu0f{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--primary-2) 20%,transparent);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0003}.action-btn.svelte-11oxu0f:hover{background:var(--bg-card);border-color:var(--primary-1);color:var(--primary-1)}.action-btn.delete.svelte-11oxu0f:hover{border-color:var(--accent-2);color:var(--accent-2)}.like-btn.svelte-11oxu0f{position:absolute;bottom:var(--space-md);right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--primary-2) 20%,transparent);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #0003}.like-btn.svelte-11oxu0f:hover{border-color:var(--accent-2);color:var(--accent-2)}.like-btn.liked.svelte-11oxu0f{background:color-mix(in srgb,var(--accent-2) 15%,transparent);border-color:var(--accent-2);color:var(--accent-2)}.like-btn.svelte-11oxu0f:disabled{opacity:.5;cursor:wait}@media(max-width:768px){.demo-info.svelte-11oxu0f{padding:var(--space-sm)}.demo-title.svelte-11oxu0f{font-size:1rem}.demo-description.svelte-11oxu0f{font-size:.85rem;min-height:calc(1.4em * 3)}}