
  .gal-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
  .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .gallery-grid--wide { grid-template-columns: repeat(3, 1fr); }
  .gal-tile { aspect-ratio: 16/9; background: linear-gradient(135deg, rgba(78,128,180,0.18), rgba(168,48,64,0.18)), repeating-linear-gradient(45deg, rgba(255,255,255,0.02) 0 2px, transparent 2px 14px), var(--bg-stripe); border: 1px solid var(--line-soft); position: relative; cursor: pointer; overflow: hidden; transition: all .2s; }
  .gal-tile:hover { border-color: var(--gold); transform: translateY(-1px); }
  .gal-tile__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px; background: linear-gradient(180deg, transparent, rgba(0,0,0,0.7)); }
  .gal-tile__title { font-family: var(--font-head); font-size: 15px; color: var(--parch); }
  .gal-tile__meta { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-mute); margin-top: 2px; }
  .gal-tile__placeholder { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ink-faint); font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; }
  .wallpaper-card { padding: 18px 20px; background: var(--bg-panel); border: 1px solid var(--line); }
  .wp-sizes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
  .wp-sizes button { padding: 5px 10px; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; background: var(--bg-stripe); border: 1px solid var(--line-soft); color: var(--ink-soft); cursor: pointer; transition: all .15s; }
  .wp-sizes button:hover { border-color: var(--gold); color: var(--gold-bright); }
  .banner-codes { padding: 18px 22px; background: var(--bg-panel); border: 1px solid var(--line-soft); margin-top: 32px; }
