.category-picker{min-width:0;position:relative}.cp-trigger{display:flex;align-items:center;gap:8px;min-width:0;width:100%;height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);text-align:left;font-size:12px;line-height:1.5}.cp-trigger>img{width:26px;height:24px;object-fit:contain;flex-shrink:0}.cp-trigger>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-trigger>svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.4;flex-shrink:0}.cp-trigger:hover{border-color:#acb99b}.cp-trigger[aria-expanded=true]{border-color:var(--green);box-shadow:0 0 0 2px #758d6112}.cp-popover[popover],.cp-popover{position:fixed;inset:auto;margin:0;width:340px;max-width:calc(100vw - 24px);padding:0;border:1px solid #d8ddce;border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 18px 55px #203d292b;overflow:hidden;font-family:var(--sans);z-index:150}.cp-popover::backdrop{background:transparent}.cp-search{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--paper)}.cp-search>svg{width:17px;height:17px;fill:none;stroke:#8a967d;stroke-width:1.4;flex-shrink:0}.cp-search input{width:100%;min-width:0;outline-offset:2px;border:0!important;background:transparent!important;padding:2px!important;color:var(--ink);font:12px var(--sans);line-height:1.5}.cp-search input::placeholder{font-size:11px;color:var(--muted)}.cp-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px 8px;font-size:10px;color:var(--muted)}.cp-list-heading small{font-size:9px;color:#8e9983}.cp-options{max-height:225px;overflow:auto;overscroll-behavior:contain;padding:0 8px 6px;scrollbar-width:thin;scrollbar-color:#c8d0bd transparent}.cp-quick-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 8px;max-height:205px}.cp-option{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:5px 9px;border:1px solid transparent;border-radius:6px;text-align:left;background:transparent;color:var(--ink);font:11px var(--sans);line-height:1.5}.cp-option img{height:31px;width:36px;object-fit:contain;flex-shrink:0}.cp-option span{min-width:0;flex:1;overflow-wrap:anywhere}.cp-option i{font-size:12px;font-style:normal;color:var(--green);width:14px;flex-shrink:0;text-align:center}.cp-option:hover,.cp-option.is-active{background:var(--light);border-color:#d1dbc4}.cp-option[aria-selected=true]{background:#edf1e5;border-color:#cbd6bd}.cp-quick-options .cp-option{padding:6px 7px;gap:6px;background:#f7f7ef;border-color:#e9ecdf;font-size:10px;min-height:43px}.cp-quick-options .cp-option img{height:27px;width:31px}.cp-group{font-size:9px;color:var(--muted);letter-spacing:.6px;padding:9px 10px 4px;border-top:1px solid var(--line);margin-top:5px}.cp-group:first-child{border:0;margin-top:0}.cp-more{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 24px);margin:1px 12px 8px;padding:10px;border:1px dashed #c6d0b8;border-radius:6px;background:#f2f4e9;font:11px var(--sans);color:var(--green);text-align:left}.cp-more>span{font-size:9px;color:#839275}.cp-more:hover{background:#e9efdf}.cp-help{font-size:9px;color:var(--muted);margin:0;padding:8px 14px 10px;border-top:1px solid var(--line);line-height:1.65}.cp-empty{padding:16px 10px;font-size:11px;color:var(--muted);margin:0;line-height:1.8}.cp-custom{background:#edf1e5;border-color:#d8dfcc;margin-top:5px}.dark-mode .cp-popover{border-color:var(--line)}.dark-mode .cp-option[aria-selected=true],.dark-mode .cp-more,.dark-mode .cp-quick-options .cp-option{background:#31442d;border-color:#4b6240}.dark-mode .cp-option:hover,.dark-mode .cp-option.is-active{border-color:#6a805c;background:#3a5033}.toolbar>.category-picker{width:155px;flex:0 1 155px}.toolbar .cp-trigger{height:35px;font-size:10px;padding:5px 9px}.toolbar .cp-trigger>img{width:22px;height:22px}
@media(max-width:680px){.cp-trigger{height:38px;font-size:12px}.cp-popover[popover],.cp-popover{border-radius:9px}.cp-search{padding:13px}.cp-search input{font-size:16px}.cp-search input::placeholder{font-size:11px}.cp-options{max-height:205px}.cp-option{min-height:43px;font-size:12px}.cp-quick-options .cp-option{min-height:44px;font-size:11px}.cp-more{min-height:43px;font-size:11px}.cp-more>span{font-size:8px}.toolbar>.category-picker{flex:1 1 145px;min-width:130px}}

.cp-popover:popover-open{display:flex;flex-direction:column}.cp-search,.cp-list-heading,.cp-more,.cp-help{flex-shrink:0}.cp-options{flex:1 1 auto;min-height:40px}.toolbar>.category-picker{order:1}.cp-more[hidden]{display:none}