/* UGCHost creator experience optimization — shared across all creator pages */
:root{--ugc-page-max:1920px;--ugc-gutter:clamp(14px,2vw,34px);--ugc-touch:44px}
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
img{height:auto}
button,input,select,textarea{max-width:100%;font:inherit}
button,a,select,input[type=checkbox],input[type=radio]{touch-action:manipulation}
.dash-shell,.account-page,.profile-editor-shell{width:100%;max-width:var(--ugc-page-max);margin-inline:auto;min-width:0}
.dash-main,.account-main,.profile-editor-main,.main-column,.side-column{min-width:0}
.dash-main{padding-inline:var(--ugc-gutter)}
.dash-top>*,.account-head>*,.editor-top>*{min-width:0}
.dash-top h1,.account-head h1,.editor-top h1{font-size:clamp(1.75rem,3vw,3.35rem);line-height:1.08;text-wrap:balance}
.hero-dashboard h2{font-size:clamp(1.6rem,2.5vw,2.75rem);line-height:1.1;text-wrap:balance}
.hero-dashboard,.dashboard-black-panels,.content-grid,.metric-grid,.editor-grid,.account-grid,.payout-grid,.summary{min-width:0}
.hero-dashboard>*,
.dashboard-black-panels>*,
.content-grid>*,
.metric-grid>*,
.editor-grid>*,
.account-grid>*,
.payout-grid>*,
.summary>*{min-width:0}
.creator-banner-gallery img,.creator-photo-grid img,.portfolio-grid img,.creator-dashboard-photos img,.saved-photo-row img{display:block;width:100%;object-fit:cover;background:#e9edf4}
.panel,.settings-card,.editor-section,.dashboard-black-panel-large,.earnings-mini-panel{overflow-wrap:anywhere}
.top-actions,.settings-actions,.hero-actions,.quick-edit-row,.email-step-actions{flex-wrap:wrap}
.top-actions>a,.top-actions>button,.hero-actions>a,.hero-actions>button{min-height:var(--ugc-touch);display:inline-flex;align-items:center;justify-content:center}
input:not([type=checkbox]):not([type=radio]),select,textarea,button{min-height:var(--ugc-touch)}
textarea{resize:vertical}
.otp-inputs,.otp-row{max-width:100%;grid-template-columns:repeat(6,minmax(38px,1fr))}
.email-flow-dialog,.success-dialog,[role=dialog]:not(#creatorProfileOnboarding){max-width:min(94vw,720px);max-height:min(92dvh,900px);overflow:auto;overscroll-behavior:contain}
.notification-drawer{max-width:min(94vw,430px);max-height:min(75dvh,720px);overflow:auto}
.calendar-week-grid,.calendar-grid{min-width:0}
.calendar-week-grid>*{min-width:0}
.creator-software-boxes{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}
.creator-tool-card{min-width:0}
.creator-tool-card span,.creator-tool-card strong{overflow-wrap:anywhere}
.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.dashboard-black-panels{align-items:stretch}
.dashboard-black-panel-large{min-width:0}
.profile-live-status,.quick-status-control{max-width:100%}
.profile-live-status-text{white-space:nowrap}
.editor-section-nav{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.editor-section-nav>*{flex:0 0 auto}
@media(min-width:1600px){
  .dash-main,.account-main,.profile-editor-main{padding-inline:clamp(34px,3vw,64px)}
  .content-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr)}
}
@media(max-width:1180px){
  .dash-sidebar{width:220px}
  .dash-main{padding:24px}
  .dash-top{gap:18px}
  .top-actions{justify-content:flex-start}
  .hero-dashboard{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}
  .dashboard-black-panels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-black-panel-large{grid-column:1/-1}
  .creator-software-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .account-grid{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:900px){
  .dash-shell{display:block!important}
  .dash-sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px var(--ugc-gutter)!important;display:grid!important;grid-template-columns:auto minmax(180px,1fr);grid-template-areas:"brand user" "nav nav";align-items:center;gap:12px;border-right:0!important;border-bottom:1px solid rgba(15,23,42,.1);z-index:20}
  .dash-brand{grid-area:brand;margin:0!important}
  .dash-user{grid-area:user;margin:0!important;justify-self:end;max-width:min(100%,330px)}
  .dash-nav{grid-area:nav;display:flex!important;gap:8px;overflow-x:auto;padding:4px 0 8px!important;margin:0!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .dash-nav a{flex:0 0 auto!important;white-space:nowrap;scroll-snap-align:start}
  .sidebar-card,.editor-sidebar-note{grid-area:nav;margin-top:72px!important}
  .dash-main,.profile-editor-main{width:100%!important;margin:0!important;padding:22px var(--ugc-gutter)!important}
  .dash-top,.editor-top{grid-template-columns:1fr!important;display:grid!important}
  .top-actions{justify-content:flex-start!important}
  .hero-dashboard{grid-template-columns:1fr!important}
  .hero-visual{min-height:340px}
  .content-grid,.editor-grid{grid-template-columns:1fr!important}
  .main-column,.side-column{width:100%}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-page{display:block!important}
  .account-side{position:relative!important;width:100%!important;min-height:0!important;padding:16px var(--ugc-gutter)!important}
  .account-nav{display:flex!important;gap:8px;overflow-x:auto;padding-bottom:8px}
  .account-nav a{flex:0 0 auto;white-space:nowrap}
  .account-main{width:100%!important;margin:0!important;padding:22px var(--ugc-gutter)!important}
  .account-grid{grid-template-columns:1fr!important}
  .account-head{grid-template-columns:1fr!important}
  .account-head-tools{justify-content:flex-start!important}
  .payout-grid{grid-template-columns:1fr!important}
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-editor-shell{display:block!important}
  .profile-editor-main{margin-left:0!important}
}
@media(max-width:640px){
  :root{--ugc-gutter:14px}
  .dash-sidebar{grid-template-columns:1fr;grid-template-areas:"brand" "user" "nav";align-items:start}
  .dash-user{justify-self:stretch;width:100%;max-width:none}
  .sidebar-card,.editor-sidebar-note{display:none!important}
  .dash-main,.account-main,.profile-editor-main{padding:16px var(--ugc-gutter)!important}
  .dash-top h1,.account-head h1,.editor-top h1{font-size:clamp(1.75rem,9vw,2.5rem)}
  .dash-top p,.account-head p,.editor-top p{font-size:.98rem;line-height:1.55}
  .top-actions,.hero-actions,.settings-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .top-actions>a,.top-actions>button,.hero-actions>a,.hero-actions>button,.settings-actions>button{width:100%!important}
  .hero-dashboard{padding:20px!important;border-radius:22px!important}
  .hero-visual{min-height:280px}
  .creator-banner-gallery,.creator-photo-grid{transform:scale(.92);transform-origin:center}
  .quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-action-button{min-width:0!important;padding-inline:10px!important}
  .metric-grid,.summary{grid-template-columns:1fr!important}
  .dashboard-black-panels{grid-template-columns:1fr!important}
  .dashboard-black-panel-large{grid-column:auto}
  .creator-software-head{align-items:flex-start!important;flex-direction:column!important}
  .creator-software-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel,.settings-card,.editor-section,.payout-card{padding:18px!important;border-radius:18px!important}
  .profile-edit-grid,.field-grid,.editor-grid{grid-template-columns:1fr!important}
  .profile-edit-grid .full,.field-grid .full{grid-column:auto!important}
  .portfolio-grid,.opportunity-strip{grid-template-columns:1fr!important}
  .job-list>div,.message-list>div,.social-list>div,.method-row{align-items:flex-start!important;gap:10px;flex-wrap:wrap}
  .calendar-day-card{padding:12px!important}
  .calendar-day-hours{grid-template-columns:1fr!important}
  .otp-inputs,.otp-row{gap:6px!important;grid-template-columns:repeat(6,minmax(34px,1fr))}
  .otp-inputs input,.otp-row input{padding-inline:0!important;text-align:center}
  .email-flow-dialog,.success-dialog,[role=dialog]:not(#creatorProfileOnboarding){width:calc(100vw - 20px)!important;max-width:none!important;border-radius:20px!important}
  .notification-drawer{position:fixed!important;left:10px!important;right:10px!important;top:76px!important;width:auto!important}
  .creator-weather,.account-head-weather{width:100%!important;min-width:0!important}
}
@media(max-width:390px){
  .quick-action-grid,.creator-software-boxes{grid-template-columns:1fr}
  .otp-inputs,.otp-row{grid-template-columns:repeat(3,minmax(44px,1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@supports(content-visibility:auto){
  .content-grid .panel,.editor-section:nth-of-type(n+2),.settings-card:nth-of-type(n+2),.dashboard-black-panels{content-visibility:auto;contain-intrinsic-size:auto 500px}
}