/* 创作记录页：SSR 双列瀑布流卡片；分页见 .hg-channel-pager */
.hg-creations-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
@media (min-width:900px){.hg-creations-masonry{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.hg-creation-card{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.hg-creation-card__cover{position:relative;background:#111;aspect-ratio:4/3;overflow:hidden;cursor:default}
.hg-creation-card__cover.is-clickable{cursor:pointer}
.hg-creation-card__cover img,
.hg-creation-card__cover video{width:100%;height:100%;object-fit:cover;display:block}
.hg-creation-card__cover-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:13px;padding:12px;text-align:center}
.hg-creation-card__tag{position:absolute;left:8px;bottom:8px;z-index:1;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(0,0,0,.65);color:#fff}
.hg-creation-card__tag.is-progress{background:rgba(255,180,0,.85);color:#111}
.hg-creation-card__tag.is-failed{background:rgba(220,60,60,.85)}
.hg-creation-card__del{position:absolute;top:6px;right:6px;z-index:2;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.hg-creation-card__del:hover{background:rgba(220,60,60,.85)}
.hg-creation-card__meta{display:flex;justify-content:space-between;gap:8px;padding:8px 10px 0;font-size:12px;color:rgba(255,255,255,.45)}
.hg-creation-card__meta .is-failed{color:#ff6b6b}
.hg-creation-card__prompt{margin:6px 10px 0;font-size:12px;color:rgba(255,255,255,.7);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hg-creation-card__actions{display:flex;gap:8px;padding:10px}
.hg-creation-card__btn{flex:1;min-height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#222;color:#fff;font-size:12px;cursor:pointer}
.hg-creation-card__btn.is-primary{background:#ffd21c;color:#111;border-color:transparent;font-weight:700}
.hg-creation-card__btn:disabled{opacity:.45;cursor:not-allowed}
.hg-creations-viewer{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px}
.hg-creations-viewer[hidden]{display:none!important}
.hg-creations-viewer__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer}
.hg-creations-viewer__body{max-width:min(960px,100%);max-height:90vh;overflow:auto}
.hg-creations-viewer__body img,
.hg-creations-viewer__body video{max-width:100%;max-height:85vh;display:block;margin:0 auto;border-radius:8px}
.hg-creations-viewer__body pre{white-space:pre-wrap;word-break:break-word;color:#eee;font-size:14px;line-height:1.6;max-width:720px;margin:0 auto;padding:16px}