#cg-library .library-filter-area{padding:20px;border:1px solid #e6e8df;border-radius:12px;background:#fafbf7}
#cg-library .library-filters,#cg-library .library-context-filters{gap:14px}
#cg-library .library-filters label,#cg-library .library-context-filters label{min-width:0;gap:8px}
#cg-library .library-context-filters label{flex:1 1 170px}
#cg-library .cg-filter-label{font-size:13px;line-height:1.4;color:#51564b;font-weight:600;letter-spacing:0}
#cg-library .cg-filter-trigger,#cg-library .library-filter-area select{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;height:auto;margin:0;padding:12px 14px;border:1px solid #cdd2c5;border-radius:8px;background:#fff;color:#181a17;text-align:left;text-transform:none;letter-spacing:0;font:400 16px/1.4 'CG Sans',Arial,sans-serif;box-shadow:0 1px 2px rgb(24 26 23 / 3%);transition:border-color .15s,background-color .15s,box-shadow .15s}
#cg-library .cg-filter-trigger>span:first-child{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#cg-library .cg-filter-trigger-arrow{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#f4f5ee;color:#51564b}
#cg-library .cg-filter-trigger svg{width:18px;height:18px;transition:transform .15s}
#cg-library .cg-filter-trigger:hover:not(:disabled){border-color:#9d9f85;background:#fffef6}
#cg-library .cg-filter-trigger.is-active{background:#fffbea;border-color:#baae53;box-shadow:none}
#cg-library .cg-filter-trigger.is-active .cg-filter-trigger-arrow{background:#ffe735;color:#181a17}
#cg-library .cg-filter-trigger[aria-expanded=true]{border-color:#847827;box-shadow:0 0 0 3px rgb(255 231 53 / 24%)}
#cg-library .cg-filter-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
#cg-library .cg-filter-trigger:focus-visible{outline:2px solid #181a17;outline-offset:3px}
#cg-library .library-filter-bottom{margin-top:16px}
#cg-library .library-filter-area [data-reset]{min-height:40px;padding:8px 13px;border:1px solid #d5d9cc;border-radius:6px;background:transparent;font-size:13px}
#cg-library .library-filter-area [data-reset]:hover{background:#fff}
#cg-library dialog.cg-filter-picker{position:fixed;inset:auto;width:min(380px,calc(100vw - 24px));height:auto;max-width:none;max-height:var(--cg-picker-max-height,420px);margin:0;padding:0;overflow:hidden;border:1px solid #d8ddcf;border-radius:12px;background:white;color:#181a17;box-shadow:0 18px 50px rgb(24 26 23 / 18%);font:400 16px/1.4 'CG Sans',Arial,sans-serif}
#cg-library dialog.cg-filter-picker[open]{display:flex;flex-direction:column}
#cg-library dialog.cg-filter-picker::backdrop{background:rgb(24 26 23 / 6%);backdrop-filter:none}
#cg-library .cg-filter-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:12px 14px 10px;border-bottom:1px solid #eef0e8}
#cg-library .cg-filter-picker-head h2{margin:0;font:600 14px/1.4 'CG Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#51564b}
#cg-library .cg-filter-picker-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:50%;background:#f4f5ee;color:#181a17;font:400 23px/1 Arial,sans-serif}
#cg-library .cg-filter-picker-close:hover{background:#ffe735}
#cg-library .cg-filter-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin;scrollbar-color:#c3c8b9 transparent}
#cg-library .cg-filter-picker-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin:0;padding:11px 12px;border:0;border-radius:7px;background:white;color:#181a17;text-align:left;font:400 16px/1.4 'CG Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none}
#cg-library .cg-filter-picker-option>span:first-child{min-width:0;overflow-wrap:anywhere}
#cg-library .cg-filter-picker-check{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#ffe735;opacity:0}
#cg-library .cg-filter-picker-check svg{width:16px;height:16px}
#cg-library .cg-filter-picker-option[aria-selected=true]{background:#fff8c9;font-weight:600}
#cg-library .cg-filter-picker-option[aria-selected=true] .cg-filter-picker-check{opacity:1}
#cg-library .cg-filter-picker-option:hover:not(:disabled){background:#f5f6ed}
#cg-library .cg-filter-picker-option[aria-selected=true]:hover{background:#fff3a7}
#cg-library .cg-filter-picker-option:focus{outline:none}
#cg-library .cg-filter-picker-option:focus-visible,#cg-library .cg-filter-picker-close:focus-visible{outline:2px solid #181a17;outline-offset:-3px}
@media(max-width:720px){#cg-library .library-filter-area{padding:14px;border-radius:10px}#cg-library .library-context-filters label{flex-basis:140px}#cg-library .cg-filter-trigger{gap:8px;padding:12px;min-height:52px}#cg-library .cg-filter-label{font-size:13px}}
@media(max-width:600px){#cg-library dialog.cg-filter-picker{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px)!important;max-height:calc(85vh - env(safe-area-inset-bottom));max-height:calc(85dvh - env(safe-area-inset-bottom));border-radius:16px;padding-bottom:4px}#cg-library dialog.cg-filter-picker::backdrop{background:rgb(24 26 23 / 28%)}#cg-library .cg-filter-picker-head{padding:14px 16px 12px}#cg-library .cg-filter-picker-head h2{font-size:16px}#cg-library .cg-filter-picker-close{width:40px;height:40px;flex-basis:40px}#cg-library .cg-filter-picker-list{padding:8px}#cg-library .cg-filter-picker-option{min-height:52px;padding:13px 14px}}
@media(prefers-reduced-motion:reduce){#cg-library .cg-filter-trigger,#cg-library .cg-filter-trigger svg{transition:none}}