.cx{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.cx-side{position:sticky;top:86px;max-height:calc(100vh - 104px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cx-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:16px}.cx-side-x,.cx-side-foot,.cx-filter-btn,.cx-scrim{display:none}.cx-side-body{flex:1;min-height:0;overflow-y:auto;padding:6px 16px 14px}.cx-fs{border:0;margin:0;padding:12px 0 10px;border-bottom:1px solid var(--line)}.cx-fs:last-child{border-bottom:0}.cx-fs legend{float:left;width:100%;padding:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cx-opt{clear:both;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:5px 0;font-size:14.5px;color:var(--ink-2);cursor:pointer}.cx-opt input{width:17px;height:17px;margin:0;accent-color:var(--saffron);cursor:pointer}.cx-opt span{line-height:1.35}.cx-opt b{color:var(--ink)}.cx-opt em{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);background:var(--bg-tint);padding:1px 7px;border-radius:999px}.cx-opt:hover span{color:var(--ink)}.cx-opt.zero{opacity:.45}.cx-sub{margin:2px 0 6px 9px;padding-left:16px;border-left:2px solid var(--line)}.cx-sub .cx-opt{font-size:14px}.cx-main{min-width:0}.cx-bar{display:flex;gap:10px;align-items:center}.cx-search{position:relative;flex:1}.cx-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.cx-search input{width:100%;font:inherit;font-size:15px;padding:13px 14px 13px 42px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.cx-search input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 4px #f08a2424}.cx-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);font-weight:600;white-space:nowrap}.cx-sort select{font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);padding:11px 34px 11px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2375718F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer}.cx-fcount{min-width:20px;height:20px;border-radius:999px;background:var(--saffron);color:#fff;font-size:12px;display:inline-grid;place-items:center;padding:0 5px}.cx-fcount[hidden]{display:none}.cx-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:16px 0 14px;min-height:34px}.cx-count{margin:0;color:var(--ink-2);font-size:15px}.cx-count b{color:var(--ink)}.cx-chips{display:flex;flex-wrap:wrap;gap:6px}.cx-chip{font:inherit;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-radius:999px;border:1px solid var(--saffron);background:var(--saffron-50);color:var(--saffron-ink);cursor:pointer}.cx-chip:after{content:"";width:11px;height:11px;background:currentColor;-webkit-mask:var(--i-x) center / contain no-repeat;mask:var(--i-x) center / contain no-repeat}.cx-chip:hover{background:#ffe2bf}.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.cx-empty{text-align:center;padding:56px 20px;border:1.5px dashed var(--line-2);border-radius:var(--radius);color:var(--muted)}.cx-empty b{color:var(--ink);font-size:18px}.cx-empty[hidden]{display:none}.cx-more{display:flex;justify-content:center;margin-top:26px}.cx-more [hidden]{display:none}@media(max-width:920px){.cx{grid-template-columns:1fr}.cx-filter-btn{display:inline-flex;padding:12px 14px}.cx-sort span{display:none}.cx-side{position:fixed;z-index:80;inset:auto 0 0;max-height:86vh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.25,1);box-shadow:0 -20px 40px #1e1b392e}.side-on .cx-side{transform:none}.cx-side-x{display:inline-block}.cx-side-foot{display:block;padding:12px 16px 16px;border-top:1px solid var(--line)}.cx-scrim{position:fixed;inset:0;z-index:79;background:#1e1b396b}.side-on .cx-scrim{display:block}}@media(max-width:560px){.cx-bar{flex-wrap:wrap}.cx-search{flex-basis:100%}.cx-filter-btn,.cx-sort{flex:1}.cx-sort select{width:100%}.cx-grid{grid-template-columns:1fr}}