.components-page.svelte-1peujay.svelte-1peujay{padding:32px;max-width:1200px;margin:0 auto}.components-header.svelte-1peujay.svelte-1peujay{margin-bottom:40px}.components-header.svelte-1peujay h1.svelte-1peujay{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.components-header.svelte-1peujay p.svelte-1peujay{color:#888;font-size:16px}.components-grid.svelte-1peujay.svelte-1peujay{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.category.svelte-1peujay.svelte-1peujay{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.category.svelte-1peujay h2.svelte-1peujay{font-size:14px;font-weight:600;color:#e94560;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.component-list.svelte-1peujay.svelte-1peujay{display:flex;flex-direction:column;gap:8px}.component-item.svelte-1peujay.svelte-1peujay{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:2px 10px;padding:12px;background:#ffffff05;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease}.component-item.svelte-1peujay.svelte-1peujay:hover{background:#ffffff0a;border-color:#ffffff14}.component-item.selected.svelte-1peujay.svelte-1peujay{background:#e945601a;border-color:#e945604d}.comp-icon.svelte-1peujay.svelte-1peujay{grid-row:span 2;font-size:20px;display:flex;align-items:center;justify-content:center}.comp-name.svelte-1peujay.svelte-1peujay{font-size:14px;font-weight:600;color:#e0e0e0}.comp-desc.svelte-1peujay.svelte-1peujay{font-size:11px;color:#666}.component-detail.svelte-1peujay.svelte-1peujay{position:fixed;bottom:24px;right:24px;width:360px;background:#12121a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 20px 60px #00000080}.detail-header.svelte-1peujay.svelte-1peujay{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-icon.svelte-1peujay.svelte-1peujay{font-size:32px}.detail-header.svelte-1peujay h3.svelte-1peujay{font-size:20px;font-weight:700;color:#fff}.detail-desc.svelte-1peujay.svelte-1peujay{color:#888;font-size:14px;margin-bottom:20px}.detail-section.svelte-1peujay.svelte-1peujay{margin-bottom:20px}.detail-section.svelte-1peujay h4.svelte-1peujay{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.code-block.svelte-1peujay.svelte-1peujay{background:#0000004d;border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:#4ecdc4;overflow-x:auto;white-space:pre}.props-list.svelte-1peujay.svelte-1peujay{display:flex;flex-direction:column;gap:6px}.prop-item.svelte-1peujay.svelte-1peujay{display:flex;justify-content:space-between;padding:8px 10px;background:#ffffff05;border-radius:6px}.prop-name.svelte-1peujay.svelte-1peujay{font-family:JetBrains Mono,monospace;font-size:12px;color:#e94560}.prop-type.svelte-1peujay.svelte-1peujay{font-size:11px;color:#666}.no-props.svelte-1peujay.svelte-1peujay{color:#555;font-size:12px;font-style:italic}