/* Free backgrounds gallery (after hub.css) */
.bgfil{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 18px}.bgfil button{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.bgfil button.on{border-color:var(--accent2);color:var(--accent2);background:#13202e}.bgfil .gap{width:12px}.bgfil #bgCount{margin-left:auto;color:var(--muted);font-size:13px}
.bggal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:start}
.bgcard{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.bgcard.land{grid-column:span 2}
.bgcard .bgimg{display:block;background:#0b0d12;aspect-ratio:9/16}.bgcard.land .bgimg{aspect-ratio:16/9}.bgcard img{width:100%;height:100%;object-fit:cover;display:block}
.bgcard figcaption{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.bgcard figcaption b{font-size:14px}.bgcard figcaption>span{color:var(--muted);font-size:12.5px}
.bgact{display:flex;gap:6px}.bgact .btn{padding:7px 12px;font-size:13px;text-decoration:none}.bgact .btn.primary{flex:1;text-align:center}
.use{font-size:12.5px;color:var(--muted);line-height:1.6}.use a{color:var(--accent2);text-decoration:none}.use a:hover{text-decoration:underline}
.lic{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px;max-width:860px}.lic h3{margin:14px 0 6px;font-size:15px}.lic ul{margin:4px 0;padding-left:20px;color:#c9cfdb}.lic li{margin:4px 0}.lic p{color:#c9cfdb}
@media (max-width:560px){.bggal{grid-template-columns:1fr 1fr;gap:10px}.bgcard.land{grid-column:span 2}.bgact{flex-direction:column}}
[hidden]{display:none !important}
.bgfil .brk{flex-basis:100%;height:0}
.bgsec{margin-bottom:34px}