#filter-open{border:1px solid var(--line);border-radius:6px;padding:0 12px;gap:8px;white-space:nowrap}#filter-open.has-filters{background:var(--ink);color:var(--paper)}.filter-summary{min-height:40px;display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;margin:0 30px 8px;flex-shrink:0;font-size:12px;scrollbar-width:thin}.filter-count{font-family:var(--mono);color:var(--ink);padding-right:8px}.filter-summary button{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:20px;min-height:28px;padding:4px 12px}.filter-summary .filter-clear-all{border-color:transparent;background:none;color:var(--muted)}.filter-empty-label{color:var(--muted)}#filters{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}#filter-title{margin:12px 48px 24px 0}.filter-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:12px 16px;border-radius:8px}.filter-search input{width:100%;border:0;background:none;font-size:16px;color:var(--ink);outline-offset:6px}.filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin:24px 0}.filter-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.filter-fields select{width:100%;min-width:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);font-family:inherit;font-size:14px;min-height:44px;border-radius:6px;padding:8px 12px}#filter-content fieldset{border:0;padding:0;margin:24px 0}#filter-content legend{font-size:12px;color:var(--muted);margin-bottom:12px}.filter-domain{display:flex;gap:12px}.filter-domain label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:6px;flex:1;font-size:14px}.filter-domain label:has(:checked){border-color:var(--color);background:var(--panel);color:var(--color)}.filter-domain input{accent-color:var(--color)}.filter-presets{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.filter-presets>span{color:var(--muted);margin-right:8px}.filter-presets button{border:1px solid var(--line);border-radius:20px;padding:8px 12px;min-height:36px}.filter-footer{position:sticky;bottom:-32px;background:var(--paper);display:flex;gap:16px;justify-content:space-between;padding:24px 0 0;margin-top:24px}.filter-footer button{display:flex;gap:8px;align-items:center;min-height:44px;padding:12px 16px;font-size:14px;border-radius:6px}#filter-apply{background:var(--ink);color:var(--paper)}#timeline-empty{position:absolute;z-index:7;inset:0;display:grid;place-content:center;text-align:center;gap:16px;background:var(--paper)}#timeline-empty[hidden]{display:none}#timeline-empty p{color:var(--muted);font-size:14px}#timeline-empty button{justify-self:center;border:1px solid var(--line);border-radius:6px;padding:12px 24px;font-size:14px}.atlas.is-empty .viewport,.atlas.is-empty .lane-labels{visibility:hidden}
@media(max-width:700px){.filter-summary{margin:0 14px 8px;min-height:36px}.filter-empty-label{display:none}#filters{padding:24px}#filter-title{font-size:24px;line-height:32px}.filter-fields{gap:16px 12px}.filter-footer{bottom:-24px}.filter-presets{gap:8px}.filter-presets>span{width:100%}.filter-summary button{min-height:32px}#filter-open span{display:none}#filter-open{min-width:40px;padding:8px}}