.tutorials-page.svelte-dd3yp1.svelte-dd3yp1{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.page-head.svelte-dd3yp1.svelte-dd3yp1{padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.page-head.svelte-dd3yp1 h1.svelte-dd3yp1{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1) 0}.page-head.svelte-dd3yp1 p.svelte-dd3yp1{font-size:.875rem;color:var(--text-secondary);margin:0}.filter-bar.svelte-dd3yp1.svelte-dd3yp1{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--info-soft);border:1px solid var(--info-default);border-radius:var(--radius-md);font-size:.875rem}.filter-label.svelte-dd3yp1.svelte-dd3yp1{color:var(--info-default)}.filter-count.svelte-dd3yp1.svelte-dd3yp1{color:var(--text-tertiary);font-size:.8125rem}.filter-clear.svelte-dd3yp1.svelte-dd3yp1{margin-left:auto;color:var(--brand-primary);text-decoration:none;font-size:.8125rem}.filter-clear.svelte-dd3yp1.svelte-dd3yp1:hover{text-decoration:underline}.state.svelte-dd3yp1.svelte-dd3yp1{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:.9375rem;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.state.error.svelte-dd3yp1.svelte-dd3yp1{color:var(--danger-default)}.empty.svelte-dd3yp1.svelte-dd3yp1{padding:var(--space-12) var(--space-6);text-align:center;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty.svelte-dd3yp1 h3.svelte-dd3yp1{font-size:1rem;margin:0 0 var(--space-2) 0;color:var(--text-primary)}.empty.svelte-dd3yp1 p.svelte-dd3yp1{color:var(--text-secondary);font-size:.875rem;margin:0 0 var(--space-4) 0}.empty-cta.svelte-dd3yp1.svelte-dd3yp1{margin-top:var(--space-4);display:inline-flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}