.design-section .section-heading{align-items:center;position:relative}.heading-tools{display:flex;align-items:center;justify-content:flex-end;gap:17px;position:relative}.heading-tools>p{font-size:11px;line-height:1.65;color:#687361;margin:0}.library-options{position:relative;z-index:5;flex:none}.library-options>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;min-height:43px;min-width:112px;padding:0 12px;border:1px solid #cbd5c0;border-radius:4px;background:#f7f8f4;color:#34482a;font-size:11px;transition:background .2s,border-color .2s}.library-options>summary::-webkit-details-marker{display:none}.library-options>summary:hover,.library-options[open]>summary{background:#edf3e1;border-color:#b4c59f}.library-options>summary:focus-visible{outline:3px solid #537c18;outline-offset:3px}.library-options>summary svg{width:17px;height:17px;fill:none;stroke:#657a50;stroke-width:1.5;stroke-linecap:round}.options-caret{font-size:16px;line-height:.7;color:#778867;transition:transform .2s}.library-options[open] .options-caret{transform:rotate(180deg)}.options-current{font-size:9px;color:#778867;white-space:nowrap}.filter-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(390px,calc(100vw - 40px));padding:17px;background:#fbfcf8;border:1px solid #d7e0cc;border-radius:6px;box-shadow:0 14px 36px #25371a20}.filter-panel>p{margin:0 0 12px;font-size:11px;color:#617151}.filter-chip-list{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:6px 10px;border:1px solid #d9e1d1;border-radius:4px;background:#f7f8f4;color:#435538;font-size:10px;transition:background .16s,border-color .16s}.filter-chip small{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e8ede1;color:#78866b;font-size:8px}.filter-chip:hover,.filter-chip[aria-pressed=true]{background:#edf3e1;border-color:#b2c59c}.filter-chip[aria-pressed=true] small{background:#dbe8c7;color:#4e663c}.filter-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.card[hidden]{display:none!important}
@media(max-width:900px){.heading-tools{gap:10px}.heading-tools>p{font-size:10px;max-width:210px}.library-options>summary{gap:6px;min-width:auto;padding:0 10px}.options-current{font-size:8px}}
@media(max-width:640px){.design-section .section-heading{display:block}.heading-tools{margin-top:14px;justify-content:space-between;gap:12px}.heading-tools>p{font-size:10px;max-width:none;padding-right:8px;line-height:1.55}.library-options>summary{min-height:44px;min-width:105px;padding:0 10px;font-size:10px}.filter-panel{width:min(355px,calc(100vw - 36px));padding:15px;right:0}.filter-chip{min-height:40px;font-size:10px}.options-current{max-width:90px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){.library-options>summary,.options-caret,.filter-chip{transition:none}}