/* styles.css - Estilos base para el layout Peculas v1 */
.container {  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 8px 8px;
  grid-auto-flow: row;
  grid-template-areas:
    "navbar navbar navbar"
    "playlist player player"
    "playlist player player"
    "tags metadata metadata"
    "footer footer footer";
}
.navbar { grid-area: navbar; }
.footer { grid-area: footer; }
.playlist { grid-area: playlist; }
.player { grid-area: player; }
.tags { grid-area: tags; }
.metadata { grid-area: metadata; }