/* 갤러리 · 작품 상세 · 원작자 페이지(templates/gallery*.html · creator.html) — 공통 부품은 다시 정의하지 않는다 */
.gal{padding-top:32px;padding-bottom:24px;display:flex;flex-direction:column;gap:16px}
.gal-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.gal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1440px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gal-picks{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-xl);background:var(--accent-soft)}
.gal-more{display:flex;flex-direction:column;gap:10px}
.gal-creator{display:flex;align-items:center;gap:14px;min-width:0}
.gal-avatar{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;font-weight:900;font-size:22px;
  color:var(--on-accent);background:linear-gradient(135deg,var(--glow-1),var(--glow-2))}
.piece{display:flex;flex-direction:column;gap:6px;min-width:0}
.piece-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:0 4px;font-size:13px}
.piece-by{font-weight:700;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.piece-stats{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto}
.gw{display:flex;flex-direction:column;gap:14px}
.gw-head{display:flex;align-items:center;gap:14px;min-width:0}
.gw-who{min-width:0}
.gw-title{font-size:clamp(20px,2.2vw,28px);font-weight:900}
.gw-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}
.gw-facts dt{font-size:12px;color:var(--muted)}
.gw-facts dd{margin:2px 0 0;font-weight:700;font-variant-numeric:tabular-nums}
.gw-tags{display:flex;flex-wrap:wrap;gap:6px}
.gw-prompt{margin:0;font-size:14px;color:var(--muted);overflow-wrap:break-word}
.gw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gw-report{margin-left:auto}
.gw-lyrics-text{margin:0;white-space:pre-wrap;font:15px/1.9 var(--sans);overflow-wrap:break-word}
.gw-reasons{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0}
.gw-reasons label{display:flex;align-items:center;gap:8px;min-height:32px}
[data-like][aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-deep)}
[data-like][aria-pressed="true"]:hover{background:var(--accent-soft)}