.listing{align-items:center;column-gap:var(--space-3);grid-template-columns:auto 1fr;grid-template-areas:"toggle sort""chips chips""results results";display:grid}.filter-toggle{margin-bottom:var(--space-4);grid-area:toggle}.listing-sort{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);grid-area:sort;min-width:0;display:flex}.listing-sort .field-inline{justify-content:flex-end;min-width:0}.listing-sort .select-wrap{flex:0 auto;min-width:0}.listing-sort .field-label{white-space:nowrap}.listing-sort .select{width:auto;max-width:100%}.listing-chips{margin-bottom:var(--space-4);grid-area:chips}.listing-results{grid-area:results;align-self:start}.empty-state{padding:var(--space-7) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted)}.filter-form{gap:var(--space-4);flex-direction:column;display:flex}.range-inputs{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.filter-actions{padding-block:var(--space-3) max(var(--space-3), env(safe-area-inset-bottom));background:var(--color-surface);position:sticky;bottom:0}.filter-backdrop{z-index:var(--z-drawer);background:var(--color-scrim);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease), visibility var(--dur-base);position:fixed;inset:0}.filter-backdrop[data-open=true]{opacity:1;visibility:visible}.filter-panel{z-index:var(--z-drawer);max-height:85dvh;padding:0 max(var(--space-4), env(safe-area-inset-left)) 0 max(var(--space-4), env(safe-area-inset-right));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-2);overscroll-behavior:contain;visibility:hidden;transition:transform var(--dur-base) var(--ease), visibility var(--dur-base);flex-direction:column;display:flex;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.filter-panel[data-open=true]{visibility:visible;transition:transform var(--dur-base) var(--ease);transform:none}.filter-panel-head{z-index:1;margin-bottom:var(--space-4);background:var(--color-surface);position:sticky;top:0}@media (min-width:1024px){.listing{column-gap:var(--space-6);grid-template:"side sort""side chips""side results"1fr/minmax(0,3fr) minmax(0,9fr);align-items:start}.filter-toggle,.filter-backdrop,.filter-panel-head .icon-button{display:none}.filter-panel{top:calc(var(--header-h) + var(--space-4));z-index:auto;max-height:calc(100svh - var(--header-h) - var(--space-6));padding:0 var(--space-1) 0 0;box-shadow:none;visibility:visible;border-radius:0;grid-area:side;transition:none;position:sticky;inset:auto;transform:none}.filter-panel-head{min-height:0;padding-bottom:var(--space-3)}}.filter-hint{min-height:calc(var(--fs-sm) * 1.5);margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.filter-actions .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}@media (min-width:1024px){.filter-form[data-live=true] .filter-actions{display:none}}