/* Fans254 PHP v2 account and onboarding UI. Namespaced to avoid conflicts. */
.f254-v2-page{min-height:100vh;background:var(--f-bg);color:var(--f-text);padding:24px;display:grid;place-items:center}
.f254-v2-theme{position:fixed;top:18px;right:18px;z-index:40}
.f254-v2-frame{width:min(1180px,100%);min-height:690px;background:var(--f-surface);border:1px solid var(--f-line);border-radius:24px;overflow:hidden;box-shadow:var(--f-shadow);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);animation:f254V2In .35s ease both}
.f254-v2-form-pane{padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center}
.f254-v2-hero{padding:clamp(28px,5vw,64px);background:var(--f-blue-soft);border-left:1px solid var(--f-line);display:flex;flex-direction:column;justify-content:center;gap:30px}
.f254-v2-brand-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.f254-v2-title{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.045em}
.f254-v2-copy{margin:10px 0 0;color:var(--f-muted);font-size:15px;line-height:1.65}
.f254-v2-form{display:grid;gap:15px;margin-top:28px}
.f254-v2-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.f254-v2-wide{grid-column:1/-1}
.f254-v2-input-state{font-size:12px;margin-top:6px;color:var(--f-muted);min-height:17px}.f254-v2-input-state.is-ok{color:var(--f-green)}.f254-v2-input-state.is-bad{color:var(--f-red)}
.f254-v2-password-meter{height:5px;border-radius:999px;background:var(--f-line);overflow:hidden;margin-top:7px}.f254-v2-password-meter span{height:100%;display:block;width:0;background:var(--f-blue);transition:width .2s ease}
.f254-v2-link{color:var(--f-blue);font-weight:700}.f254-v2-link:hover{text-decoration:underline}
.f254-v2-auth-foot{text-align:center;margin-top:20px;color:var(--f-muted)}
.f254-v2-visual{min-height:235px;display:grid;place-items:center;color:var(--f-blue)}.f254-v2-visual svg{width:min(330px,92%);height:auto}
.f254-v2-benefits{display:grid;gap:14px}.f254-v2-benefit{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start}.f254-v2-benefit-icon{width:48px;height:48px;border-radius:13px;background:var(--f-surface);border:1px solid var(--f-line);color:var(--f-blue);display:grid;place-items:center;font-weight:900}.f254-v2-benefit-icon svg{width:26px;height:26px}.f254-v2-benefit strong{display:block;margin-bottom:3px}.f254-v2-benefit small{color:var(--f-muted);line-height:1.5}
.f254-v2-status-card{width:min(720px,100%);padding:clamp(28px,6vw,58px);text-align:center;background:var(--f-surface);border:1px solid var(--f-line);border-radius:24px;box-shadow:var(--f-shadow);animation:f254V2In .35s ease both}.f254-v2-status-icon{width:94px;height:94px;margin:0 auto 24px;border-radius:28px;background:var(--f-blue-soft);color:var(--f-blue);display:grid;place-items:center}.f254-v2-status-icon svg{width:54px;height:54px}.f254-v2-status-actions{display:grid;gap:12px;max-width:420px;margin:26px auto 0}.f254-v2-info{padding:14px 16px;border-radius:13px;background:var(--f-blue-soft);border:1px solid var(--f-line-strong);color:var(--f-text);text-align:left;line-height:1.55}.f254-v2-info.is-success{background:var(--f-green-soft);border-color:color-mix(in srgb,var(--f-green) 28%,var(--f-line))}.f254-v2-info.is-error{background:var(--f-red-soft);border-color:color-mix(in srgb,var(--f-red) 28%,var(--f-line))}
.f254-v2-onboard{min-height:100vh;background:var(--f-bg);color:var(--f-text);padding:20px}.f254-v2-onboard-shell{width:min(1260px,100%);margin:0 auto;background:var(--f-surface);border:1px solid var(--f-line);border-radius:24px;overflow:hidden;box-shadow:var(--f-shadow);min-height:calc(100vh - 40px)}
.f254-v2-onboard-head{height:72px;padding:0 24px;border-bottom:1px solid var(--f-line);display:flex;align-items:center;justify-content:space-between;gap:16px}.f254-v2-steps{display:flex;align-items:center;gap:8px}.f254-v2-step-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--f-line-strong);color:var(--f-muted);font-weight:800;background:var(--f-surface)}.f254-v2-step-dot.is-active,.f254-v2-step-dot.is-done{background:var(--f-blue);border-color:var(--f-blue);color:#fff}.f254-v2-step-line{width:46px;height:2px;background:var(--f-line)}.f254-v2-step-line.is-done{background:var(--f-blue)}
.f254-v2-onboard-body{padding:clamp(24px,4vw,48px)}.f254-v2-onboard-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:34px}.f254-v2-intro{padding:10px}.f254-v2-intro-art{margin-top:28px;min-height:260px;display:grid;place-items:center;color:var(--f-blue)}.f254-v2-intro-art svg{width:min(320px,100%)}
.f254-v2-panel{border:1px solid var(--f-line);border-radius:20px;background:var(--f-surface);padding:24px}.f254-v2-panel+.f254-v2-panel{margin-top:18px}.f254-v2-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.f254-v2-panel-head h2{margin:0;font-size:20px}.f254-v2-panel-head p{margin:5px 0 0;color:var(--f-muted)}
.f254-v2-chips{display:flex;flex-wrap:wrap;gap:10px}.f254-v2-chip{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--f-line-strong);background:var(--f-surface);color:var(--f-text);display:inline-flex;align-items:center;gap:8px;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.f254-v2-chip:hover{transform:translateY(-1px);border-color:var(--f-blue)}.f254-v2-chip.is-selected{background:var(--f-blue);border-color:var(--f-blue);color:#fff}.f254-v2-chip .f254-icon{width:21px;height:21px}
.f254-v2-creators{display:grid;gap:10px}.f254-v2-creator{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:14px;border:1px solid transparent}.f254-v2-creator:hover{border-color:var(--f-line);background:var(--f-surface-2)}.f254-v2-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--f-blue-soft);border:1px solid var(--f-line)}.f254-v2-creator small{display:block;color:var(--f-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f254-v2-follow{min-width:90px}.f254-v2-follow.is-following{background:var(--f-surface);color:var(--f-blue);border:1px solid var(--f-blue)}
.f254-v2-onboard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.f254-v2-profile-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.f254-v2-upload-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px}.f254-v2-upload{border:1px dashed var(--f-line-strong);border-radius:16px;background:var(--f-surface-2);min-height:150px;display:grid;place-items:center;text-align:center;padding:14px;position:relative;overflow:hidden}.f254-v2-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.f254-v2-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.f254-v2-avatar-upload{width:150px;height:150px;border-radius:50%;justify-self:center}.f254-v2-preview{border:1px solid var(--f-line);border-radius:18px;overflow:hidden;background:var(--f-surface)}.f254-v2-preview-cover{height:150px;background:var(--f-blue-soft);position:relative}.f254-v2-preview-cover img{width:100%;height:100%;object-fit:cover}.f254-v2-preview-body{padding:0 20px 22px}.f254-v2-preview-avatar{width:88px;height:88px;border-radius:50%;margin-top:-44px;border:4px solid var(--f-surface);background:var(--f-blue-soft);object-fit:cover;position:relative}.f254-v2-preview h3{margin:12px 0 2px}.f254-v2-preview p{color:var(--f-muted);line-height:1.55}.f254-v2-complete{min-height:520px;display:grid;place-items:center;text-align:center;padding:40px}.f254-v2-complete .f254-v2-status-icon{background:var(--f-green-soft);color:var(--f-green)}
.f254-v2-loader{display:inline-flex;align-items:center;gap:10px}.f254-v2-loader:before{content:"";width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:f254Spin .7s linear infinite}
@keyframes f254V2In{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.f254-v2-frame{grid-template-columns:1fr;max-width:690px}.f254-v2-hero{border-left:0;border-top:1px solid var(--f-line);min-height:390px}.f254-v2-onboard-grid,.f254-v2-profile-grid{grid-template-columns:1fr}.f254-v2-intro{display:none}.f254-v2-onboard-shell{min-height:calc(100vh - 24px)}.f254-v2-onboard{padding:12px}}
@media(max-width:620px){.f254-v2-page{padding:0;display:block}.f254-v2-frame{min-height:100vh;border:0;border-radius:0;box-shadow:none}.f254-v2-form-pane{padding:24px 18px 34px;justify-content:flex-start}.f254-v2-hero{display:none}.f254-v2-grid,.f254-v2-upload-grid{grid-template-columns:1fr}.f254-v2-wide{grid-column:auto}.f254-v2-theme{top:12px;right:12px}.f254-v2-status-card{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:70px 20px 28px;display:flex;flex-direction:column;justify-content:center}.f254-v2-onboard{padding:0}.f254-v2-onboard-shell{border:0;border-radius:0;box-shadow:none;min-height:100vh}.f254-v2-onboard-head{height:auto;min-height:64px;padding:10px 14px}.f254-v2-steps{gap:5px}.f254-v2-step-line{width:22px}.f254-v2-step-dot{width:30px;height:30px;font-size:12px}.f254-v2-onboard-body{padding:18px 14px 92px}.f254-v2-panel{padding:16px;border-radius:16px}.f254-v2-creator{grid-template-columns:42px minmax(0,1fr) auto;padding:8px 0}.f254-v2-avatar-img{width:42px;height:42px}.f254-v2-follow{min-width:76px;padding-inline:10px}.f254-v2-onboard-actions{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--f-surface);border-top:1px solid var(--f-line);z-index:30}.f254-v2-onboard-actions .f254-btn:last-child{flex:1}.f254-v2-avatar-upload{width:130px;height:130px}}
@media(prefers-reduced-motion:reduce){.f254-v2-frame,.f254-v2-status-card,.f254-v2-chip{animation:none!important;transition:none!important}}


/* v10.8 corrective: onboarding avatar upload and live preview remain circular. */
.f254-v2-avatar-upload,
.f254-v2-avatar-upload #avatar-placeholder,
.f254-v2-avatar-upload #avatar-preview,
.f254-v2-preview-avatar,
#live-avatar-wrap,
#live-avatar{border-radius:50%!important;}
.f254-v2-avatar-upload{overflow:hidden!important;clip-path:circle(50%);}
.f254-v2-avatar-upload #avatar-placeholder,
.f254-v2-avatar-upload #avatar-preview{
  position:absolute;inset:0;width:100%!important;height:100%!important;
  object-fit:cover!important;overflow:hidden;clip-path:circle(50%);
}
.f254-v2-avatar-upload #avatar-placeholder{display:grid;place-items:center;}
#live-avatar-wrap{width:88px;height:88px;margin-top:-44px;overflow:hidden;position:relative;border:4px solid var(--f-surface);background:var(--f-blue-soft);}
#live-avatar-wrap .f254-v2-preview-avatar,
#live-avatar-wrap #live-avatar{width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:cover!important;display:grid;place-items:center;clip-path:circle(50%);}


/* Fans254 v11.0 compact responsive onboarding correction */
.f254-v2-onboard-head .f254-brand{min-width:0}
.f254-onboard-motion .f254-v2-step-dot,.f254-onboard-motion .f254-v2-step-line,.f254-onboard-motion .f254-v2-onboard-head .f254-brand,.f254-onboard-motion .f254-v2-onboard-head .f254-row{animation:f254V11StepIn .32s ease both}
.f254-onboard-motion .f254-v2-step-dot:nth-child(3){animation-delay:.05s}.f254-onboard-motion .f254-v2-step-dot:nth-child(5){animation-delay:.1s}
.f254-onboard-motion .f254-v11-complete>div{animation:f254V11Complete .42s cubic-bezier(.2,.8,.2,1) both}
.f254-v11-complete-actions .f254-btn{min-height:44px;padding:0 18px;font-size:14px;border-radius:13px}
@keyframes f254V11StepIn{from{opacity:0;transform:translateY(-5px) scale(.96)}to{opacity:1;transform:none}}
@keyframes f254V11Complete{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.f254-onboard-no-motion .f254-v2-onboard-head *,
.f254-onboard-no-motion .f254-v2-onboard-body *{animation:none!important;transition:none!important}
@media(max-width:620px){
 .f254-onboard-compact .f254-v2-onboard-head{height:auto;min-height:54px;padding:7px 10px;gap:7px;position:sticky;top:0;z-index:40;background:var(--f-surface)}
 .f254-onboard-compact .f254-v2-onboard-head .f254-brand{font-size:18px;gap:7px}.f254-onboard-compact .f254-v2-onboard-head .f254-brand-mark{width:26px;height:26px}
 .f254-onboard-compact .f254-v2-steps{gap:3px;flex:0 1 auto}.f254-onboard-compact .f254-v2-step-dot{width:26px;height:26px;font-size:11px}.f254-onboard-compact .f254-v2-step-line{width:17px}
 .f254-onboard-compact .f254-v2-onboard-head .f254-row{gap:5px}.f254-onboard-compact .f254-v2-onboard-head .f254-theme-btn,.f254-onboard-compact .f254-v2-onboard-head .f254-icon-btn{width:34px;height:34px;min-width:34px;border-radius:10px}.f254-onboard-compact .f254-v2-onboard-head .f254-icon{width:18px;height:18px}
 .f254-v2-complete{min-height:calc(100dvh - 110px);padding:24px 14px}.f254-v2-complete .f254-v2-status-icon{width:72px;height:72px;border-radius:22px;margin-bottom:16px}.f254-v2-complete h1{font-size:clamp(28px,9vw,40px);line-height:1.05}.f254-v2-complete p{font-size:15px;line-height:1.55}
 .f254-v11-complete-actions{gap:9px;margin-top:20px!important}.f254-v11-complete-actions .f254-btn{min-height:42px;padding:0 14px;font-size:13px;flex:0 1 auto}
}

/* Fans254 v13.2.12 onboarding creator suggestion replacement */
.f254-v2-creator{position:relative;transition:opacity .18s ease,transform .18s ease,max-height .18s ease,margin .18s ease,padding .18s ease}
.f254-v2-creators>.f254-v2-creator:nth-child(n+6){display:none}
.f254-v2-creator-dismiss{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid var(--f-border);border-radius:50%;background:var(--f-surface);color:var(--f-muted);cursor:pointer}
.f254-v2-creator-dismiss svg{width:13px!important;height:13px!important}
.f254-v2-creator.is-removing{opacity:0;transform:translateX(18px) scale(.97);max-height:0!important;margin-block:0!important;padding-block:0!important;overflow:hidden}
.f254-v2-follow.is-requested{background:var(--f-surface-2)!important;color:var(--f-text)!important;border-color:var(--f-border)!important}
@media(prefers-reduced-motion:reduce){.f254-v2-creator.is-removing{display:none}}

/* Fans254 v13.3.1 — onboarding suggestions and locked country. */
.f254-v2-creator{
  grid-template-columns:48px minmax(0,1fr) auto 28px!important;
  grid-template-rows:auto!important;
}
.f254-v2-creator-dismiss{
  position:static!important;grid-column:4!important;grid-row:1!important;
  align-self:center!important;justify-self:center!important;margin:0!important;
  width:27px!important;height:27px!important;border-color:var(--f-line)!important;
}
.f254-v2-creator>.f254-v2-avatar-img,.f254-v2-creator>.f254-avatar{grid-column:1!important;grid-row:1!important}
.f254-v2-creator>span{grid-column:2!important;grid-row:1!important;min-width:0!important}
.f254-v2-creator>.f254-v2-follow{grid-column:3!important;grid-row:1!important}
.f254-v2-creator strong{display:flex;align-items:center;gap:5px;min-width:0}
.f254-v2-creator strong>.f254-new-member-pill{flex:0 0 auto}
.f254-new-member-pill{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  min-height:17px;padding:1px 6px;border:1px solid color-mix(in srgb,var(--f-blue) 34%,transparent);
  border-radius:999px;background:var(--f-blue-soft);color:var(--f-blue);
  font:800 9px/1 var(--f-font-ui);font-style:normal;letter-spacing:.01em;white-space:nowrap;
}
.f254-v2-country-display{
  min-height:44px;display:flex;align-items:center;gap:8px;padding:0 13px;
  border:1px solid var(--f-line-strong);border-radius:12px;background:var(--f-surface-2);color:var(--f-text);
}
.f254-v2-country-select{appearance:auto}
.f254-v2-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px}
.f254-v2-preview-meta>span{display:inline-flex;align-items:center}
.f254-v2-preview-meta>span+span::before{content:"·";margin-inline-end:9px;color:var(--f-muted)}
@media(max-width:620px){
  .f254-v2-creator{grid-template-columns:42px minmax(0,1fr) auto 26px!important;gap:9px!important}
  .f254-v2-creator-dismiss{width:25px!important;height:25px!important}
  .f254-v2-follow{min-width:70px!important;padding-inline:8px!important}
}


/* Fans254 v13.3.17 — native Google OpenID Connect entry points. */
.f254-auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--f-muted);font-size:12px;font-weight:700;text-align:center}
.f254-auth-divider::before,.f254-auth-divider::after{content:"";height:1px;flex:1;background:var(--f-line)}
.f254-auth-divider span{white-space:nowrap}
.f254-google-auth-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 16px;border:1px solid var(--f-line-strong);border-radius:13px;background:var(--f-surface);color:var(--f-text);font-weight:800;text-decoration:none;box-shadow:0 1px 2px rgba(9,25,42,.05);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.f254-google-auth-btn:hover{border-color:color-mix(in srgb,var(--f-blue) 45%,var(--f-line-strong));background:var(--f-surface-2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(9,25,42,.08)}
.f254-google-auth-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--f-blue) 28%,transparent);outline-offset:2px}
.f254-google-auth-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--f-line);border-radius:50%;background:#fff;color:#1a73e8;font:900 15px/1 Arial,sans-serif}
.f254-v2-form-pane>.f254-google-auth-btn{margin-top:24px}
.f254-google-auth-note{margin:9px 0 0;color:var(--f-muted);font-size:11px;line-height:1.45;text-align:center}
@media(max-width:620px){.f254-google-auth-btn{min-height:46px;border-radius:12px}.f254-auth-divider{margin:16px 0}}
@media(prefers-reduced-motion:reduce){.f254-google-auth-btn{transition:none}.f254-google-auth-btn:hover{transform:none}}

/* Fans254 v13.7.6 — compact, professional onboarding content.
   The existing top header and sticky action bar are intentionally unchanged. */
.f254-v2-onboard-body .f254-v2-title{font-size:clamp(28px,4vw,40px);letter-spacing:-.035em}
.f254-v2-onboard-body .f254-v2-panel{padding:20px;border-radius:17px;box-shadow:0 8px 28px rgba(18,48,82,.035)}
.f254-v2-onboard-body .f254-v2-panel-head{margin-bottom:14px}
.f254-v2-onboard-body .f254-v2-panel-head h2{font-size:18px;line-height:1.2}
.f254-v2-onboard-body .f254-v2-panel-head p{font-size:12px;line-height:1.45}
.f254-v2-onboard-body .f254-v2-chips{gap:8px}
.f254-v2-onboard-body .f254-v2-chip{min-height:36px;padding:0 11px;gap:7px;font-size:13px;font-weight:750}
.f254-v2-onboard-body .f254-v2-chip .f254-icon{width:17px;height:17px}
.f254-v2-onboard-body .f254-v2-creators{gap:5px}
.f254-v2-onboard-body .f254-v2-creator{min-height:58px;padding:7px 8px;border-radius:12px}
.f254-v2-onboard-body .f254-v2-avatar-img,.f254-v2-onboard-body .f254-v2-creator>.f254-avatar{width:42px!important;height:42px!important}
.f254-v2-onboard-body .f254-v2-follow{min-width:76px;min-height:34px;padding-inline:10px;font-size:12px;border-radius:10px}
.f254-v2-profile-fields{margin-top:16px;gap:12px}
.f254-v2-profile-fields .f254-field{gap:6px}
.f254-v2-profile-fields .f254-label{font-size:12px}
.f254-v2-profile-fields .f254-input,.f254-v2-profile-fields .f254-select{min-height:43px;padding-inline:12px;border-radius:11px;font-size:14px}
.f254-v2-profile-fields .f254-textarea{min-height:92px;padding:11px 12px;border-radius:11px;font-size:14px;line-height:1.45}
.f254-v2-profile-fields .f254-help{font-size:10px;line-height:1.4}
.f254-v2-upload-grid{grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);gap:14px}
.f254-v2-upload{min-height:132px;padding:12px;border-radius:14px;place-items:stretch;text-align:left;overflow:hidden}
.f254-v2-avatar-upload{width:auto!important;height:auto!important;border-radius:14px!important;clip-path:none!important;overflow:hidden!important;display:flex!important;align-items:center;justify-content:flex-start;gap:13px}
.f254-v2-avatar-media{position:relative;display:block;flex:0 0 86px;width:86px;height:86px;border-radius:50%;overflow:hidden;border:2px solid var(--f-surface);box-shadow:0 0 0 1px var(--f-line-strong);background:var(--f-blue-soft)}
.f254-v2-avatar-upload .f254-v2-avatar-media #avatar-placeholder,.f254-v2-avatar-upload .f254-v2-avatar-media #avatar-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid;place-items:center;object-fit:cover!important;border-radius:50%!important;clip-path:circle(50%)!important}
.f254-v2-avatar-upload .f254-v2-avatar-media #avatar-placeholder .f254-v2-avatar-img,.f254-v2-avatar-upload .f254-v2-avatar-media #avatar-placeholder .f254-avatar{width:100%!important;height:100%!important}
.f254-v2-upload-copy{position:relative;z-index:2;display:grid;justify-items:start;gap:3px;pointer-events:none;color:var(--f-text)}
.f254-v2-upload-copy>.f254-icon{width:20px;height:20px;color:var(--f-blue);margin-bottom:3px}
.f254-v2-upload-copy strong{font-size:13px;line-height:1.2}
.f254-v2-upload-copy small{font-size:10px;line-height:1.4;color:var(--f-muted)}
.f254-v2-cover-upload{display:grid;grid-template-rows:minmax(82px,1fr) auto;gap:9px}
.f254-v2-cover-media{position:relative;min-height:82px;border-radius:10px;overflow:hidden;background:var(--f-blue-soft);display:grid;place-items:center;text-align:center}
.f254-v2-cover-media #cover-placeholder{display:grid;place-items:center;gap:7px;font-size:12px;color:var(--f-muted)}
.f254-v2-cover-media #cover-placeholder .f254-icon{width:22px;height:22px;color:var(--f-blue)}
.f254-v2-cover-media #cover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.f254-v2-profile-grid>.f254-v2-panel{min-width:0}
@media(max-width:620px){
  .f254-v2-onboard-body{padding-inline:12px}
  .f254-v2-onboard-body .f254-v2-panel{padding:13px;border-radius:14px}
  .f254-v2-onboard-body .f254-v2-panel+.f254-v2-panel{margin-top:12px}
  .f254-v2-onboard-body .f254-v2-panel-head{gap:10px;margin-bottom:11px}
  .f254-v2-onboard-body .f254-v2-panel-head h2{font-size:17px}
  .f254-v2-onboard-body .f254-v2-panel-head p{font-size:11px}
  .f254-v2-onboard-body .f254-v2-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .f254-v2-onboard-body .f254-v2-chip{width:100%;min-height:35px;padding-inline:9px;font-size:12px;justify-content:flex-start}
  .f254-v2-onboard-body .f254-v2-creator{grid-template-columns:38px minmax(0,1fr) auto 24px!important;gap:7px!important;padding:6px 2px}
  .f254-v2-onboard-body .f254-v2-avatar-img,.f254-v2-onboard-body .f254-v2-creator>.f254-avatar{width:38px!important;height:38px!important}
  .f254-v2-onboard-body .f254-v2-creator strong{font-size:13px}
  .f254-v2-onboard-body .f254-v2-creator small{font-size:10px}
  .f254-v2-onboard-body .f254-v2-follow{min-width:65px!important;min-height:32px;padding-inline:8px!important;font-size:11px}
  .f254-v2-upload-grid{grid-template-columns:1fr;gap:10px}
  .f254-v2-upload{min-height:112px}
  .f254-v2-avatar-upload{min-height:112px;width:100%!important;height:auto!important;justify-self:stretch!important;padding:12px 14px}
  .f254-v2-avatar-media{flex-basis:78px;width:78px;height:78px}
  .f254-v2-cover-upload{min-height:138px;grid-template-rows:84px auto}
  .f254-v2-profile-fields{margin-top:13px;gap:10px}
  .f254-v2-profile-fields .f254-input,.f254-v2-profile-fields .f254-select{min-height:41px;font-size:13px}
  .f254-v2-profile-fields .f254-textarea{min-height:86px;font-size:13px}
  .f254-v2-preview{display:none}
}