.tutorial-section.svelte-32diwn{width:100%;max-width:380px}.tutorial-card.svelte-32diwn{display:flex;align-items:stretch;width:100%;background:var(--color-surface-50);border:1px solid var(--color-surface-200);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer;text-align:left;padding:0;box-shadow:0 1px 3px #0000001a;height:90px}.dark .tutorial-card.svelte-32diwn{background:var(--color-surface-800);border-color:var(--color-surface-700)}.tutorial-card.svelte-32diwn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001f;border-color:var(--color-primary-500)}.dark .tutorial-card.svelte-32diwn:hover{box-shadow:0 4px 16px #00000040}.thumbnail-container.svelte-32diwn{position:relative;width:133px;height:100%;flex-shrink:0;overflow:hidden}.thumbnail.svelte-32diwn{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.tutorial-card.svelte-32diwn:hover .thumbnail:where(.svelte-32diwn){transform:scale(1.05)}.play-overlay.svelte-32diwn{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tutorial-card.svelte-32diwn:hover .play-overlay:where(.svelte-32diwn){background:#0000004d}.play-button.svelte-32diwn{background:var(--color-primary-500);color:#fff;border-radius:50%;padding:.375rem;box-shadow:0 2px 8px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tutorial-card.svelte-32diwn:hover .play-button:where(.svelte-32diwn){transform:scale(1.1);background:var(--color-primary-400)}.play-icon.svelte-32diwn{margin-left:1px}.duration-badge.svelte-32diwn{position:absolute;bottom:.25rem;right:.25rem;background:#000000d9;color:#fff;font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;line-height:1}.video-info.svelte-32diwn{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.75rem;min-width:0}.video-header.svelte-32diwn{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem}.youtube-icon.svelte-32diwn{color:var(--color-primary-500);flex-shrink:0}.tutorial-label.svelte-32diwn{background:var(--color-primary-100);color:var(--color-primary-700);font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:.25rem;white-space:nowrap;line-height:1}.dark .tutorial-label.svelte-32diwn{background:var(--color-primary-900);color:var(--color-primary-300)}.video-title.svelte-32diwn{font-size:1rem;font-weight:700;color:var(--color-surface-900);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .video-title.svelte-32diwn{color:var(--color-surface-100)}@media (max-width: 768px){.tutorial-section.svelte-32diwn{max-width:100%}.tutorial-card.svelte-32diwn{height:75px}.thumbnail-container.svelte-32diwn{width:114px}.video-info.svelte-32diwn{padding:.625rem}.video-title.svelte-32diwn{font-size:.875rem;-webkit-line-clamp:1}.tutorial-label.svelte-32diwn,.duration-badge.svelte-32diwn{font-size:.625rem;padding:.125rem .375rem}}