.pro-profile-skeleton__avatar{flex-shrink:0;width:80px;height:80px}.pro-profile-skeleton__name{width:240px;height:32px}.pro-profile-skeleton__meta{width:180px;height:16px}.pro-profile-skeleton__tile-value{width:60%;height:22px;margin-bottom:8px}.pro-profile-skeleton__tile-label{width:72%;height:11px}.pro-profile-skeleton__code-label{width:96px;height:14px}.pro-profile-skeleton__code-value{flex:1;height:44px}.pro-profile-skeleton__code-btn{flex-shrink:0;width:90px;height:44px}.pro-profile-skeleton__action{width:150px;height:40px}.pro-profile-skeleton__updated{width:160px;height:12px}@media not (min-width:768px){.pro-profile-skeleton__avatar{width:64px;height:64px}}
.pro-profile-page{width:100%;max-width:920px;margin:0 auto;padding:48px 64px 96px}.pro-profile{flex-direction:column;gap:40px;display:flex}.pro-profile__hero{align-items:center;gap:20px;display:flex}.pro-profile__avatar{color:#fff;font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.5px;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:30px;font-weight:700;display:flex;box-shadow:0 8px 24px #e4231340}[dir=ltr] .pro-profile__avatar{background:linear-gradient(135deg,var(--accent-red),#a01a0e)}[dir=rtl] .pro-profile__avatar{background:linear-gradient(-135deg,var(--accent-red),#a01a0e)}.pro-profile__identity{flex-direction:column;gap:8px;min-width:0;display:flex}.pro-profile__name{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;font-size:36px;font-weight:700;line-height:1}.pro-profile__meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.pro-profile__meta-item{align-items:center;display:inline-flex}.pro-profile__meta-item:not(:last-child):after{color:var(--text-muted);content:"·"}[dir=ltr] .pro-profile__meta-item:not(:last-child):after{margin-left:8px}[dir=rtl] .pro-profile__meta-item:not(:last-child):after{margin-right:8px}.pro-profile__team{color:var(--accent-red);font-weight:600}.pro-profile__section{flex-direction:column;gap:16px;display:flex}.pro-profile__section-title{color:var(--text-primary);font-family:var(--font-chakra-petch),sans-serif;letter-spacing:.5px;text-transform:uppercase;font-size:18px;font-weight:600}.pro-profile__crosshair{border:1px solid var(--border-strong);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;gap:24px;padding:24px;display:grid}[dir=ltr] .pro-profile__crosshair{background:linear-gradient(135deg,#ffffff05 0%,transparent 60%),var(--bg-card)}[dir=rtl] .pro-profile__crosshair{background:linear-gradient(-135deg,#ffffff05 0%,transparent 60%),var(--bg-card)}.pro-profile__crosshair-preview{border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:center;align-items:center;width:180px;height:180px;display:flex}[dir=ltr] .pro-profile__crosshair-preview{background:linear-gradient(#e423130a 1px,transparent 1px),linear-gradient(90deg,#e423130a 1px,transparent 1px),var(--bg-elevated)}[dir=rtl] .pro-profile__crosshair-preview{background:linear-gradient(#e423130a 1px,transparent 1px),linear-gradient(-90deg,#e423130a 1px,transparent 1px),var(--bg-elevated)}[dir] .pro-profile__crosshair-preview{background-size:24px 24px}.pro-profile__crosshair-preview .crosshair-preview-large{height:128px;image-rendering:pixelated;width:128px}.pro-profile__crosshair-body{flex-direction:column;justify-content:center;gap:16px;min-width:0;display:flex}.pro-profile__actions{flex-wrap:wrap;gap:12px;display:flex}.pro-profile__action{border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.pro-profile__action:hover{background-color:var(--bg-surface);border-color:#e4231359}.pro-profile__action--primary{background-color:var(--accent-red);border-color:var(--accent-red);color:#fff}.pro-profile__action--primary:hover{background-color:#c51d0f;border-color:#c51d0f}.pro-profile__updated{color:var(--text-secondary);font-size:12px}@media not (min-width:1024px){.pro-profile-page{padding:40px 24px 80px}}@media not (min-width:768px){.pro-profile-page{padding:32px 16px 64px}.pro-profile{gap:32px}.pro-profile__name{font-size:28px}.pro-profile__avatar{width:64px;height:64px;font-size:24px}.pro-profile__crosshair{grid-template-columns:1fr}.pro-profile__crosshair-preview{margin:0 auto}}