/* Albums tab, album page and the pin/album box on a post. Tokens from css/base.css only. */
.album-new { margin: 8px 0 12px; }
.album-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 4px; }
@media (max-width: 480px) { .album-grid { grid-template-columns: repeat(2, 1fr); } }
.album-card { display: grid; gap: 2px; }
.album-card:hover { text-decoration: none; }
.album-card__cover { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; background: var(--surface-2); border-radius: var(--radius-sm); color: var(--ink-3); }
.album-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.album-card__title { margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.album-card:hover .album-card__title { text-decoration: underline; }

.album-head { margin-bottom: 16px; }
.album-head h1 { margin: 0; overflow-wrap: anywhere; }
.album-head__text { margin: 8px 0 4px; overflow-wrap: anywhere; }

.album-tools { border-top: 1px solid var(--line); padding-top: 16px; display: grid; gap: 10px; }
.album-tools h3 { margin: 0; }
.album-tools form { margin: 0; }
.album-tools__in { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.album-tools__in li { gap: 8px; align-items: center; }
.album-tools__add select, .album-tools__add input { min-width: 0; }