body { font-family: sans-serif; margin: 0; padding: 0; }
.header { border-bottom: 2px solid #333; padding: 1rem; text-align: center; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; padding: 1rem; }
.grid img, video { width: 100%; }
.actions { position: fixed; bottom: 0; left: 0; right: 0; background: white; padding: 1rem; display: flex; justify-content: space-around; border-top: 1px solid #ccc; }
.selected { outline: 3px solid red; }
.login-body { margin-top: 50px; margin-left: 20px; font-size: 16pt; }
button, input { height: 40px; width: 500px; }
button { width: 100px}
.label { width: 200px; }