@layer base{._swatchesContainer_1fyo1_2{display:flex;flex-direction:column;gap:var(--spacing-8)}._swatchGroup_1fyo1_8{display:flex;flex-direction:column;gap:var(--spacing-4)}._groupHeading_1fyo1_14{font-family:var(--font-family-heading);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:0;padding-bottom:var(--spacing-2);border-bottom:2px solid var(--accent)}._swatchGrid_1fyo1_26{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}@media(min-width:480px){._swatchGrid_1fyo1_26{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){._swatchGrid_1fyo1_26{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){._swatchGrid_1fyo1_26{grid-template-columns:repeat(6,1fr)}}._swatchItem_1fyo1_50{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);text-align:center;background:transparent;border:none;padding:var(--spacing-1);cursor:pointer;border-radius:var(--radius-md);transition:background-color .2s}._swatchItem_1fyo1_50:hover{background-color:var(--surface)}._swatchChip_1fyo1_68{width:100%;aspect-ratio:1;height:auto;border-radius:var(--radius-md);border:1px solid var(--border);flex-shrink:0}._swatchName_1fyo1_77{font-size:.8rem;font-family:var(--font-family-base);color:var(--foreground);font-weight:500;line-height:1.3}._swatchCode_1fyo1_85{font-size:.65rem;font-family:var(--font-family-monospace);color:var(--muted-foreground);line-height:1}._overlay_1fyo1_92{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:_fadeIn_1fyo1_1 var(--animation-duration-fast) ease-out forwards;padding:var(--spacing-4)}._popover_1fyo1_107{background-color:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);max-width:360px;width:100%;text-align:center}._largeChip_1fyo1_121{width:280px;height:280px;border-radius:var(--radius-lg);border:1px solid var(--border)}._popoverName_1fyo1_128{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:700;color:var(--card-foreground)}._popoverCode_1fyo1_135{font-family:var(--font-family-monospace);font-size:.85rem;color:var(--muted-foreground)}@keyframes _fadeIn_1fyo1_1{0%{opacity:0}to{opacity:1}}}