.post-filter-block{margin-bottom:2rem;display:inline-block;width:auto;max-width:100%;z-index:50}.post-filter-preview{padding:1.5rem;border:1px solid #e0e0e0;border-radius:4px;background:#f9f9f9}.post-filter-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.post-filter-header h4{margin:0;font-size:1rem}.post-filter-placeholder{color:#757575;font-style:italic}.post-filter-enabled-list ul{margin:.5rem 0;padding-left:1.5rem}.post-filter-enabled-list li{margin:.25rem 0}.post-filter-preview-sample{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-height:44px}.post-filter-preview-label{display:flex;align-items:center}.post-filter-container{display:inline-flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;vertical-align:top}.post-filter-group{position:relative;min-width:200px}.post-filter-dropdown{position:relative}.post-filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;cursor:pointer;font-size:1rem;width:100%;transition:all .2s;white-space:nowrap}.post-filter-toggle-content{display:flex;align-items:center;gap:.5rem;flex:1}.post-filter-icon{display:inline-flex;align-items:center;color:currentColor;flex-shrink:0}.post-filter-block.no-icon .post-filter-icon{display:none}.post-filter-toggle:hover{border-color:#999;background:#f9f9f9}.post-filter-toggle.is-open{border-color:#999}.post-filter-toggle-icon{display:none}.post-filter-dropdown-content{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:100;display:none}.post-filter-dropdown.is-open .post-filter-dropdown-content{display:block}.post-filter-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #ddd;background:#f9f9f9}.post-filter-dropdown-title{font-weight:600;color:#333}.post-filter-dropdown-clear{color:#1e73be;font-size:.875rem;text-decoration:none;cursor:pointer;transition:color .2s}.post-filter-dropdown-clear:hover{color:#155a8a;text-decoration:underline}.post-filter-option{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:background .2s;white-space:nowrap}.post-filter-option:hover{background:rgba(0,0,0,.05)}.post-filter-option input[type=checkbox]{margin:0 .5rem 0 0;cursor:pointer}.post-filter-option-label{flex:1;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.post-filter-count{font-size:.875rem;color:#757575;margin-left:.5rem}.post-filter--minimal .post-filter-toggle{border:none;border-bottom:2px solid #ddd;border-radius:0;background:0 0}.post-filter--minimal .post-filter-toggle:hover{border-bottom-color:#999;background:0 0}.post-filter--minimal .post-filter-dropdown-content{border-radius:4px;border:1px solid #999;margin-top:5px}.post-filter--minimal .post-filter-dropdown-footer{background:0 0;border-top-color:#e0e0e0}.post-filter-active-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1e73be;color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;margin-left:.5rem}.post-filter-block.no-active-count .post-filter-active-count{display:none}.post-filter-loading{opacity:.6;pointer-events:none}.post-filter-active-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;min-height:2.5rem}.post-filter-active-tags:empty{visibility:hidden}.post-filter-tag{display:inline-flex;align-items:center;gap:.1rem;padding:.25rem .75rem;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:16px;font-size:.875rem;line-height:1.4;transition:all .2s}.post-filter-tag:hover{background:#e0e0e0}.post-filter-tag-text{color:#333}.post-filter-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:0 0;border:none;border-radius:50%;cursor:pointer;padding:0;color:#666;transition:all .2s;line-height:1}.post-filter-tag-remove:hover{background:rgba(0,0,0,.1);color:#000}.post-filter-tag-remove svg{width:22px;height:22px}@media (max-width:768px){.post-filter-container{flex-direction:column}.post-filter-group{width:100%}}