/* Tema escuro (todas as páginas exceto a home) */
body.theme-dark{
  margin:0;
  background:#0f0f12;
  color:#f5f5f7;
  font:14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
a{ color:#6ea8fe; text-decoration:none }
a:hover{ color:#8fb9ff }
.wrap{ max-width:980px; margin:0 auto; padding:14px }
.topbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }
.brand{ font-weight:700; letter-spacing:.3px }
.btn{
  display:inline-block; border:1px solid #2b2b33; background:#191922; color:#f5f5f7;
  padding:6px 10px; border-radius:10px
}
.btn.primary{ background:#6ea8fe; border-color:transparent; color:#101216 }
.card{ background:#15151b; border:1px solid #23232b; border-radius:12px; padding:12px }
.small{ color:#9aa0a6; font-size:12px }

/* Grid utilitário */
.grid{ display:grid; gap:10px }
.g3{ grid-template-columns:repeat(3,1fr) }
@media (max-width:860px){ .g3{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:520px){ .g3{ grid-template-columns:1fr } }

/* Thumbs */
.tile .img {
  width: 100%;
  height: 100%;
  object-fit: contain;         /* mostra a foto inteira */
  object-position: center;
  display: block;
  background: #000;            /* letterbox discreto no fundo escuro */
  padding: 6px;                /* afastar das bordas */
  box-sizing: border-box;
  transition: opacity .25s ease;
}

.tile {
  position: relative;
  border: 1px solid #222;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(#000, #111);           /* fundo preto ajuda o contain */
  height: 260px;               /* quadro fixo como antes */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Input */
input[type="file"] {
  color: #15151b !important;     /* texto claro e visível */
  font-weight: 500;
}