.preview-index.svelte-che4p7{max-width:800px;margin:0 auto;padding:32px 24px;font-family:var(--font-primary, "Lexend Deca Variable"),sans-serif;color:var(--color-font-primary)}.preview-header.svelte-che4p7{margin-bottom:24px}.preview-header.svelte-che4p7 h1:where(.svelte-che4p7){font-size:28px;font-weight:600;margin:0 0 4px}.component-count.svelte-che4p7{font-size:14px;color:var(--color-font-tertiary);margin:0}.search-bar.svelte-che4p7{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.search-bar.svelte-che4p7 input:where(.svelte-che4p7){width:100%;padding:10px 14px;border:1px solid var(--color-grey-30);border-radius:8px;background:var(--color-grey-10);color:var(--color-font-primary);font-size:14px;font-family:var(--font-primary, "Lexend Deca Variable"),sans-serif;box-sizing:border-box}.search-bar.svelte-che4p7 input:where(.svelte-che4p7):focus{border-color:var(--color-primary-start)}.search-bar.svelte-che4p7 input:where(.svelte-che4p7)::placeholder{color:var(--color-font-field-placeholder)}.search-actions.svelte-che4p7{display:flex;gap:8px}.search-actions.svelte-che4p7 button:where(.svelte-che4p7){padding:4px 10px;border:1px solid var(--color-grey-30);border-radius:6px;background:var(--color-grey-10);color:var(--color-font-tertiary);font-size:12px;cursor:pointer;font-family:var(--font-primary, "Lexend Deca Variable"),sans-serif}.search-actions.svelte-che4p7 button:where(.svelte-che4p7):hover{background:var(--color-grey-20);color:var(--color-font-primary)}.component-tree.svelte-che4p7{display:flex;flex-direction:column}.tree-file.svelte-che4p7{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--color-font-primary);font-size:13px;cursor:pointer;transition:background-color .15s}.tree-file.svelte-che4p7:hover{background:var(--color-grey-20)}.file-icon.svelte-che4p7{font-size:8px;color:var(--color-primary-start)}.file-name.svelte-che4p7{font-family:Courier New,monospace;font-size:13px}.tree-dir.svelte-che4p7{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;border-radius:6px;background:none;color:var(--color-font-primary);font-size:13px;cursor:pointer;width:100%;text-align:left;font-family:var(--font-primary, "Lexend Deca Variable"),sans-serif;transition:background-color .15s}.tree-dir.svelte-che4p7:hover{background:var(--color-grey-20)}.dir-arrow.svelte-che4p7{font-size:10px;width:12px;text-align:center;color:var(--color-font-tertiary)}.dir-name.svelte-che4p7{font-weight:500}.dir-count.svelte-che4p7{font-size:11px;color:var(--color-font-tertiary);margin-left:auto}.no-results.svelte-che4p7{font-size:14px;color:var(--color-font-tertiary);text-align:center;padding:24px 0}.app-showcase-section.svelte-che4p7{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--color-grey-25)}.app-showcase-title.svelte-che4p7{font-size:1rem;font-weight:600;margin:0 0 4px}.app-showcase-desc.svelte-che4p7{font-size:.8125rem;color:var(--color-font-tertiary);margin:0 0 14px;line-height:1.5}.app-showcase-grid.svelte-che4p7{display:flex;flex-wrap:wrap;gap:8px}.app-showcase-pill.svelte-che4p7{padding:5px 14px;border-radius:20px;font-size:.8125rem;font-weight:500;text-decoration:none;color:var(--color-font-primary);background:var(--color-grey-20);border:1px solid var(--color-grey-30);transition:background-color .15s,color .15s}.app-showcase-pill.svelte-che4p7:hover{background:var(--color-primary-start);color:#fff;border-color:var(--color-primary-start)}