.gallery-page{width:100%;padding:48px 0 80px}.gallery-layout{display:grid;grid-template-columns:1fr;align-items:start;gap:28px}.gallery-aside{padding:24px}.gallery-aside-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.gallery-aside-header .filter-title{color:var(--txt-tertiary);margin:0}.filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--border-primary);background-color:var(--bg-white);color:var(--txt-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle:hover{border-color:var(--bg-primary);background-color:var(--bg-grey);color:var(--txt-tertiary)}.filter-toggle svg{width:15px;height:15px;stroke-width:2.2}.filter-panel{display:none;width:100%}.filter-panel.filter-panel-open{display:flex;flex-direction:column;padding-top:18px;margin-top:18px;border-top:1px solid var(--border-primary)}.search-field{position:relative;width:100%;margin-bottom:4px}.search-field .search-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--txt-disabled);pointer-events:none}.search-field .search-field-input{width:100%;height:42px;padding:0 36px 0 38px;border-radius:12px;border:1px solid var(--border-primary);background-color:var(--bg-white);color:var(--txt-primary);font-size:13px;font-family:inherit;outline:none;transition:all .2s ease}.search-field .search-field-input::placeholder{color:var(--txt-disabled)}.search-field .search-field-input:focus{border-color:var(--bg-primary);box-shadow:0 0 0 3px rgba(66,98,117,.15)}.search-field .search-field-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background-color:var(--bg-quaternary);color:var(--txt-disabled);cursor:pointer;transition:all .15s ease}.search-field .search-field-clear:hover{background-color:var(--border-primary);color:var(--txt-primary)}.filter-group{display:flex;flex-direction:column;gap:8px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border-primary)}.filter-label{margin-bottom:2px;color:var(--txt-disabled);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.filter-option{width:100%;min-width:0;min-height:38px;justify-content:space-between;padding:0 14px;border-radius:10px;font-size:13px;font-weight:500;background-color:var(--bg-white);border-color:var(--border-primary);color:var(--txt-primary);transition:all .2s ease}.filter-option:hover:not(:disabled){background-color:var(--bg-grey);border-color:var(--bg-primary);color:var(--txt-tertiary)}.filter-option.filter-option-active{background-color:var(--bg-tertiary);border-color:var(--bg-primary);color:var(--txt-tertiary);font-weight:600}.filter-option .filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;background-color:rgba(66,98,117,.12);color:var(--txt-tertiary)}.gallery-main{width:100%}.gallery-grid{display:grid;grid-template-columns:1fr;gap:24px}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;background-color:var(--bg-white);border:1px dashed var(--border-primary);border-radius:20px;gap:16px}.gallery-empty .gallery-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--bg-quaternary);color:var(--txt-disabled)}.gallery-empty .gallery-empty-title{color:var(--txt-tertiary)}.gallery-empty .gallery-empty-description{color:var(--txt-disabled);max-width:400px}@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.gallery-page{padding:76px 0 110px}.gallery-layout{grid-template-columns:240px 1fr;gap:32px}.gallery-aside{position:sticky;top:100px;display:flex;flex-direction:column;gap:0}.gallery-aside-header .filter-toggle{display:none}.gallery-aside-header .filter-title{margin-bottom:20px}.filter-panel{display:flex!important;flex-direction:column;padding-top:0;margin-top:0;border-top:0}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}