/* Hubpile Creator Profile v7.0.4
   Public creator storefront enhancements + Creator Studio profile media UX. */

/* ---------------- Creator Studio profile editor ---------------- */
.hpc-profile-media-status{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.hpc-profile-media-status span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:850;backdrop-filter:blur(7px)}
.hpc-profile-media-preview-grid{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:14px!important}
.hpc-profile-media-preview{margin:0;min-width:0;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.hpc-profile-media-preview>div{height:126px;background:linear-gradient(135deg,#0b1020,#174f99);display:grid;place-items:center;overflow:hidden}
.hpc-profile-media-preview.avatar-preview>div{height:126px}
.hpc-profile-media-preview.cover-preview>div{height:126px}
.hpc-profile-media-preview img{width:100%;height:100%;display:block;object-fit:cover}
.hpc-profile-media-preview.avatar-preview img{object-fit:contain;background:#f6f8fb}
.hpc-profile-media-preview .media-fallback{width:100%;height:100%;display:grid;place-items:center;color:#d6e2f3;font-size:12px;font-weight:800;padding:14px;text-align:center}
.hpc-profile-media-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-top:1px solid #edf0f3}
.hpc-profile-media-preview figcaption strong{font-size:12px;color:#101828}
.hpc-profile-media-preview figcaption span{font-size:10px;color:#667085;text-align:right}

/* ---------------- Public creator profile ---------------- */
.hpc-public-profile-v704 .hpcr-hero-v704{position:relative;isolation:isolate;overflow:hidden;background:#0b1020!important;min-height:400px}
.hpc-public-profile-v704 .hpcr-hero-v704:before{display:none!important}
.hpc-public-profile-v704 .hpcr-cover-layer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0b1020}
.hpc-public-profile-v704 .hpcr-cover-layer img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%;transform:scale(1.002)}
.hpc-public-profile-v704 .hpcr-cover-layer span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,16,32,.96) 0%,rgba(11,16,32,.88) 34%,rgba(11,16,32,.67) 64%,rgba(11,16,32,.48) 100%)}
.hpc-public-profile-v704 .hpcr-hero-v704 .hpc-hero-inner{position:relative;z-index:2;min-height:400px;align-items:center;padding-top:48px;padding-bottom:48px}
.hpc-public-profile-v704 .hpcr-hero-v704 .hpc-avatar{width:150px;height:150px;border-radius:30px;border:4px solid rgba(255,255,255,.92);box-shadow:0 22px 52px rgba(0,0,0,.32);background:#fff;object-fit:cover}
.hpc-public-profile-v704 .hpcr-hero-v704 .hpc-identity{max-width:760px}
.hpc-public-profile-v704 .hpcr-hero-v704 h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin-bottom:8px}
.hpc-public-profile-v704 .hpcr-hero-v704 .hpc-bio{max-width:760px;font-size:16px;line-height:1.7}
.hpc-public-profile-v704 .hpcr-profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 4px}
.hpc-public-profile-v704 .hpcr-profile-tags span{padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);color:#e8f1ff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.hpc-public-profile-v704 .hpcr-share-btn{cursor:pointer}
.hpc-public-profile-v704 .hpcr-owner-btn{background:#fff!important;color:#0b1020!important;border-color:#fff!important}

.hpc-public-profile-v704 .hpcr-statbar{background:#fff;border-bottom:1px solid #e4e7ec;box-shadow:0 8px 24px rgba(16,24,40,.035)}
.hpc-public-profile-v704 .hpcr-statbar-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.hpc-public-profile-v704 .hpcr-statbar-inner>div{padding:18px 14px;text-align:center;border-right:1px solid #edf0f3}
.hpc-public-profile-v704 .hpcr-statbar-inner>div:last-child{border-right:0}
.hpc-public-profile-v704 .hpcr-statbar strong{display:block;color:#101828;font-size:22px;line-height:1;font-weight:900;letter-spacing:-.03em}
.hpc-public-profile-v704 .hpcr-statbar span{display:block;margin-top:6px;color:#667085;font-size:11px;font-weight:750}

.hpc-public-profile-v704 .hpcr-business-strip{margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1px solid #dce4ed;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%);box-shadow:0 12px 34px rgba(11,16,32,.055)}
.hpc-public-profile-v704 .hpcr-business-strip h2{margin:6px 0 7px;font-size:clamp(23px,3vw,34px);letter-spacing:-.035em}
.hpc-public-profile-v704 .hpcr-business-strip p{max-width:720px;margin:0;color:#667085;line-height:1.65}
.hpc-public-profile-v704 .hpcr-business-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:0 0 auto}

/* Tighten owner controls so public visitors do not see a cluttered masthead. */
.hpc-public-profile-v704 .hpc-hero-actions{max-width:260px}
.hpc-public-profile-v704 .hpc-socials a{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);backdrop-filter:blur(7px)}

@media(max-width:1100px){
  .hpc-public-profile-v704 .hpcr-statbar-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hpc-public-profile-v704 .hpcr-statbar-inner>div:nth-child(3){border-right:0}
  .hpc-public-profile-v704 .hpcr-statbar-inner>div:nth-child(-n+3){border-bottom:1px solid #edf0f3}
  .hpc-public-profile-v704 .hpcr-business-strip{align-items:flex-start;flex-direction:column}
  .hpc-public-profile-v704 .hpcr-business-actions{justify-content:flex-start}
}
@media(max-width:860px){
  .hpc-public-profile-v704 .hpcr-hero-v704 .hpc-hero-inner{min-height:0;align-items:flex-start}
  .hpc-public-profile-v704 .hpcr-hero-v704 .hpc-avatar{width:118px;height:118px;border-radius:24px}
  .hpc-public-profile-v704 .hpc-hero-actions{max-width:none;width:100%}
  .hpc-profile-media-preview-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .hpc-public-profile-v704 .hpcr-cover-layer span{background:linear-gradient(180deg,rgba(11,16,32,.68),rgba(11,16,32,.93) 44%,rgba(11,16,32,.98))}
  .hpc-public-profile-v704 .hpcr-hero-v704 .hpc-hero-inner{padding-top:30px;padding-bottom:34px}
  .hpc-public-profile-v704 .hpcr-hero-v704 .hpc-avatar{width:96px;height:96px;border-radius:22px}
  .hpc-public-profile-v704 .hpcr-hero-v704 h1{font-size:38px}
  .hpc-public-profile-v704 .hpcr-statbar-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpc-public-profile-v704 .hpcr-statbar-inner>div{border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3!important}
  .hpc-public-profile-v704 .hpcr-statbar-inner>div:nth-child(2n){border-right:0}
  .hpc-public-profile-v704 .hpcr-business-strip{padding:18px;border-radius:18px}
  .hpc-public-profile-v704 .hpcr-business-actions{display:grid;width:100%;grid-template-columns:1fr}
  .hpc-public-profile-v704 .hpcr-business-actions .hpc-btn{width:100%;text-align:center}
}