/* Public identities and their editors. Member-selected imagery, color variables,
   section order, and Safe HTML remain owned by the page theme. */
.fs-design[data-fs-page="creator-page"] .creator-channel-shell {
  --channel-accent:#b39ac9; --channel-accent-deep:#725792;
  --channel-accent-soft:#eee8f5; --channel-ink:#352746;
  gap:20px;
}
.fs-design[data-fs-page="creator-page"] .creator-shell { max-width:1200px; }
.fs-design .creator-channel-shell>.creator-public-card { border-radius:24px; box-shadow:0 10px 30px #24343b12; }
.fs-design .creator-channel-shell .creator-public-banner { min-height:280px; }
.fs-design .creator-channel-shell .creator-public-avatar { transform:none; border-radius:24px; border-width:3px; }
.fs-design .creator-public-banner { display:flex; flex-direction:column; }
.fs-design .creator-channel-plaque { display:none; }
.fs-design .creator-public-banner-identity { order:0; padding:28px 24px 16px; }
.fs-design .creator-public-banner-top { order:1; padding:0 24px 24px; }
.fs-design .creator-public-banner-top>a { display:none; }
.fs-design .creator-public-banner-top>.flex { justify-content:flex-start; }
.fs-design .creator-public-hero-button { min-height:44px; border-radius:12px; font-size:14px; }
.fs-design .creator-public-bio { padding:24px; font-size:16px; line-height:1.65; }
.fs-design .creator-public-map { position:sticky; top:76px; z-index:10; border-radius:16px; padding:8px; background:#fffdfa; box-shadow:0 4px 16px #24343b0c; }
.fs-design .creator-channel-shell .creator-public-map-links { display:flex; gap:6px; overflow-x:auto; }
.fs-design .creator-public-map-links a { min-height:44px; flex:0 0 auto; padding:10px 16px; border-radius:12px; font-size:14px; }
.fs-design .creator-stage { border-width:1px; border-radius:24px; box-shadow:0 10px 30px #24343b10; }
.fs-design .creator-stage-heading { padding:22px 24px; }
.fs-design .creator-stage-grid { grid-template-columns:minmax(0,1fr) 280px; }
.fs-design .creator-stage-feature { display:flex; flex-direction:column; background:linear-gradient(135deg,#352746,#59416f); }
.fs-design .creator-stage-art { min-height:0; aspect-ratio:16/9; }
.fs-design .creator-stage-body { padding:24px; align-self:stretch; }
.fs-design .creator-stage-body h3 { font-family:inherit; font-weight:800; line-height:1.15; }
.fs-design .creator-stage-around { background:repeating-linear-gradient(#fffdfa 0 31px,#e7e5ed 31px 32px); }
.fs-design .creator-stage-around dl>div { border-radius:12px; box-shadow:none; }
.fs-design .creator-stage-actions :is(a,button) { min-height:48px; border-radius:12px; }
.fs-design .creator-public-section { border-radius:24px; }
.fs-design .creator-public-section h2 { font-size:24px; line-height:1.25; }
.fs-design :is(.creator-public-section,.creator-posts-panel,.creator-guestbook) { scroll-margin-top:158px; }
.fs-design .creator-public-section .creator-section-kicker { display:none; }

/* A cover is expressive; the controls and reading surface stay calm. */
.fs-design[data-fs-page="profile"] .profile-journey-nav { border-radius:16px; padding:8px; gap:6px; }
.fs-design[data-fs-page="profile"] .profile-journey-nav a { min-height:44px; padding:10px 16px; border-radius:12px; font-size:14px; }
.fs-design[data-fs-page="profile"] #full-name { font-size:clamp(28px,3vw,42px); line-height:1.15; letter-spacing:-.035em; overflow-wrap:anywhere; }
.fs-design[data-fs-page="profile"] .profile-section-kicker { font-size:11px; letter-spacing:.08em; }
.fs-design[data-fs-page="profile"] .profile-card { box-shadow:0 6px 22px #24343b0c; }
.fs-design[data-fs-page="artist"] .artist-stage { border-radius:24px; }
.fs-design[data-fs-page="artist"] .artist-display-name { font-size:clamp(32px,4.4vw,64px); line-height:1.06; letter-spacing:-.04em; }
.fs-design[data-fs-page="artist"] .artist-stage-headline { font-size:16px; line-height:1.6; }
.fs-design[data-fs-page="artist"] .artist-stage-actions { flex-wrap:wrap; gap:8px; }
.fs-design[data-fs-page="artist"] .artist-stage-actions button { min-height:48px; border-radius:12px; padding:12px 18px; font-size:14px; }
.fs-design[data-fs-page="artist"] .artist-stage-stats { gap:24px; }
.fs-design[data-fs-page="business-page"] .business-card { border-radius:24px; box-shadow:0 6px 24px #24343b0c; }
.fs-design[data-fs-page="business-page"] .business-cover { min-height:210px; background-color:#245f53; }
.fs-design[data-fs-page="business-page"] .business-title { font-size:clamp(28px,3.5vw,46px); line-height:1.12; letter-spacing:-.035em; overflow-wrap:anywhere; }
.fs-design[data-fs-page="business-page"] .business-eyebrow { font-size:11px; letter-spacing:.08em; }
.fs-design[data-fs-page="business-page"] .business-tabs { border-radius:16px; padding:8px; gap:6px; }
.fs-design[data-fs-page="business-page"] :is(.business-tabs button,.business-button) { min-height:44px; border-radius:12px; font-size:14px; }
.fs-design[data-fs-page="business-page"] .business-actions { gap:8px; }

/* Edit mode is a focused form, not a second onboarding. */
.fs-design[data-creator-page-mode="edit"] .creator-onboarding-hero { padding:24px; border-radius:24px; background:linear-gradient(120deg,#352746,#59416f); }
.fs-design[data-creator-page-mode="edit"] [data-onboarding-title] { font-size:32px; line-height:1.15; }
.fs-design[data-creator-page-mode="edit"] [data-onboarding-intro] { margin-top:8px; font-size:15px; }
.fs-design[data-creator-page-mode="edit"] :is(.fs-setup-details,.creator-onboarding-progress,.creator-confirmation-card,.creator-onboarding-tip) { display:none; }
.fs-design[data-creator-page-mode="edit"] #creator-onboarding-form { display:flex; flex-direction:column; gap:24px; }
.fs-design[data-creator-page-mode="edit"] [data-onboarding-step="2"] { order:-1; }
.fs-design[data-creator-page-mode="edit"] .creator-onboarding-step-panel { border-bottom:1px solid #dcded7; padding-bottom:24px; }
.fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions { position:sticky; bottom:var(--fs-bottom-obstruction,0px); z-index:12; display:flex; flex-direction:row; align-items:center; gap:10px; background:#fffdfa; padding:12px 0; margin-top:0; box-shadow:0 -10px 18px #fffdfa; }
.fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions .watch-button { min-height:48px; font-size:14px; }
.fs-design[data-creator-page-mode="edit"] [data-onboarding-cancel] { flex:0 0 auto; padding-inline:14px; }
.fs-design[data-creator-page-mode="edit"] [data-onboarding-eyebrow] { display:none; }
.fs-editor-recovery { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; margin-bottom:18px; border:1px solid #cadfd4; border-radius:12px; background:#eef7f1; color:#245d52; font-size:14px; }
.fs-editor-recovery[hidden] { display:none; }
.fs-linked-artist-dialog { max-width:520px; width:calc(100% - 24px); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #d8d7d0; border-radius:24px; padding:24px; background:#fffdfa; color:#25353b; box-shadow:0 24px 80px #15262b55; }
.fs-linked-artist-dialog::backdrop { background:#15262b99; }
.fs-linked-artist-dialog header { display:flex; gap:16px; margin-bottom:24px; }
.fs-linked-artist-dialog h2 { font-size:26px; font-weight:800; line-height:1.15; margin-bottom:12px; }
.fs-linked-artist-dialog p { font-size:15px; line-height:1.6; color:#56666a; }
.fs-linked-artist-dialog header button { align-self:flex-start; flex:none; }
.fs-linked-artist-dialog button { min-width:44px; min-height:44px; border-radius:12px; padding:10px 14px; background:#ede9e0; font:inherit; font-weight:700; }
.fs-linked-artist-dialog button[type="submit"] { background:#a73717; color:white; }
.fs-linked-artist-dialog button:disabled { opacity:.6; }
.fs-linked-artist-dialog label { font-weight:700; font-size:15px; }
.fs-linked-artist-dialog input:not([type="checkbox"]) { display:block; width:100%; margin:8px 0 20px; padding:12px; min-height:48px; border:1px solid #b9c2bd; border-radius:12px; background:white; font-size:16px; }
.fs-linked-artist-rights { display:flex; align-items:flex-start; gap:10px; line-height:1.6; }
.fs-linked-artist-rights input { width:22px; height:22px; flex:none; margin-top:2px; accent-color:#255f54; }
.fs-linked-artist-dialog footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:24px; }
.fs-editor-recovery button { border:0; background:transparent; color:inherit; text-decoration:underline; padding:10px; min-height:44px; font:inherit; font-weight:700; }
.friendspace-feed-update { display:block; margin:10px auto; padding:10px 18px; min-height:44px; border:1px solid #c7dacf; border-radius:16px; background:#f1f7ef; color:#245d52; font:inherit; font-weight:700; }
.fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions button { min-height:48px; }
.fs-design :is(.creator-form-field input,.creator-form-field textarea,.business-form input,.business-form textarea) { border-radius:12px; min-height:48px; font-size:16px; }
.fs-design[data-fs-page="profile"] #editProfileModal .modal-content { border-radius:24px; }
.fs-design[data-fs-page="profile"] #editProfileModal :is(.modal-input,.modal-textarea,.modal-select) { font-size:16px; min-height:48px; border-radius:12px; }
.fs-design[data-fs-page="profile"] .profile-workspace-actions { position:sticky; bottom:0; z-index:3; background:var(--card-bg-color); padding:16px 0; }
.fs-design[data-fs-page="profile"] .profile-workspace-actions button { min-height:48px; border-radius:12px; }
.fs-design[data-fs-page="profile"] .profile-workspace-tab { min-height:44px; font-size:14px; border-radius:12px; }
.fs-design[data-fs-page="artist-console"] .hero { border-radius:24px; }
.fs-design[data-fs-page="artist-studio"] :is(input:not([type="checkbox"]):not([type="range"]),select,textarea) { min-height:48px; font-size:16px; border-radius:12px; }

.profile-workspace-section-picker { display:none; }
@media(max-width:767px) {
  .friendspace-has-mobile-nav { --fs-bottom-obstruction:calc(88px + env(safe-area-inset-bottom,0px)); }
  .friendspace-mobile-nav-obscured { --fs-bottom-obstruction:0px; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions { gap:8px; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions>div { flex:1; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions [type="submit"] { width:100%; }
  .fs-design[data-fs-page="creator-page"] .creator-shell { width:calc(100% - 32px); }
  .fs-design .creator-channel-shell .creator-public-banner { min-height:180px; }
  .fs-design .creator-channel-plaque { display:none; }
  .fs-design .creator-public-banner-top { gap:8px; }
  .fs-design .creator-public-banner-top>a { font-size:0; padding:10px 12px; }
  .fs-design .creator-public-banner-top>a i { font-size:16px; }
  .fs-design .creator-public-banner-top>a:focus-visible { outline:3px solid white; }
  .fs-design .creator-public-banner-top .creator-public-hero-button { min-height:44px; }
  .fs-design .creator-stage-heading .creator-section-kicker { display:none; }
  .fs-design .creator-stage-heading h2 { font-size:20px; }
  .fs-design .creator-public-banner-identity { flex-direction:row; align-items:flex-start; gap:14px; padding:24px 20px 16px; }
  .fs-design .creator-public-avatar { width:64px; height:64px; flex-basis:64px; border-radius:18px; }
  .fs-design .creator-public-banner-identity h1 { font-size:28px!important; line-height:1.15; }
  .fs-design .creator-public-banner-top { padding:0 20px 20px; }
  .fs-design .creator-public-map { top:68px; }
  .fs-design .creator-stage-grid { grid-template-columns:1fr; }
  .fs-design .creator-stage-art { min-height:0; }
  .fs-design .creator-stage-around { border-top:1px solid #dcded7; }
  .fs-design .creator-stage-body,.fs-design .creator-stage-heading,.fs-design .creator-public-bio { padding:20px; }
  .fs-design .creator-stage-around { padding:20px; }
  .fs-design .creator-stage-actions { display:grid; grid-template-columns:1fr; }
  .fs-design[data-fs-page="business-page"] .business-cover { min-height:160px; }
  .fs-design[data-fs-page="business-page"] .business-actions { width:100%; }
  .fs-design[data-fs-page="business-page"] .business-actions>.business-button { flex:1 1 auto; justify-content:center; }
  .fs-design[data-fs-page="artist"] .artist-stage-stats { gap:16px; }
  .fs-design[data-fs-page="artist"] .artist-stage-actions button { flex:1 1 auto; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-layout { grid-template-columns:1fr; }
  .fs-design[data-creator-page-mode="edit"] main.watch-shell { padding-top:12px; }
  .fs-design[data-creator-page-mode="edit"] main.watch-shell>section+section { margin-top:12px; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-hero { padding:14px 16px; border-radius:18px; }
  .fs-design[data-creator-page-mode="edit"] [data-onboarding-title] { margin-top:0; font-size:24px; }
  .fs-design[data-creator-page-mode="edit"] [data-onboarding-intro] { margin-top:6px; font-size:13px; line-height:1.45; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-main { padding:16px; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions { padding:10px 0; }
  .fs-design[data-creator-page-mode="edit"] .creator-onboarding-actions>div { min-width:0; }
  .fs-design[data-creator-page-mode="edit"] [data-onboarding-submit] { white-space:nowrap; padding-inline:12px; }
  .fs-design[data-fs-page="profile"] #editProfileModal { padding:0; }
  .fs-design[data-fs-page="profile"] #editProfileModal .modal-content { width:100%; max-width:none; max-height:100dvh; height:100dvh; margin:0; padding:0; transform:none; border-radius:0; }
  .fs-design[data-fs-page="profile"] .profile-workspace-header { padding:16px; gap:8px; }
  .fs-design[data-fs-page="profile"] .profile-workspace-title { font-size:23px; }
  .fs-design[data-fs-page="profile"] .profile-workspace-kicker { display:none; }
  .fs-design[data-fs-page="profile"] .profile-workspace-subtitle { display:none; }
  .fs-design[data-fs-page="profile"] .profile-workspace-tabs { display:none; }
  .fs-design[data-fs-page="profile"] .profile-workspace-section-picker { display:flex; flex-direction:column; gap:6px; margin:0 14px 4px; font-size:13px; font-weight:700; }
  .fs-design[data-fs-page="profile"] .profile-workspace-section-picker select { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--border-color-soft,#bac6c1); border-radius:12px; background:var(--card-bg-color,#fffdfa); color:var(--text-primary-color,#25353b); font-size:16px; }
  .fs-design[data-fs-page="profile"] .profile-workspace-tab { padding:8px 10px; font-size:13px; }
  .fs-design[data-fs-page="profile"] .profile-workspace-tab i { display:none; }
  .fs-design[data-fs-page="profile"] .profile-workspace-form-body { padding:14px; }
  .fs-design[data-fs-page="profile"] .profile-edit-section-heading { display:none; }
  .fs-design[data-fs-page="profile"] .profile-workspace-actions { padding:10px 0 max(10px,env(safe-area-inset-bottom,0px)); }
  .fs-design[data-fs-page="profile"] .profile-workspace-actions button { min-width:0; flex:1; padding:10px; font-size:14px; }
  .fs-design[data-fs-page="business-page"] .business-eyebrow { display:none; }
  .fs-design[data-fs-page="newsfeed"] .friendspace-composer-header>div>p,
  .fs-design[data-fs-page="newsfeed"] #post-composer-title { display:none; }
  .fs-design[data-fs-page="newsfeed"] .friendspace-composer-header { margin-bottom:8px; }
  .fs-design[data-fs-page="newsfeed"] .friendspace-rich-editor-footer>span:first-child { display:none; }
  .fs-design[data-fs-page="newsfeed"] #post-composer { padding:14px; margin-bottom:16px; }
  .fs-design[data-fs-page="newsfeed"] .friendspace-rich-editor-surface { min-height:76px; }
}

.creator-public-video-preview { display:block; position:relative; aspect-ratio:16/9; width:100%; background:#23343b; color:white; border-radius:16px; overflow:hidden; }
.creator-public-video-preview img { width:100%; height:100%; object-fit:contain; }
.creator-public-video-preview>span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:#a83d1dee; font-size:20px; }

.fs-library-more { display:block; min-height:44px; margin:16px 0; padding:10px 16px; border:1px solid #a8bdb3; border-radius:12px; background:#f4f8f2; color:#245d52; font:inherit; font-weight:700; }
.fs-library-more:disabled { opacity:.6; }

@media(max-width:767px) {
  .fs-design .creator-channel-shell { gap:14px; }
  .fs-design .creator-channel-shell .creator-public-banner { min-height:0; }
  .fs-design .creator-public-banner-identity { padding:18px 16px 10px; gap:12px; }
  .fs-design .creator-public-banner-identity [data-creator-channel-kicker] { display:none; }
  .fs-design .creator-public-banner-identity h1 { margin-top:0; font-size:26px!important; }
  .fs-design [data-creator-public-handle] { font-size:14px; }
  .fs-design [data-creator-follower-count] { display:inline-block; margin-top:8px; font-size:12px; }
  .fs-design .creator-public-location-line { display:inline-flex; margin-top:8px; margin-left:8px; font-size:12px; }
  .fs-design [data-creator-public-roles] { margin-top:8px; gap:5px; }
  .fs-design .creator-public-role { padding:3px 7px; font-size:11px; }
  .fs-design .creator-public-banner-top { padding:0 16px 16px; }
  .fs-design.creator-experience-enabled .creator-public-bio { padding:12px 16px!important; }
  .fs-design .creator-public-bio-label { display:none; }
  .fs-design.creator-experience-enabled .creator-public-bio p { font-size:14px; }
  .fs-design .creator-channel-shell .creator-public-map-links { flex-wrap:wrap; gap:4px; }
  .fs-design .creator-public-map-links a { flex:1 0 auto; min-width:0; justify-content:center; padding:8px; font-size:13px; }
  .fs-design .creator-public-map-links a i,.fs-design .creator-public-map-links a small { display:none; }
  .fs-design .creator-stage-heading { padding:12px 16px; }
  .fs-design .creator-stage-heading h2 { font-size:20px; }
}