.font-pairing-tool{max-width:960px}.fp-controls{margin-bottom:var(--space-xl)}.fp-search{margin-bottom:var(--space-md);position:relative}.fp-search__input{width:100%}.fp-search__dropdown{z-index:50;background:#1a1a2e;border:1px solid #ffffff24;border-top:none;border-radius:0 0 8px 8px;max-height:420px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.fp-search__dropdown[hidden]{display:none}.fp-dropdown-item{width:100%;color:var(--color-text);font-family:var(--font-primary);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.9375rem;display:flex}.fp-dropdown-item:hover{background:#ffffff14}.fp-dropdown-item__preview{color:var(--color-text);font-size:1.25rem;font-weight:400;line-height:1.3}.fp-dropdown-item__cat{font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:#ffffff0f;border-radius:100px;padding:.2rem .5rem;font-size:.5625rem;font-weight:900}.fp-dropdown-empty{color:var(--color-text-muted);text-align:center;padding:.75rem;font-size:.875rem}.fp-filters{gap:var(--space-lg);flex-wrap:wrap;display:flex}.fp-filter-group{flex-direction:column;gap:.5rem;display:flex}.fp-filter-buttons{flex-wrap:wrap;gap:.375rem;display:flex}.fp-category-btn,.fp-mood-btn{color:var(--color-text-muted);font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:2rem;padding:.375rem .75rem;font-size:.625rem;font-weight:900}.fp-category-btn:hover,.fp-mood-btn:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff40}.fp-category-btn.is-active,.fp-mood-btn.is-active{color:#111;background:#fff;border-color:#fff}.fp-empty-state{padding:var(--space-3xl) var(--space-xl);text-align:center;margin-bottom:var(--space-xl);border:1px dashed #ffffff24;border-radius:12px}.fp-empty-state__text{color:var(--color-text-muted);font-size:.9375rem;font-family:var(--font-primary)}.fp-selected{margin-bottom:var(--space-lg);align-items:baseline;gap:.75rem;display:flex}.fp-selected[hidden]{display:none}.fp-selected__name{font-family:var(--font-serif);letter-spacing:-.03em;font-size:1.5rem;font-weight:400}.fp-no-pairings{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:.9375rem}.pairing-cards{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.pairing-cards[hidden]{display:none}.pairing-card{transition:border-color var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.pairing-card:hover{border-color:#ffffff40}.pairing-card.is-active{border-color:#fff}.pairing-card__sample{padding:var(--space-lg) var(--space-md);background:#fff;flex-direction:column;gap:.625rem;min-height:140px;display:flex}.pairing-card__heading{color:#111;font-size:1.75rem;font-weight:700;line-height:1.2}.pairing-card__body-sample{color:#444;font-size:1rem;line-height:1.6}.pairing-card__info{padding:var(--space-md)}.pairing-card__meta{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pairing-card__font-name{font-family:var(--font-primary);color:var(--color-text);font-size:.9375rem;font-weight:600}.pairing-card__mood{font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:#ffffff14;border-radius:100px;padding:.2rem .5rem;font-size:.5625rem;font-weight:900}.pairing-card__mood--modern{color:#60a5fa;background:#60a5fa26}.pairing-card__mood--classic{color:#c4a06a;background:#b48c6433}.pairing-card__mood--elegant{color:#a78bfa;background:#a78bfa26}.pairing-card__mood--bold{color:#f87171;background:#f8717126}.pairing-card__mood--friendly{color:#4ade80;background:#4ade8026}.pairing-card__mood--minimal{color:#9ca3af;background:#9ca3af33}.pairing-card__note{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}.pairing-card__preview-btn{color:#111;font-family:var(--font-alfabet);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:opacity var(--transition-fast);background:#fff;border:none;border-radius:2rem;padding:.5rem 1.25rem;font-size:.625rem;font-weight:900;display:inline-block}.pairing-card__preview-btn:hover{opacity:.85}.fp-preview{margin-bottom:var(--space-xl)}.fp-preview[hidden]{display:none}.fp-preview__header{margin-bottom:var(--space-md);align-items:baseline;gap:.75rem;display:flex}.fp-preview__active-label{font-family:var(--font-primary);color:var(--color-text);font-size:.9375rem}.fp-context{margin-bottom:var(--space-md);background:#fff;border-radius:12px;overflow:hidden}.fp-context--hero{padding:var(--space-3xl) var(--space-xl);background:linear-gradient(135deg,#1a1a2e,#2d2d4e)}.fp-context--hero h2{color:#fff;letter-spacing:-.03em;margin-bottom:var(--space-sm);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.1}.fp-context--hero p{color:#ffffffb3;max-width:540px;font-size:1rem;line-height:1.6}.fp-context--article{padding:var(--space-xl)}.fp-context--article h3{color:#111;letter-spacing:-.02em;margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700;line-height:1.2}.fp-context--article p{color:#444;margin-bottom:var(--space-sm);font-size:.9375rem;line-height:1.7}.fp-context--article p:last-child{margin-bottom:0}.fp-context--card{max-width:360px;padding:var(--space-lg);background:#fff;border:1px solid #e5e7eb;border-radius:12px}.fp-context--card h4{color:#111;margin-bottom:.375rem;font-size:1.125rem;font-weight:700;line-height:1.3}.fp-context--card p{color:#666;font-size:.8125rem;line-height:1.6}.fp-export{gap:var(--space-md);flex-direction:column;display:flex}.fp-export[hidden]{display:none}.fp-export__block{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.fp-export__header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.fp-export__header .tool-label{margin-bottom:0}.fp-export__code{padding:var(--space-md);color:var(--color-text);white-space:pre-wrap;word-break:break-all;margin:0;font-family:Neue Montreal,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}@media (width<=768px){.pairing-cards{grid-template-columns:1fr}.fp-filters{gap:var(--space-md);flex-direction:column}.fp-context--hero{padding:var(--space-xl) var(--space-md)}.fp-context--article{padding:var(--space-md)}.fp-context--card{max-width:100%}}