.gallery-native-source{display:none!important}
.filter-gallery-control{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle}
.filter-gallery-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;max-width:100%;padding:9px 13px;border:1px solid #d5e1e9;border-radius:12px;background:#f8fbfc;color:#29485f;font:inherit;font-size:13px;text-align:start;cursor:pointer}
.filter-gallery-trigger>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.filter-gallery-trigger-icon{display:flex;color:#337a70}.filter-gallery-trigger svg,.filter-gallery-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.topic-filter .filter-gallery-control,.grammar-controls .filter-gallery-control,.session-options .filter-gallery-control{width:100%}.session-options .filter-gallery-control{margin-top:6px}.filter-row .filter-gallery-control{max-width:320px}.word-filters .filter-gallery-control{flex:1}
.filter-gallery-panel{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(700px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 40px);padding:0;border:1px solid #dae5e9;border-radius:24px;background:#fff;color:#17354a;box-shadow:0 24px 90px #10283e38;direction:rtl;font-family:inherit}
.filter-gallery-panel:popover-open{display:flex;flex-direction:column;overflow:hidden}.filter-gallery-panel::backdrop{background:#142d4333;backdrop-filter:blur(2px)}
.filter-gallery-panel header{display:flex;justify-content:space-between;gap:15px;padding:21px 23px 16px;background:linear-gradient(120deg,#edf7f3,#f5f8fc);border-bottom:1px solid #e3ecee}.filter-gallery-eyebrow{font-size:11px;color:#39776c;font-weight:700}.filter-gallery-panel h2{font-size:22px;margin:6px 0}.filter-gallery-panel header p{font-size:13px;color:#607487;margin:0}.filter-gallery-close{width:40px;height:40px;flex-shrink:0;border:1px solid #dbe5e9;border-radius:50%;background:white;font-size:25px;cursor:pointer}.filter-gallery-search{padding:13px 20px}.filter-gallery-search input{width:100%;padding:11px 14px;min-height:44px;border:1px solid #dbe5eb;border-radius:12px;background:#f8fafc;font:inherit;font-size:14px;box-sizing:border-box}
.filter-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;overflow:auto;min-height:0;padding:2px 20px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9d3c9 transparent}
.filter-gallery-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;border:1px solid #e0e7ee;border-radius:15px;background:#fafcfd;min-width:0;font-size:13px;line-height:1.7;cursor:pointer;overflow-wrap:anywhere}.filter-gallery-tile[hidden]{display:none}.filter-gallery-tile:hover{border-color:#afc9cf;background:#f0f6f8}.filter-gallery-tile:has(input:checked){background:#eaf6f1;border-color:#368a74}.filter-gallery-tile:has(input:disabled){opacity:.5;cursor:not-allowed}.filter-gallery-tile:has(input:focus-visible){outline:3px solid #365fcc;outline-offset:2px}.filter-gallery-tile input{position:absolute;top:15px;left:14px;width:18px;height:18px;margin:0;accent-color:#23745f}.filter-gallery-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6f0f4;color:#36766e}
.filter-gallery-panel footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #e2ebee;background:white}.filter-gallery-panel footer span{font-size:12px;color:#607585}.filter-gallery-done{min-height:44px;background:#1c5c53;color:#fff;padding:10px 20px;border:0;border-radius:12px;font:inherit;font-size:14px;cursor:pointer}
@media(max-width:650px){.filter-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 12px 14px;gap:8px}.filter-gallery-panel header{padding:17px}.filter-gallery-panel h2{font-size:20px}.filter-gallery-search{padding:12px}.filter-gallery-panel footer{padding:12px}.filter-gallery-control{max-width:100%}.filter-row .filter-gallery-control{max-width:100%;flex:1}.filter-gallery-trigger{min-width:0}}