._grid_2gpqz_5{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1024px){._grid_2gpqz_5{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){._grid_2gpqz_5{grid-template-columns:1fr}}._grid_2gpqz_5>[data-tooltip]:nth-child(3n):after{left:auto;right:0}@media (width<=1024px){._grid_2gpqz_5>[data-tooltip]:nth-child(3n):after{left:0;right:auto}._grid_2gpqz_5>[data-tooltip]:nth-child(2n):after{left:auto;right:0}}@media (width<=640px){._grid_2gpqz_5>[data-tooltip]:nth-child(2n):after{left:0;right:auto}}._card_2gpqz_93{background:var(--surface-muted,var(--surface));border:1px solid var(--border-muted);border-radius:var(--radius-md);cursor:pointer;min-width:0;min-height:100%;transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}._card_2gpqz_93:hover{background:var(--surface);border-color:var(--border);box-shadow:var(--card-shadow-hover,none)}._card_2gpqz_93:focus-visible{border-color:var(--primary);box-shadow:0 0 0 1px var(--ring,var(--primary));outline:none}._cardSelected_2gpqz_149{background:var(--card-bg,var(--surface));border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}._cardSelected_2gpqz_149:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}._compositionName_2gpqz_175{color:var(--foreground);overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.3}._description_2gpqz_191{color:var(--foreground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}._badges_2gpqz_215{flex-wrap:wrap;gap:6px;display:flex}._badge_2gpqz_215{border:1px solid var(--border-muted);border-radius:var(--radius-full);background:var(--surface);color:var(--foreground-subtle);white-space:nowrap;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2}._badgeRecommended_2gpqz_251{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-color:var(--primary);color:var(--foreground);font-weight:600}._checkBadge_2gpqz_269{border-radius:var(--radius-full);background:var(--primary);width:22px;height:22px;color:var(--primary-foreground);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}._compatWarning_2gpqz_301{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-muted,var(--surface));box-shadow:inset 3px 0 0 0 var(--primary);color:var(--foreground);margin-top:12px;padding:12px;font-size:13px;line-height:1.5}._compatWarningDismiss_2gpqz_325{color:var(--foreground);cursor:pointer;text-underline-offset:2px;transition:color var(--motion-fast);background:0 0;border:none;margin-left:8px;padding:0;font-size:12px;text-decoration:underline}._compatWarningDismiss_2gpqz_325:hover{color:var(--primary)}._previewRoot_luwkt_1{border-radius:var(--radius-md);--accent:#cfc09f;--background:#1a1a1a;--foreground:#e6e6e6;--surface:#242424;--border:#3a3a3a;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;background:var(--background);width:100%;min-height:160px;color:var(--foreground);place-items:center;padding:24px;display:grid;position:relative;overflow:hidden;container-type:inline-size}._compact_luwkt_24{min-height:110px;padding:16px 12px}._headingHost_luwkt_26{font-family:var(--font-display);color:var(--foreground);text-align:center;white-space:nowrap;max-width:100%;font-size:clamp(1.5rem,8cqi,3rem);font-weight:600;line-height:1;overflow:hidden}._compact_luwkt_24 ._headingHost_luwkt_26{font-size:clamp(1.25rem,14cqi,2rem)}._loading_luwkt_40{color:var(--foreground-subtle);font-size:.7rem;position:absolute;top:8px;right:8px}