.gallery-view{max-width:1180px;margin:0 auto;padding:34px 38px 70px;min-height:calc(100vh - 112px)}
.gallery-view[hidden]{display:none}
.gallery-mode .hero,.gallery-mode [data-home-section]{display:none!important}
.gallery-mode .promo-bar,.gallery-mode .topbar{display:none!important}
.gallery-mode #gallery-view{display:block!important}
.gallery-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.gallery-breadcrumb{display:flex;gap:9px;align-items:center;color:#777980;font-size:12px;margin-bottom:25px}.gallery-breadcrumb button{background:transparent;color:#aeb0b7;padding:0}.gallery-breadcrumb button:hover{color:var(--yellow)}.gallery-breadcrumb b{font-weight:500;color:#ececef}
.gallery-view h1{font-size:34px;line-height:1;margin:7px 0 8px}.gallery-count{font-size:12px;color:#7e7f87;margin:0}.gallery-filters{display:flex;align-items:center;gap:18px;padding-bottom:3px}.favorite-filter{display:flex;align-items:center;gap:8px;height:36px;padding:0 11px;background:transparent;border:1px solid transparent;border-radius:7px;color:#b9bac0;font-size:12px;white-space:nowrap;cursor:pointer}.favorite-filter svg{width:16px;height:16px;stroke-width:1.8}.favorite-filter:hover,.favorite-filter.active{color:var(--yellow);background:#2a281b;border-color:#61551b}.favorite-filter.active svg{fill:var(--yellow)}.gallery-search{width:220px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#222326;border:1px solid #36373d;border-radius:7px;color:#777980}.gallery-search:focus-within{border-color:#77701e}.gallery-search svg{width:15px}.gallery-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#eee}.gallery-search input::placeholder{color:#777980}
.gallery-selection{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:10px 13px;background:#202125;border:1px solid #35363d;border-radius:7px;color:#cfd0d5;font-size:12px}.gallery-selection[hidden]{display:none}.gallery-selection strong{margin-right:auto}.gallery-selection button{background:transparent;color:#c1c2c7;font-size:12px}.gallery-selection button:hover{color:var(--yellow)}.gallery-selection .danger:hover{color:#ff8585}
.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.asset-card{position:relative;overflow:hidden;background:#202125;border:1px solid #303137;border-radius:9px;transition:border-color .2s,transform .2s}.asset-card:hover,.asset-card.selected{border-color:#7b6b17;transform:translateY(-2px)}.asset-preview{display:block;position:relative;width:100%;aspect-ratio:1/1;background:#111214;padding:0;overflow:hidden}.asset-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.asset-card:hover .asset-preview img{transform:scale(1.035)}.asset-zoom{position:absolute;inset:0;display:grid;place-items:center;background:#0007;color:#fff;opacity:0;transition:opacity .2s}.asset-card:hover .asset-zoom{opacity:1}.asset-zoom svg{width:25px;height:25px}.asset-check{position:absolute;top:10px;left:10px;z-index:2;opacity:0;cursor:pointer}.asset-card:hover .asset-check,.asset-card.selected .asset-check{opacity:1}.asset-check input{position:absolute;opacity:0}.asset-check span{display:block;width:19px;height:19px;border:1px solid #fff;background:#111b;border-radius:4px}.asset-check input:checked+span{background:var(--yellow);border-color:var(--yellow);box-shadow:inset 0 0 0 4px #202125}.asset-info{padding:12px 12px 9px}.asset-info p{height:36px;margin:0 0 7px;color:#dadbe0;font-size:11px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.asset-info small{display:block;color:#777980;font-size:10px;margin-bottom:8px}.asset-toolbar{display:flex;align-items:center;gap:2px;border-top:1px solid #303137;padding-top:7px}.asset-toolbar button,.asset-toolbar a{display:grid;place-items:center;width:27px;height:27px;background:transparent;color:#85868d;border-radius:5px}.asset-toolbar button:hover,.asset-toolbar a:hover,.asset-toolbar .asset-favorite.active{color:var(--yellow);background:#35301a}.asset-toolbar .asset-favorite.active svg{fill:var(--yellow)}.asset-toolbar svg{width:15px;height:15px}.gallery-empty{grid-column:1/-1;min-height:300px;display:grid;place-items:center;align-content:center;gap:9px;border:1px dashed #37383d;border-radius:9px;color:#777980}.gallery-empty svg{width:33px;height:33px;color:#55565d}.gallery-empty strong{color:#c7c8cd;font-size:15px}.gallery-empty span{font-size:11px}
@media(max-width:900px){.gallery-view{padding:28px 22px 50px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.gallery-view{padding:22px 15px 40px}.gallery-topline{align-items:flex-start;flex-direction:column;gap:18px}.gallery-view h1{font-size:28px}.gallery-filters{width:100%;justify-content:space-between}.gallery-search{width:min(190px,55vw)}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-info{padding:10px 9px 8px}.asset-toolbar button,.asset-toolbar a{width:25px;height:25px}.asset-toolbar svg{width:14px}}
.asset-preview video{display:block;width:100%;height:100%;object-fit:cover;background:#111214}.asset-video-badge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#111c;color:#fff;pointer-events:none}.asset-video-badge svg{width:14px;height:14px;fill:currentColor}.gallery-video-viewer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:36px;background:#050506ed}.gallery-video-viewer[hidden]{display:none}.gallery-video-viewer video{display:block;max-width:min(1100px,92vw);max-height:82vh;width:auto;height:auto;background:#000;box-shadow:0 22px 70px #000b}.gallery-video-close{position:absolute;top:22px;right:24px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #45464c;border-radius:50%;background:#232428;color:#fff}.gallery-video-close:hover{color:var(--yellow);border-color:var(--yellow)}.gallery-video-close svg{width:20px;height:20px}
.asset-audio-cover{display:grid;place-items:center;align-content:center;gap:10px;width:100%;height:100%;background:linear-gradient(145deg,#2a2b31,#15161a);color:#d9dbe1}.asset-audio-cover:before{content:"";width:74%;height:1px;background:repeating-linear-gradient(90deg,#f6cb20 0 2px,transparent 2px 6px);opacity:.7}.asset-audio-cover svg{width:34px;height:34px;color:var(--yellow)}.asset-audio-cover small{color:#a2a4ad;font-size:11px}.gallery-audio-viewer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#050506d9}.gallery-audio-viewer[hidden]{display:none}.gallery-audio-viewer section{width:min(460px,calc(100vw - 40px));padding:32px 34px;background:#202126;border:1px solid #3b3c43;border-radius:10px;box-shadow:0 22px 70px #000b;display:grid;justify-items:center;gap:15px;position:relative}.gallery-audio-viewer section>svg{width:34px;height:34px;color:var(--yellow)}.gallery-audio-viewer strong{font-size:15px}.gallery-audio-viewer audio{width:100%;accent-color:var(--yellow)}.gallery-audio-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:transparent;color:#aaa}.gallery-audio-close:hover{color:var(--yellow);background:#302d1b}.gallery-audio-close svg{width:17px;height:17px}