.media-filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);margin:16px 0;overflow:hidden}.media-filters summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 16px;font-weight:650;list-style:none;display:flex}.media-filters summary::-webkit-details-marker{display:none}.media-filters summary span+span{color:var(--muted);font-size:13px;font-weight:400}.media-filters summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.media-filters .filter-form{padding:4px 16px 16px}.media-filters .filter-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;display:grid}.media-filters label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.media-filters input,.media-filters select{border:1px solid var(--control-border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:8px 10px;font-size:15px}.media-filters input:focus-visible,.media-filters select:focus-visible,.media-filters button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.media-filters .filter-people{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.media-filters .filter-help{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.6}.media-filters .filter-warning{color:var(--warn);background:var(--warn-soft);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px}.media-filters .filter-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.media-filters button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:8px 13px;font-weight:550}.media-filters button[type=submit]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.media-filters button:disabled,.media-filters input:disabled{opacity:.55;cursor:not-allowed}.media-filters .filter-selected{overflow-wrap:anywhere;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.media-filters .filter-selected button{min-height:32px;padding:4px 10px}.media-filters .filter-person-results{border:1px solid var(--line);border-radius:8px;max-height:230px;margin:8px 0;padding:0;list-style:none;overflow:auto}.media-filters .filter-person-results button{text-align:left;overflow-wrap:anywhere;border:0;border-radius:0;width:100%}.media-filters .filter-person-results button:hover{background:var(--surface-2)}@media (max-width:600px){.media-filters .filter-people{grid-template-columns:1fr}.media-filters summary{flex-direction:column;align-items:flex-start;gap:2px}.media-filters .filter-grid{grid-template-columns:1fr 1fr}.media-filters .filter-grid label:first-child{grid-column:1/-1}.media-filters .filter-form{padding:4px 12px 14px}}
