.lf-box{--lf-line:color-mix(in srgb,var(--ink) 20%,var(--bg));border:1px solid var(--lf-line);height:32px;min-height:0;font:12px/1 var(--archive-font-sans);letter-spacing:0;white-space:nowrap;color:var(--ink);align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.lf-box:before{content:"";position:absolute;inset:-6px 0}.lf-box .mono{font-family:var(--archive-font-mono);letter-spacing:.04em;color:var(--mute);font-size:10px}.lf-box[aria-pressed=true],.lf-box.is-set{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lf-box[aria-pressed=true] .mono,.lf-box.is-set .mono{color:color-mix(in srgb,var(--bg) 65%,var(--ink))}.lf-row{flex-wrap:wrap;align-items:center;gap:8px 6px;display:flex}.lf-end{align-items:center;gap:6px;margin-left:auto;display:flex}.lf-dd{position:relative}.lf-dd-button[aria-expanded=true]:not(.is-set){border-color:var(--ink)}.lf-dd-sign{justify-content:center;width:10px;font-size:9px;display:inline-flex}.lf-dd-sign:before{content:"▾";display:inline-block}.lf-dd-button[aria-expanded=true] .lf-dd-sign:before{transform:rotate(180deg)}.lf-dd-panel{z-index:8;border:1px solid var(--ink);background:var(--bg);min-width:220px;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 10%,transparent);padding:10px;position:absolute;top:calc(100% + 6px);right:0}.lf-dd-panel[hidden]{display:none}.lf-dd-list{flex-direction:column;display:flex}.lf-option{min-height:40px;font:13px var(--archive-font-sans);letter-spacing:0;text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:0 14px 0 8px;display:flex}.lf-option .mono{font-family:var(--archive-font-mono);color:var(--mute);font-size:10px}.lf-option[aria-pressed=true]{background:var(--ink);color:var(--bg)}.lf-option[aria-pressed=true] .mono{color:inherit}@media (hover:hover){.lf-option:hover:not([aria-pressed=true]){background:var(--panel)}}.lf-active{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0;display:flex}.lf-active[hidden]{display:none}.lf-active-label{font:11px var(--archive-font-mono);letter-spacing:.04em;color:var(--mute)}.lf-chip{background:var(--ink);height:24px;min-height:0;color:var(--bg);font:12px var(--archive-font-sans);letter-spacing:0;white-space:nowrap;align-items:center;padding:0 8px;display:inline-flex;position:relative}.lf-chip:before{content:"";position:absolute;inset:-10px 0}.lf-active-clear{height:24px;min-height:24px;font:12px var(--archive-font-sans);letter-spacing:0;text-underline-offset:4px;text-decoration:underline;position:relative}.lf-active-clear:before{content:"";position:absolute;inset:-10px 0}.lf-mobile{display:none}.lf-tabs{scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.lf-tabs::-webkit-scrollbar{display:none}.lf-tabs button{min-height:44px;font:10px var(--archive-font-sans);letter-spacing:0;white-space:nowrap;flex:none;gap:6px;padding:8px 0}.lf-tabs button .mono{font-family:var(--archive-font-mono);color:var(--mute);font-size:9px}.lf-tabs button>span:first-child{position:relative}.lf-tabs button[aria-pressed=true]>span:first-child:after{content:"";border-bottom:1px solid var(--ink);position:absolute;inset:auto 0 -3px}.lf-drawer:not([open]){display:none}.lf-drawer{border:0;border-top:1px solid var(--ink);width:100%;max-width:none;max-height:88svh;padding:20px 16px max(20px,env(safe-area-inset-bottom));background:var(--bg);color:var(--ink);margin:0;position:fixed;inset:auto 0 0;overflow:auto}.lf-drawer::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent)}.lf-drawer-heading{justify-content:space-between;align-items:center;display:flex}.lf-drawer-heading h2{margin:0;font-size:13px;font-weight:400}.lf-drawer-heading button{font-size:12px}.lf-drawer-group{margin:16px 0}.lf-drawer-label{color:var(--mute);font:10px var(--archive-font-mono);letter-spacing:.04em;margin-bottom:8px;display:block}.lf-drawer-group>div{flex-wrap:wrap;gap:8px;display:flex}.lf-drawer-group button{border:1px solid color-mix(in srgb,var(--ink) 20%,var(--bg));min-height:44px;font:12px var(--archive-font-sans);letter-spacing:0;gap:6px;padding:8px 13px}.lf-drawer-group button .mono{font-family:var(--archive-font-mono);color:var(--mute);font-size:10px}.lf-drawer-group button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.lf-drawer-group button[aria-pressed=true] .mono{color:inherit}.lf-drawer-footer{grid-template-columns:1fr 2fr;gap:10px;margin-top:24px;display:grid}.lf-drawer-footer button{border:1px solid var(--ink);justify-content:center;min-height:48px;font-size:13px}.lf-drawer-footer button:last-child{background:var(--ink);color:var(--bg)}