.profile-page__media-panel{display:grid;gap:var(--spacing-md);padding:clamp(1rem,2vw,1.35rem);border:1px solid color-mix(in oklab,var(--color-border) 82%,white);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface-panel-muted) 72%,white)}.profile-page__avatar-row{display:flex;gap:1rem;align-items:center}.profile-page__media-row,.profile-page__featured-slot-media{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.profile-page__avatar{display:grid;place-items:center;width:5rem;height:5rem;flex-shrink:0;overflow:hidden;border:1px solid color-mix(in oklab,var(--color-border-strong) 72%,white);border-radius:50%;background:linear-gradient(135deg,color-mix(in oklab,var(--color-secondary) 18%,white),color-mix(in oklab,var(--color-tertiary) 20%,white));color:var(--color-text);font-family:var(--theme-font-display);font-size:1.5rem;font-weight:800}.profile-page__avatar--preview{width:6rem;height:6rem;border:3px solid rgba(255,255,255,.9);background:linear-gradient(135deg,#fffffff2,#ffffffd9);box-shadow:0 4px 12px #00000026;color:var(--color-primary);font-size:1.875rem}.profile-page__avatar-image{width:100%;height:100%;object-fit:cover}.profile-page__avatar-copy{display:grid;gap:.4rem}.profile-page__media-copy{display:grid;gap:.4rem;min-width:min(100%,14rem);flex:1}.profile-page__avatar-title{margin:0;color:var(--color-text-subtle);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-page__upload-note{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-page__media-preview{display:grid;place-items:center;width:100%;overflow:hidden;border:1px solid color-mix(in oklab,var(--color-border-strong) 70%,white);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface-panel-muted) 80%,white);color:var(--color-text-muted);text-align:center}.profile-page__media-preview--cover{max-width:18rem}.profile-page__media-preview--featured{max-width:14rem;aspect-ratio:4 / 3}.profile-page__media-preview-image{width:100%;height:100%;object-fit:cover}.profile-page__media-preview-placeholder{padding:1rem;font-size:var(--font-size-sm)}.profile-page__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0,0,0,0);white-space:nowrap}.profile-page__upload-picker{display:flex;align-items:center}.profile-page__address-field{display:grid;gap:.5rem}.profile-page__address-control,.profile-page__address-input-shell{position:relative}.profile-page__address-suggestions{display:grid;position:absolute;top:calc(100% + .35rem);right:0;left:0;z-index:20;max-height:min(18rem,45vh);gap:.2rem;overflow-y:auto;padding:.35rem;border:1px solid color-mix(in oklab,var(--color-border) 88%,white);border-radius:var(--radius-lg);background:color-mix(in oklab,white 96%,var(--color-secondary) 4%);box-shadow:0 18px 40px #0f172a1f,0 4px 14px #0f172a14}.profile-page__address-suggestion{display:grid;gap:.2rem;width:100%;padding:.65rem .75rem;border:0;border-radius:var(--radius-md);background:transparent;color:inherit;text-align:left;transition:background-color .14s ease}.profile-page__address-suggestion:hover:not(:disabled),.profile-page__address-suggestion:focus-visible{background:color-mix(in oklab,var(--color-secondary) 12%,white);outline:none}.profile-page__address-suggestion:disabled{opacity:.65}.profile-page__address-suggestion-title{font-weight:600;line-height:1.35}.profile-page__address-suggestion-body{color:var(--color-text-muted);font-size:var(--font-size-sm)}.profile-page__preview{border-radius:var(--radius-lg);border:1px solid transparent}.profile-page__preview-stack{display:grid;gap:1rem}.profile-page__preview-card:before{content:none}@media(max-width:768px){.profile-page__avatar-row,.profile-page__media-row,.profile-page__featured-slot-media{align-items:start;flex-direction:column}.profile-page__media-preview--cover,.profile-page__media-preview--featured{max-width:none}}
