.ComponentGuide_controls__T_e8H,.ComponentGuide_wrap__ywKw_{display:flex;flex-direction:column}.ComponentGuide_controls__T_e8H{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);gap:var(--space-4);margin-bottom:var(--space-8)}.ComponentGuide_searchWrap__kisVE{position:relative}.ComponentGuide_searchIcon__rnw0n{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-sm);pointer-events:none}.ComponentGuide_search___azR2{width:100%;font-family:inherit;font-size:var(--text-base);padding:var(--space-3) 2.25rem .5rem 2.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);transition:border-color .15s}.ComponentGuide_search___azR2:focus{outline:none;border-color:var(--teal)}.ComponentGuide_searchClear__0lIOL{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-xs);padding:.2rem;cursor:pointer;background:none;border:none;transition:color .15s}.ComponentGuide_searchClear__0lIOL:hover{color:var(--text-primary)}.ComponentGuide_cats__p2JKL,.ComponentGuide_subcats__VfajT{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ComponentGuide_subcats__VfajT{padding-top:var(--space-4);border-top:1px solid var(--border)}.ComponentGuide_catBtn__keChJ{display:inline-flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-xs);font-weight:var(--fw-medium);padding:var(--space-1) var(--space-4);border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.ComponentGuide_catBtn__keChJ:hover{border-color:var(--teal-mid);color:var(--teal-dark)}.ComponentGuide_catBtnActive__ur7jy,.ComponentGuide_catBtnActive__ur7jy:hover{background:var(--navy);border-color:var(--text-primary);color:var(--white)}.ComponentGuide_catCount__EtxO_{font-size:var(--text-2xs);font-weight:var(--fw-bold);background:var(--surface-2);color:var(--text-muted);border-radius:10px;padding:0 .4em;min-width:1.4em;text-align:center}.ComponentGuide_catBtnActive__ur7jy .ComponentGuide_catCount__EtxO_{background:rgba(255,255,255,.18);color:var(--white)}.ComponentGuide_subcatBtn__h0U8i{display:inline-flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-xs);font-weight:var(--fw-medium);padding:.2rem var(--space-4);border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.ComponentGuide_subcatBtn__h0U8i:hover{border-color:var(--teal-mid);color:var(--teal-dark)}.ComponentGuide_subcatBtnActive__UItYs,.ComponentGuide_subcatBtnActive__UItYs:hover{background:var(--teal);border-color:var(--teal);color:var(--white)}.ComponentGuide_subcatCount__wwTlu{font-size:var(--text-2xs);font-weight:var(--fw-bold);color:var(--text-muted)}.ComponentGuide_subcatBtnActive__UItYs .ComponentGuide_subcatCount__wwTlu{color:var(--white)}.ComponentGuide_groups__TCdnD{display:flex;flex-direction:column;gap:var(--space-11)}.ComponentGuide_group__Krqbc{scroll-margin-top:var(--space-8)}.ComponentGuide_groupHeading__ndVtW{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.ComponentGuide_groupCount__rJlqq{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--surface-2);border-radius:12px;padding:.1rem .6rem}.ComponentGuide_subgroup__wOWfs{margin-bottom:var(--space-8)}.ComponentGuide_subgroup__wOWfs:last-child{margin-bottom:0}.ComponentGuide_subgroupHeading__rtvjc{font-size:var(--text-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-4)}.ComponentGuide_grid__UVU5a{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.ComponentGuide_card__KMDst{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.ComponentGuide_card__KMDst:hover{border-color:var(--teal-mid);box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.ComponentGuide_cardThumbWrap__gG9XN{aspect-ratio:1/1;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}.ComponentGuide_cardThumb__wt6d8{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ComponentGuide_cardThumbPlaceholder__tUwKV{color:var(--border-dark);font-size:var(--text-3xl)}.ComponentGuide_cardBody__3xA8W{display:flex;flex-direction:column;gap:2px;padding:var(--space-4)}.ComponentGuide_cardCode__PiJRA{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:.02em}.ComponentGuide_cardName___BZQw{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.ComponentGuide_empty__VLHUw{padding:var(--space-11);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.ComponentGuide_empty__VLHUw i{font-size:var(--text-3xl);opacity:.4}.ComponentGuide_empty__VLHUw p{font-size:var(--text-md)}@media (max-width:640px){.ComponentGuide_grid__UVU5a{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.page_main__3OUVx{max-width:1280px;margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-11);width:100%}.page_intro__9eNab{margin-bottom:var(--space-9)}.page_title__3fjca{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--fw-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.page_titleBlue__Ar6Ju{color:var(--teal)}.page_titleGreen__Wm5tm{color:var(--accent)}.page_subtitle__M3lRU{font-size:var(--text-lg);color:var(--text-secondary);max-width:620px;line-height:var(--leading-relaxed)}