.font-tool.svelte-1yr78b1{min-height:300px;position:relative}.search-wrapper.svelte-1yr78b1{z-index:10;margin-bottom:1.5rem;position:relative}.search-field.svelte-1yr78b1{border:2px solid #00000014;border-radius:14px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.search-field.focused.svelte-1yr78b1{border-color:#ffb92d}.search-icon.svelte-1yr78b1{padding:0 1rem;font-size:1.2rem}.search-field.svelte-1yr78b1 input:where(.svelte-1yr78b1){font-family:var(--ff-Supreme);border:none;outline:none;flex:1;padding:1rem .5rem;font-size:1rem}.dropdown.svelte-1yr78b1{background:#fff;border:1px solid #00000014;border-radius:12px;max-height:280px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001a}.dropdown-item.svelte-1yr78b1{cursor:pointer;width:100%;font-family:var(--ff-Supreme);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.95rem;transition:background .15s;display:flex}.dropdown-item.svelte-1yr78b1:hover{background:#ffb92d0f}.dropdown-item.selected.svelte-1yr78b1{background:#ffb92d1a;font-weight:600}.font-cat.svelte-1yr78b1{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.overlay.svelte-1yr78b1{z-index:5;position:fixed;inset:0}.pairings.svelte-1yr78b1{flex-direction:column;gap:1.25rem;display:flex}.pairing-card.svelte-1yr78b1{border:1px solid #0000000f;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.pairing-card.svelte-1yr78b1:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000000f}.pairing-preview.svelte-1yr78b1{background:linear-gradient(135deg,#fafafa,#fff);padding:2rem}.pairing-preview.svelte-1yr78b1 h3:where(.svelte-1yr78b1){color:var(--clr-black);margin-bottom:.75rem;font-size:1.6rem;font-weight:700;line-height:1.3}.pairing-preview.svelte-1yr78b1 p:where(.svelte-1yr78b1){color:#555;font-size:1rem;line-height:1.7}.pairing-meta.svelte-1yr78b1{background:#00000005;border-top:1px solid #0000000a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.font-pair-names.svelte-1yr78b1{font-family:var(--ff-Supreme);color:#666;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.pair-label.svelte-1yr78b1{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pair-sep.svelte-1yr78b1{color:#ddd;margin:0 .25rem}.copy-css-btn.svelte-1yr78b1{background:var(--clr-black);color:#fff;font-family:var(--ff-Supreme);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;transition:opacity .2s,transform .2s}.copy-css-btn.svelte-1yr78b1:hover{opacity:.85;transform:translateY(-1px)}.empty-state.svelte-1yr78b1{text-align:center;color:#999;padding:4rem 2rem}.empty-icon.svelte-1yr78b1{opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-state.svelte-1yr78b1 p:where(.svelte-1yr78b1){font-family:var(--ff-Supreme);font-size:1rem}@media (width<=768px){.pairing-preview.svelte-1yr78b1 h3:where(.svelte-1yr78b1){font-size:1.3rem}.pairing-meta.svelte-1yr78b1{flex-direction:column;align-items:flex-start}}