/* Shared gallery treatment for the workshop and creator profiles. */
:is([data-page="workshop"], [data-page="profile"]) .cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 22px; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gcard, .bcard) { min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); box-shadow: 0 3px 12px #0000000a; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gcard, .bcard):hover { border-color: var(--line-strong); background: var(--card-2); transform: translateY(-4px); box-shadow: 0 16px 30px -18px #0009; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gcard, .bcard):focus-within { border-color: var(--accent-line); }
:is([data-page="workshop"], [data-page="profile"]) :is(.gthumb, .bpic) { border-radius: 10px; }
:is([data-page="workshop"], [data-page="profile"]) .ginfo { flex-wrap: wrap; align-items: center; row-gap: 8px; padding: 15px 8px 0; }
:is([data-page="workshop"], [data-page="profile"]) .gmain { flex: 1 1 180px; gap: 7px; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gtitle, .btitle) { font-size: 16px; font-weight: 650; letter-spacing: -.015em; }
:is([data-page="workshop"], [data-page="profile"]) .gby { font-size: 12px; gap: 6px; }
:is([data-page="workshop"], [data-page="profile"]) .gava { width: 22px; height: 22px; font-size: 10px; }
:is([data-page="workshop"], [data-page="profile"]) .gacts { margin-left: auto; align-self: flex-start; padding-top: 1px; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gdl, .glike) { height: 30px; font: 11px var(--mono); padding: 0 6px; }
:is([data-page="workshop"], [data-page="profile"]) :is(.gdl, .glike) .i { width: 14px; height: 14px; }
:is([data-page="workshop"], [data-page="profile"]) .gfoot { margin: 13px 8px 0; padding: 10px 0 4px; border-top: 1px solid var(--line); font-size: 10px; gap: 8px; }
:is([data-page="workshop"], [data-page="profile"]) .gfoot span:first-child { flex: 0 1 auto; }
:is([data-page="workshop"], [data-page="profile"]) .gbody { padding: 14px 8px 6px; }
:is([data-page="workshop"], [data-page="profile"]) .bbody { padding: 14px 8px 6px; }
:is([data-page="workshop"], [data-page="profile"]) .bby { font-size: 12px; }
:is([data-page="workshop"], [data-page="profile"]) .cards-empty { min-height: 250px; justify-content: center; padding: 42px 24px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(ellipse at 50% 0%, var(--accent-soft), transparent 65%), var(--bg-2); }
:is([data-page="workshop"], [data-page="profile"]) .cards-empty b { font-size: 22px; font-weight: 600; letter-spacing: -.03em; }
:is([data-page="workshop"], [data-page="profile"]) .cards-empty > span { max-width: 470px; font-size: 14px; line-height: 1.65; }
:is([data-page="workshop"], [data-page="profile"]) .cards-empty .btn { margin-top: 8px; }
:is([data-page="workshop"], [data-page="profile"]) .gcard.sk { padding-bottom: 20px; }
@media (max-width: 640px) {
  :is([data-page="workshop"], [data-page="profile"]) .cards { gap: 16px; }
  :is([data-page="workshop"], [data-page="profile"]) .cards-empty { min-height: 220px; padding: 32px 18px; }
  :is([data-page="workshop"], [data-page="profile"]) .cards-empty b { font-size: 20px; }
}