.aifonts-filter{position:relative;margin:0 auto 30px;padding:18px 20px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;color:#333}
.aifonts-filter a{font-family:inherit;text-decoration:none}
.aifonts-filter__status{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid #f0f0f0}
.aifonts-filter__selected{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:28px}
.aifonts-filter__selected-label{font-size:14px;font-weight:600;white-space:nowrap}
.aifonts-filter__chips{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.aifonts-filter__selected-empty{font-size:13px;color:#999}
.aifonts-filter__chip,.aifonts-filter__clear{appearance:none;padding:2px 0;border:0;background:transparent;color:#777;font-size:13px;line-height:1.6;cursor:pointer}
.aifonts-filter__chip{display:inline-flex;align-items:center;gap:4px;padding:0 9px;border:1px solid #e93254;border-radius:999px;color:#e93254}
.aifonts-filter__chip span{color:#e93254}
.aifonts-filter__chip:hover{border-color:#ff385c;background:#fff5f7;color:#ff385c;text-decoration:none}
.aifonts-filter__chip:hover span{color:#ff385c}
.aifonts-filter__clear:hover{color:#ff385c;text-decoration:underline}
.aifonts-filter__chip-x{font-size:16px;line-height:1}
.aifonts-filter__clear{flex:0 0 auto}
.aifonts-filter__clear.is-disabled{opacity:.4;cursor:default;text-decoration:none}
.aifonts-filter__dimensions{display:flex;flex-direction:column}
.aifonts-filter__dimension{display:grid;grid-template-columns:86px minmax(0,1fr) 24px;gap:14px;padding:13px 0;border-bottom:1px solid #f2f2f2}
.aifonts-filter__dimension:last-child{border-bottom:0}
.aifonts-filter__dimension-title{padding:3px 0;color:#222;font-size:14px;font-weight:600;line-height:1.7;white-space:nowrap}
.aifonts-filter__dimension-body{min-width:0;max-height:30px;overflow:hidden}
.aifonts-filter__dimension-body.is-expanded{max-height:none;overflow:visible}
.aifonts-filter__guide{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px}
.aifonts-filter__all,.aifonts-filter__option{appearance:none;padding:3px 0;border:0;background:transparent;color:#666;font-size:13px;line-height:1.7;text-align:left;cursor:pointer;transition:color .15s ease}
.aifonts-filter__all:hover,.aifonts-filter__option:hover{color:#ff385c}
.aifonts-filter__all.is-selected,.aifonts-filter__option.is-selected{color:#ff385c;font-weight:600}
.aifonts-filter__expand{display:flex;align-items:center;justify-content:center;width:24px;height:28px;color:#777;cursor:pointer}
.aifonts-filter__expand span{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease}
.aifonts-filter__expand[aria-expanded=true] span{transform:rotate(225deg) translate(-1px,-1px)}
.aifonts-filter__expand:hover{color:#ff385c}
.aifonts-filter__loading{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(255,255,255,.82);color:#555;font-size:14px;backdrop-filter:blur(1px)}
.aifonts-filter__loading[hidden]{display:none}
.aifonts-filter__spinner{width:20px;height:20px;border:2px solid #eee;border-top-color:#ff385c;border-radius:50%;animation:aifonts-filter-spin .75s linear infinite}
.aifonts-results-loading{opacity:.46;pointer-events:none;transition:opacity .18s ease}
#masonry-container .post-card.loaded{opacity:1;transform:translateY(0)}
.aifonts-filter-empty{position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#777;text-align:center}
.aifonts-filter-empty strong{font-size:18px;color:#333}
.aifonts-filter-empty a{margin-top:8px;color:#ff385c;cursor:pointer}
.aifonts-filter-empty a:hover{text-decoration:underline}
.aifonts-filter-count{margin:-12px 20px 12px 20px;color:#888;font-size:13px}
@keyframes aifonts-filter-spin{to{transform:rotate(360deg)}}

@media (max-width:768px){
.aifonts-filter{margin-bottom:20px;padding:12px}
.aifonts-filter__status{align-items:flex-start;gap:10px;padding-bottom:10px}
.aifonts-filter__selected-label{width:100%}
.aifonts-filter__clear{white-space:nowrap}
.aifonts-filter__dimension{grid-template-columns:76px minmax(0,1fr) 22px;gap:8px;padding:10px 0}
.aifonts-filter__dimension-title{font-size:13px}
.aifonts-filter__guide{gap:3px 16px}
.aifonts-filter-count{margin:-6px 12px 0}
}