.sign-in { max-width: 420px; margin: 12vh auto 24px; padding: 28px; }
.wallpaper-card { padding: 20px; margin-bottom: 16px; min-width: 0; }
.wallpaper-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wallpaper-card h2 { font-size: 17px; margin: 0 0 12px; }
.sign-in form, .wallpaper-card form { display: grid; gap: 12px; justify-items: start; }
.sign-in label, .wallpaper-card label { display: grid; gap: 5px; width: 100%; max-width: 460px; }
.wallpaper-card input, .wallpaper-card select, .sign-in input { width: 100%; }
.gallery { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); }
.wallpaper-item { overflow-wrap: anywhere; }
.wallpaper-item img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: contain; border-radius: 8px; background: var(--muted); margin-bottom: 6px; }
#current img { max-width: 380px; }
.wallpaper-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.wallpaper-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.token-box { margin: 12px 0; }
[hidden] { display: none !important; }
@media (max-width: 700px) { .wallpaper-overview { grid-template-columns: 1fr; gap: 0; } .sign-in { margin-inline: 16px; } }