.example-detail.svelte-3qgrhe{padding-top:2rem}.example-nav.svelte-3qgrhe{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.75rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px}.nav-btn.svelte-3qgrhe{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease;min-width:120px}.nav-btn.svelte-3qgrhe:first-child{justify-content:flex-start}.nav-btn.svelte-3qgrhe:last-child{justify-content:flex-end}.nav-btn.svelte-3qgrhe:hover:not(.disabled){background:var(--color-bg-tertiary);border-color:var(--color-brand)}.nav-btn.disabled.svelte-3qgrhe{opacity:.3;pointer-events:none}.nav-btn.svelte-3qgrhe svg:where(.svelte-3qgrhe){width:20px;height:20px;flex-shrink:0}.nav-label.svelte-3qgrhe{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.grid-btn.svelte-3qgrhe{justify-content:center;min-width:auto;padding:.5rem 1.5rem}.example-header.svelte-3qgrhe{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-bottom:3rem}@media(min-width:640px){.example-header.svelte-3qgrhe{flex-direction:row;text-align:left;align-items:flex-start}}.example-icon.svelte-3qgrhe{flex-shrink:0;width:120px;height:120px}.example-icon.svelte-3qgrhe img:where(.svelte-3qgrhe){width:100%;height:100%;object-fit:contain;border-radius:24px;filter:drop-shadow(0px 2px 8px rgba(0,0,0,.2))}.example-info.svelte-3qgrhe{display:flex;flex-direction:column;gap:.5rem}.example-category.svelte-3qgrhe{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em}.example-name.svelte-3qgrhe{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.example-description.svelte-3qgrhe{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:600px}.command-block.svelte-3qgrhe{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.command-block.svelte-3qgrhe code:where(.svelte-3qgrhe){font-size:.8rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:4px}.screenshots-gallery.svelte-3qgrhe{display:flex;flex-direction:column;gap:2rem}.screenshot-item.svelte-3qgrhe{margin:0;border-radius:12px;overflow:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.screenshot-img.svelte-3qgrhe{width:100%;height:auto;display:block}.no-screenshots.svelte-3qgrhe{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-muted)}.no-screenshots.svelte-3qgrhe svg:where(.svelte-3qgrhe){width:64px;height:64px;opacity:.5}.no-screenshots.svelte-3qgrhe span:where(.svelte-3qgrhe){font-size:1rem}.tags.svelte-3qgrhe{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag.svelte-3qgrhe{padding:.5rem .8rem;border-radius:9999px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.tag-link.svelte-3qgrhe{text-decoration:none;cursor:pointer;transition:all .15s ease}.tag-link.svelte-3qgrhe:hover{background:var(--color-brand);color:#fff}@media(max-width:640px){.nav-label.svelte-3qgrhe{display:none}.nav-btn.svelte-3qgrhe{min-width:auto;padding:.5rem .75rem}.grid-btn.svelte-3qgrhe .nav-label:where(.svelte-3qgrhe){display:inline}}