/* AION 2 community gallery. Scoped to [data-gallery] and the dialogs it owns. */
[data-gallery]{--g-ok:#1f8a4c; --g-bad:#c0392b}
[data-gallery] .gal-bar{display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; justify-content:space-between; margin-bottom:18px}
[data-gallery] .gal-tabs{display:flex; gap:8px; flex-wrap:wrap}
[data-gallery] .gal-tabs button, .gal-dlg .btn-sm{padding:9px 16px; border-radius:999px; border:1px solid var(--card-b); background:var(--card); color:var(--ink); font:inherit; font-size:15px; cursor:pointer}
[data-gallery] .gal-tabs button.on{border-color:var(--accent-ink); color:var(--accent-ink); font-weight:600}
[data-gallery] .gal-share{padding:10px 20px; border-radius:999px; border:0; background:var(--accent-ink); color:#fff; font:inherit; font-weight:600; cursor:pointer}
[data-gallery] .gal-filters{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px}
[data-gallery] select, .gal-dlg select, .gal-dlg input[type=text], .gal-dlg input[type=url], .gal-dlg textarea{padding:9px 12px; border-radius:10px; border:1px solid var(--rule); background:var(--card); color:var(--ink); font:inherit; font-size:15.5px; max-width:100%}
[data-gallery] .gal-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px}
[data-gallery] .gal-card{border:1px solid var(--card-b); border-radius:14px; background:var(--card); overflow:hidden; display:flex; flex-direction:column}
[data-gallery] .gal-th{position:relative; display:block; width:100%; padding:0; border:0; background:#0d0a14; aspect-ratio:16/9; cursor:pointer}
[data-gallery] .gal-th img{display:block; width:100%; height:100%; object-fit:cover}
[data-gallery] .gal-novid{display:grid; place-items:center; height:100%; color:#9a93b0}
[data-gallery] .gal-play{position:absolute; right:10px; bottom:10px; width:34px; height:34px; border-radius:50%; background:rgba(0,0,0,.65); color:#fff; display:grid; place-items:center; font-size:14px}
[data-gallery] .gal-bd{padding:12px 14px 14px}
[data-gallery] .gal-bd h3{margin:0 0 6px; font-size:17px; line-height:1.3; overflow-wrap:anywhere}
[data-gallery] .gal-meta{display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; font-size:13.5px; color:var(--ink-3)}
[data-gallery] .gal-tag{padding:2px 8px; border-radius:999px; border:1px solid var(--rule); font-size:12px}
[data-gallery] .gal-tag.st-pending{color:#8a5f00; border-color:#c9a24a} [data-gallery] .gal-tag.st-rejected{color:var(--g-bad); border-color:var(--g-bad)}
[data-gallery] .gal-row{display:flex; justify-content:space-between; align-items:center; margin-top:12px}
[data-gallery] .gal-vote{padding:7px 14px; border-radius:999px; border:1px solid var(--rule); background:none; color:var(--ink); font:inherit; cursor:pointer}
[data-gallery] .gal-vote.on{background:var(--accent-ink); border-color:var(--accent-ink); color:#fff}
[data-gallery] .gal-link{background:none; border:0; color:var(--ink-3); font:inherit; font-size:13.5px; text-decoration:underline; cursor:pointer}
[data-gallery] .gal-note{min-height:22px; margin:8px 0; color:var(--ink-3)} [data-gallery] .gal-note.bad, .gal-dlg .gal-note.bad{color:var(--g-bad)}
[data-gallery] .gal-more{display:block; margin:26px auto 0; padding:11px 26px; border-radius:999px; border:1px solid var(--card-b); background:var(--card); color:var(--ink); font:inherit; cursor:pointer}
[data-gallery] .gal-toast{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:#222; color:#fff; padding:11px 18px; border-radius:10px; z-index:60}
.gal-dlg{border:1px solid var(--card-b); border-radius:16px; padding:0; background:var(--bg,#fff); color:var(--ink); width:min(680px,94vw); max-height:92vh}
.gal-dlg::backdrop{background:rgba(0,0,0,.6)}
.gal-dlg .in{padding:22px; display:grid; gap:12px}
.gal-dlg h2{margin:0; font-size:22px}
.gal-dlg label{display:grid; gap:5px; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3)}
.gal-dlg label.chk{display:flex; gap:10px; align-items:flex-start; text-transform:none; letter-spacing:0; font-size:14px; color:var(--ink)}
.gal-dlg .two{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.gal-dlg .acts{display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap}
.gal-dlg .go{padding:10px 22px; border-radius:999px; border:0; background:var(--accent-ink); color:#fff; font:inherit; font-weight:600; cursor:pointer}
.gal-dlg .go[disabled]{opacity:.5}
.gal-dlg .fine{font-size:13px; color:var(--ink-3); margin:0}
.gal-view-body img, .gal-view-body iframe{display:block; width:100%; aspect-ratio:16/9; border:0; background:#000; object-fit:contain}
.gal-cap{padding:14px 18px} .gal-cap p{margin:8px 0 0; color:var(--ink-3)}
@media (max-width:560px){ .gal-dlg .two{grid-template-columns:1fr} }
[data-gallery] [hidden]{display:none !important}