.avatar-gallery{color:#173e45;background:#f5f9f8;border:1px solid #c3d9d7;border-radius:20px;padding:24px;font-size:18px;line-height:1.5}.avatar-gallery *{box-sizing:border-box}.avatar-gallery h2{margin:0 0 10px;font-size:30px}.avatar-gallery-filters{grid-template-columns:1fr 1fr;gap:20px;max-width:600px;display:grid}.avatar-gallery label{gap:6px;font-size:18px;font-weight:650;display:grid}.avatar-gallery select{color:#173e45;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #547c82;border-radius:10px;padding:10px 14px}.avatar-gallery-hint{font-size:16px}.avatar-gallery-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.avatar-gallery-list{min-width:0}.avatar-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.avatar-gallery button{font:inherit;cursor:pointer;color:#173e45;background:#fff;border:2px solid #a8c6c5;border-radius:12px;min-height:52px;padding:10px}.avatar-gallery-grid button{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-width:0;padding:6px 6px 10px;display:flex;position:relative}.avatar-gallery-grid img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.avatar-gallery-grid button>span{font-size:15px;line-height:1.3}.avatar-gallery-grid button[aria-pressed=true]{background:#e6f4f1;border-color:#087f7a;box-shadow:0 0 0 3px #087f7a}.avatar-gallery button:disabled{opacity:.6;cursor:default}.avatar-gallery :is(button,select):focus-visible{outline-offset:4px;outline:4px solid #b47b23}.avatar-gallery-preview{text-align:center;background:#fff;border:1px solid #c3d9d7;border-radius:16px;gap:12px;padding:20px;display:grid;position:sticky;top:16px}.avatar-gallery-preview h3,.avatar-gallery-preview p{margin:0}.avatar-gallery-preview>img,.avatar-gallery-preview>.treff-avatar{object-fit:contain;width:100%;height:auto;max-height:310px;display:block}.avatar-gallery .avatar-gallery-confirm{color:#fff;background:#087f7a;border-color:#087f7a;font-weight:700}.avatar-gallery-check{color:#fff;background:#087f7a;border-radius:50%;place-items:center;min-width:30px;min-height:30px;display:grid;position:absolute;top:7px;right:7px;font-size:22px!important}.avatar-gallery-expand{width:100%;margin-top:18px}.gallery-avatar{object-fit:contain;display:block}@media (min-width:1500px){.avatar-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.avatar-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-gallery-workspace{grid-template-columns:minmax(0,1fr) 250px}}@media (max-width:700px){.avatar-gallery{padding:16px}.avatar-gallery h2{font-size:26px}.avatar-gallery-filters{gap:12px}.avatar-gallery-workspace{grid-template-columns:1fr;gap:18px}.avatar-gallery-preview{grid-row:1;padding:16px;position:static}.avatar-gallery-preview>img,.avatar-gallery-preview>.treff-avatar{justify-self:center;max-width:240px;max-height:200px}.avatar-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.avatar-gallery-preview p{font-size:16px}.avatar-gallery button{min-height:56px}.avatar-gallery-preview.is-empty{display:none}}