#tl{height:46px;background:var(--card);border-radius:10px;touch-action:none;position:relative}
#tr{position:absolute;left:14px;right:14px;top:0;bottom:0}
#tr:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--mut);opacity:.35}
#ph{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--fg);pointer-events:none}
.rg{position:absolute;top:8px;bottom:8px;background:var(--ac);opacity:.28;border-radius:3px;cursor:grab}
.rg.dg{opacity:.45;cursor:grabbing}
.mk{position:absolute;top:0;bottom:0;width:28px;margin-left:-14px}
.mk svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round}
.mk.in svg{stroke:var(--in)}.mk.out svg{stroke:var(--out)}
.mk.un svg{opacity:.5;stroke-dasharray:4 4}
.mk.sel{background:rgba(127,127,127,.3);border-radius:6px}
.mk.sel svg{stroke-width:4.5}
#chips{display:flex;gap:5px;overflow-x:auto;height:26px;flex:none;scrollbar-width:none}
#chips::-webkit-scrollbar{display:none}
.ch{flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:13px;background:var(--ac);color:#fff;font-size:12px;white-space:nowrap}
.ch .n{opacity:.7}
.ch .tm{opacity:.85}
.ch b{font-weight:800;font-size:13px}
#chips .none{color:var(--mut);align-self:center;font-size:12px}