.media-filter-bar{display:grid;gap:14px;padding:16px;border:var(--theme-border-width) solid var(--border,var(--border-color));border-radius:var(--theme-radius-card);background:var(--surface,var(--bg-surface))}
.media-filter-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(250px,1.6fr) minmax(160px,.8fr) minmax(170px,.8fr);gap:12px;align-items:end}
.media-filter-field{display:grid;gap:7px}.media-filter-field label{font-size:12px;font-weight:var(--theme-weight-strong);color:var(--muted,var(--text-sub))}
.media-duration-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:7px;align-items:center}.media-duration-row input{min-width:0}
.media-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.media-filter-summary{font-size:13px;color:var(--muted,var(--text-sub))}
.media-filter-toggle{display:none}.media-filter-error{padding:10px 12px;border-radius:var(--theme-radius-card);background:var(--theme-danger-soft);color:var(--semantic-danger);font-size:13px;font-weight:var(--theme-weight-medium)}
.media-next-wrap{display:flex;justify-content:center;margin-top:22px}.media-next-wrap .btn{min-width:140px}
@media(max-width:900px){.media-filter-grid{grid-template-columns:1fr 1fr}.media-duration-row{grid-template-columns:1fr auto 1fr auto}}
@media(max-width:640px){.media-filter-toggle{display:inline-flex}.media-filter-panel{display:none}.media-filter-panel.is-open{display:block}.media-filter-bar{padding:14px}.media-filter-grid{grid-template-columns:1fr}.media-duration-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}.media-filter-actions .btn{min-height:44px}.media-filter-actions{display:grid;grid-template-columns:1fr 1fr}.media-filter-actions .btn{width:100%}}