:root{color-scheme:light;--bg:#f3f5f8;--panel:#ffffff;--line:#d6dde7;--text:#1e2938;--muted:#637286;--accent:#315f91;--red:#e5233f;--green:#35c58b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#315f91}header{border-bottom:1px solid var(--line);background:#f3f5f8}.bar{max-width:1080px;margin:auto;padding:20px;display:flex;align-items:center;gap:24px}.brand{font-size:24px;font-weight:900;color:#172436;text-decoration:none}.brand span{color:var(--accent)}nav{margin-left:auto;display:flex;align-items:center;gap:8px}nav a,.link{border:0;background:none;color:#344256;padding:9px 12px;text-decoration:none;font:inherit;cursor:pointer}.nav-button{border-radius:7px;background:var(--accent)!important;color:#ffffff!important;font-weight:800}main{max-width:1080px;margin:auto;padding:36px 20px 72px}.auth{max-width:560px;margin:45px auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.muted{color:var(--muted)}label{display:block;font-weight:700;margin-top:12px}input,select,textarea{display:block;width:100%;min-height:48px;margin-top:5px;padding:12px;background:#ffffff;border:1px solid #c8d1dc;border-radius:7px;color:#1e2938;font:inherit}textarea{resize:vertical}.button,button{cursor:pointer;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#ffffff;font-weight:750;padding:12px 18px;margin-top:16px}.secondary{background:#e9eef5;color:#26374c;border-color:#d2dbe6}.submit{background:var(--green)}.notice{padding:12px 16px;border-left:4px solid var(--accent);border-radius:7px;background:#edf3f9}.notice.success{border-color:var(--green)}.notice.error{border-color:var(--red)}.two-column,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.social-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(240px,1.6fr) minmax(120px,.6fr);gap:12px;padding:10px 0}.social-row+.social-row{border-top:1px solid var(--line)}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.optional{font-weight:400;color:var(--muted)}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9eef5;color:#334155;font-weight:750}.status-approved{background:#e1f4eb;color:#17663f}.status-rejected{background:#fde8eb;color:#9c2635}.status-changes_requested{background:#fff4d9;color:#795500}.status-awaiting_review{background:#e7f0fa;color:#285887}.review-card{border-color:#9db2ca}h1{font-size:clamp(30px,5vw,46px);line-height:1.1}h2{margin-top:0}dt{font-size:12px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}dd{margin:2px 0 16px}.empty-status{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px dashed #b8c3d0;border-radius:10px}.empty-status span{color:var(--muted)}details{margin-top:22px}details form{padding-top:8px}.page-heading,.draft-row,.page-card-head,.cover-editor{display:flex;align-items:center;justify-content:space-between;gap:24px}.page-heading{margin:12px 0 28px}.page-heading h1{margin:.15em 0}.button{display:inline-block;text-decoration:none;white-space:nowrap}.draft-row h2{margin:10px 0 0}.small{padding:7px 10px;margin:0;font-size:13px}.danger{background:#8c2638;color:#fff}.danger-zone{border-color:#6f2936}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.inline-actions form{margin:0}.cover-editor{align-items:flex-start}.cover-editor>*{flex:1}.cover-preview,.page-media img,.page-media video{display:block;max-width:100%;max-height:520px;margin:auto;border-radius:10px}.cover-preview{max-width:320px}.media-placeholder{display:grid;place-items:center;min-height:180px;border:1px dashed #b8c3d0;border-radius:10px;color:var(--muted)}.page-card{overflow:hidden}.page-media{margin:18px 0;padding:12px;background:#f3f5f8;border-radius:10px}.text-page,.preview-text{white-space:normal;overflow-wrap:anywhere}.page-upload{padding-top:12px}.preview-heading{max-width:760px;margin:28px auto;text-align:center}.preview-stack{display:grid;gap:28px;max-width:760px;margin:auto}.preview-page{display:grid;place-items:center;min-height:300px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.preview-page img,.preview-page video{display:block;max-width:100%;max-height:760px;border-radius:10px}.preview-text{width:100%;font-size:18px;line-height:1.7}@media(max-width:720px){.bar{align-items:flex-start;flex-direction:column}nav{margin-left:0;flex-wrap:wrap}.two-column,.form-grid,.form-grid.three,.social-row{grid-template-columns:1fr}.page-heading,.draft-row,.page-card-head,.cover-editor{align-items:stretch;flex-direction:column}.inline-actions{align-self:flex-start}.cover-preview{max-width:100%}}

.creator-samples-bar{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.creator-samples-brand{font-size:21px;font-weight:850;color:var(--text);text-decoration:none}.creator-samples-brand span{color:var(--accent)}.creator-samples-bar nav{display:flex;gap:18px;flex-wrap:wrap}.creator-samples-bar nav a{padding:8px 0;color:var(--accent);font-weight:700;text-decoration:none}.creator-sample-site{background:var(--bg);color:var(--text)}.creator-sample-site main{max-width:1180px;margin:auto;padding:28px 24px 64px}.creator-sample-site .sample-intro{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px;margin:12px 0 28px;box-shadow:0 4px 16px #1724360b}.creator-sample-site .sample-intro h1,.creator-sample-site .sample-reader-guide h1,.creator-sample-site .sample-intro p:not(.sample-eyebrow){color:var(--text)}.creator-sample-site .sample-eyebrow{color:var(--accent)}.creator-sample-site .sample-grid{gap:20px}.creator-sample-site .sample-tile,.creator-sample-site .card-detail{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:0 4px 16px #1724360b}.creator-sample-site .sample-tile h2,.creator-sample-site .sample-tile p,.creator-sample-site .sample-reader-guide p,.creator-sample-site .sample-page-explanation{color:var(--text)}.creator-sample-site .sample-tile span,.creator-sample-site .sample-page-hint,.creator-sample-site .sample-disclosure{color:var(--muted)}.creator-sample-site .sample-page-explanation{border-color:var(--line)}.creator-sample-site .sample-page-title{color:var(--text)}.creator-sample-site .sample-reader-guide{background:var(--panel);border-left-color:var(--line)}.creator-sample-site .sample-access,.creator-sample-site .sample-invitation{background:#edf3f9;border-color:#d6dde7;color:var(--text)}.creator-sample-site .sample-invitation h2,.creator-sample-site .sample-invitation p{color:var(--text)}.creator-sample-site .sample-back,.creator-sample-site .sample-creation-action,.creator-sample-site .card-page-link{color:var(--accent);border-color:#b9c8d8}.creator-sample-site .card-page-nav{border-color:var(--line)}@media(max-width:720px){.creator-samples-bar{align-items:flex-start;flex-direction:column;padding:14px 18px}.creator-samples-bar nav{margin:0}.creator-sample-site main{padding:22px 16px 48px}.creator-sample-site .sample-intro{padding:22px}}

body.sample-site.creator-sample-site{background:#f3f5f8!important;color:#1e2938!important}

nav{align-items:center;gap:8px}nav form{display:flex;align-items:center;margin:0}nav a,nav .link{display:inline-flex;align-items:center;min-height:44px;line-height:1.2;margin:0;padding:9px 12px}nav .link{font-family:inherit;font-size:inherit}
.agreement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.agreement-heading h2{margin:0}.agreement-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f6f8fb;padding:16px;border:1px solid var(--line);border-radius:8px;max-height:60vh;overflow:auto}.agreement-check{display:flex;align-items:center;gap:10px}.agreement-check input{width:22px;min-height:22px;margin:0}@media(max-width:720px){nav{align-items:flex-start}nav form{align-items:flex-start}.agreement-heading{align-items:flex-start;flex-direction:column}}


/* Creator samples use the light workspace palette throughout. */
body.sample-site.creator-sample-site .sample-reader-guide{background:var(--panel);color:var(--text)}
body.sample-site.creator-sample-site .sample-reader-guide>p{color:var(--text)}
body.sample-site.creator-sample-site .sample-reader-guide>.sample-access{background:#edf3f9;border:1px solid #d6dde7;border-radius:8px;padding:10px 14px;color:#344256;max-width:100%}
body.sample-site.creator-sample-site .sample-page-explanation{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #1724360a}
body.sample-site.creator-sample-site .sample-page-explanation[open]{background:#f3f6fa;border-color:#b9c8d8;box-shadow:inset 3px 0 var(--accent),0 3px 10px #1724360a}
body.sample-site.creator-sample-site .sample-page-explanation .sample-page-title,body.sample-site.creator-sample-site .sample-page-explanation[open] .sample-page-heading{color:var(--text)}
body.sample-site.creator-sample-site .sample-page-explanation .sample-page-title[aria-current]{color:#244f7c}
body.sample-site.creator-sample-site .sample-page-number,body.sample-site.creator-sample-site .sample-page-chevron{color:var(--accent)}
body.sample-site.creator-sample-site .sample-page-hint{color:#637286}
body.sample-site.creator-sample-site .sample-page-explanation>div>p{color:#344256}
body.sample-site.creator-sample-site .sample-reader-guide .sample-disclosure{color:#637286}


/* Fanz Creator Earnings Calculator: creator workspace palette */


#fanz-earnings-calculator{--bg:#0d0d12;--panel:#17171f;--panel2:#20202a;--text:#f7f7fb;--muted:#aaaabb;--accent:#b16cff;--accent2:#ff5fc7;--good:#67e0a3;--border:#30303f;--shadow:0 10px 28px rgba(0,0,0,.24)}
#fanz-earnings-calculator,#fanz-earnings-calculator *{box-sizing:border-box} #fanz-earnings-calculator{background:radial-gradient(circle at top,#20152f 0%,var(--bg) 40%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.3;border-radius:18px;overflow:hidden}
#fanz-earnings-calculator .fanz-calc-wrap{width:min(100%,460px);margin:0 auto;padding:10px 10px 28px}#fanz-earnings-calculator .top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 2px 8px}.top h1{font-size:1rem;margin:0}#fanz-earnings-calculator .badge{font-size:.7rem;color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:999px}
#fanz-earnings-calculator .results{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(13,13,18,.98),rgba(13,13,18,.92));padding:6px 0 8px;backdrop-filter:blur(10px)}
#fanz-earnings-calculator .pitch{font-size:.95rem;line-height:1.35;text-align:center;margin:0 0 8px;color:#f4effa}#fanz-earnings-calculator .pitch strong{color:var(--good)}
#fanz-earnings-calculator .result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}#fanz-earnings-calculator .result{border:1px solid var(--border);background:linear-gradient(145deg,#1f1f29,#15151c);border-radius:14px;padding:10px 8px;text-align:center;box-shadow:var(--shadow)}#fanz-earnings-calculator .result.hero{border-color:rgba(103,224,163,.35);background:linear-gradient(145deg,rgba(103,224,163,.12),#17171f 58%)}#fanz-earnings-calculator .result .label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}#fanz-earnings-calculator .result .big{font-size:clamp(.72rem,4.5vw,1.22rem);font-weight:900;margin:3px 0 1px;white-space:nowrap;letter-spacing:-.035em;transform-origin:center;transition:color .12s ease}
@keyframes earnHit{
  0%{transform:scale(1)}
  32%{transform:scale(1.24)}
  62%{transform:scale(.90)}
  82%{transform:scale(1.08)}
  100%{transform:scale(1)}
}
#fanz-earnings-calculator .result .big.up-hit{
  color:var(--good)!important;
  animation:earnHit .5s cubic-bezier(.2,.9,.25,1);
  text-shadow:0 0 18px rgba(103,224,163,.40)
}#fanz-earnings-calculator .result.hero .big{color:var(--text)}#fanz-earnings-calculator .result .small{font-size:.66rem;color:var(--muted)}
#fanz-earnings-calculator .panel{background:rgba(23,23,31,.96);border:1px solid var(--border);border-radius:14px;padding:9px 10px;margin-bottom:7px;box-shadow:var(--shadow)}#fanz-earnings-calculator .row{margin:5px 0 7px}#fanz-earnings-calculator .row:first-child{margin-top:0}
#fanz-earnings-calculator .panel>#fanz-earnings-calculator .row{padding:9px 9px 8px;border-radius:11px;margin:7px 0}
#fanz-earnings-calculator .panel>#fanz-earnings-calculator .row:nth-child(1){background:rgba(177,108,255,.08)}
#fanz-earnings-calculator .panel>#fanz-earnings-calculator .row:nth-child(2){background:rgba(120,126,255,.07)}
#fanz-earnings-calculator .panel>#fanz-earnings-calculator .row:nth-child(3){background:rgba(255,95,199,.07)}
#fanz-earnings-calculator .panel>#fanz-earnings-calculator .row #fanz-earnings-calculator .name{font-weight:750;font-size:.82rem}#fanz-earnings-calculator .head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:0}#fanz-earnings-calculator .name{font-size:.78rem;color:#e5e5ec}#fanz-earnings-calculator .value{font-weight:900;font-size:.95rem;color:var(--accent2);font-variant-numeric:tabular-nums}
#fanz-earnings-calculator input[type=range]{width:100%;height:22px;margin:0;accent-color:var(--accent)}
#fanz-earnings-calculator .choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;justify-content:center}#fanz-earnings-calculator .choice{position:relative;flex:0 0 92px;width:92px}#fanz-earnings-calculator .choice input{position:absolute;opacity:0;pointer-events:none}#fanz-earnings-calculator .choice label{display:block;text-align:center;padding:8px 7px;border:1px solid var(--border);border-radius:9px;background:#111119;color:#d7d7e1;font-size:.72rem;font-weight:800;cursor:pointer;user-select:none}#fanz-earnings-calculator .choice input:checked+label{border-color:var(--accent);background:rgba(177,108,255,.18);color:#fff;box-shadow:0 0 0 1px rgba(177,108,255,.15) inset}#fanz-earnings-calculator .choice label:active{transform:scale(.96)}
#fanz-earnings-calculator .frequency-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
#fanz-earnings-calculator .frequency-choices .choice{width:auto;min-width:0;flex:none}#fanz-earnings-calculator .frequency-choices .choice label{padding-left:3px;padding-right:3px}

#fanz-earnings-calculator .debug{display:none;margin-top:7px;font:10px ui-monospace,monospace;white-space:pre-wrap;background:#101015;border:1px dashed #353544;border-radius:10px;padding:8px;color:#c7c7d3}#fanz-earnings-calculator .debug.on{display:block}#fanz-earnings-calculator .debug-toggle{width:100%;border:1px solid var(--border);background:transparent;color:var(--muted);padding:8px;border-radius:9px;font-size:.72rem}
#fanz-earnings-calculator .tickline{display:flex;justify-content:space-between;color:#777789;font-size:.56rem;padding:0 2px;margin-top:-4px}#fanz-earnings-calculator .fine{font-size:.63rem;color:#818192;text-align:center;margin-top:8px}#fanz-earnings-calculator .numberbox{width:100%;background:#111119;border:1px solid var(--border);color:var(--text);font-size:1.05rem;font-weight:800;padding:8px 10px;border-radius:11px;outline:none;font-variant-numeric:tabular-nums}#fanz-earnings-calculator .numberbox:focus{border-color:var(--accent)}
#fanz-earnings-calculator .follower-row{display:flex;align-items:center;gap:8px;padding:6px 8px!important}
#fanz-earnings-calculator .follower-row #fanz-earnings-calculator .name{white-space:nowrap}
#fanz-earnings-calculator .follower-input{flex:1;min-width:0;text-align:right}
@media(min-width:760px){#fanz-earnings-calculator .fanz-calc-wrap{width:min(100%,760px)}#fanz-earnings-calculator .result .big{font-size:clamp(1rem,3vw,1.55rem)}}

#fanz-earnings-calculator .panel>.row+.row{margin-top:16px!important}

/* Light workspace adaptation for the creator Earnings Calculator. */
#fanz-earnings-calculator{--bg:#f3f5f8;--panel:#fff;--panel2:#f6f8fb;--text:#1e2938;--muted:#637286;--accent:#315f91;--accent2:#315f91;--good:#17663f;--border:#d6dde7;--shadow:0 4px 14px rgba(23,36,54,.08);background:#f3f5f8;border:1px solid var(--border)}
#fanz-earnings-calculator .results{background:linear-gradient(180deg,rgba(243,245,248,.98),rgba(243,245,248,.92))}
#fanz-earnings-calculator .pitch{color:#344256}
#fanz-earnings-calculator .result{background:#fff}
#fanz-earnings-calculator .result.hero{border-color:#b9c8d8;background:linear-gradient(145deg,#eaf1f8,#fff 78%)}
#fanz-earnings-calculator .panel{background:#fff}
#fanz-earnings-calculator .name{color:#344256}
#fanz-earnings-calculator .choice label{background:#fff;color:#344256}
#fanz-earnings-calculator .choice input:checked+label{background:#e7f0fa;color:#1e2938;box-shadow:0 0 0 1px rgba(49,95,145,.12) inset}
#fanz-earnings-calculator .numberbox{background:#fff;color:#1e2938}
#fanz-earnings-calculator .fine{color:#637286}
#fanz-earnings-calculator .debug{background:#f6f8fb;color:#344256;border-color:#c8d1dc}
#fanz-earnings-calculator .calculator-prompt{font-size:.95rem;font-weight:750;color:#1e2938}
#fanz-earnings-calculator .top h1{font-size:1rem;margin:0}
#fanz-earnings-calculator .choice input:focus-visible+label{outline:3px solid #315f91;outline-offset:2px}

.profile-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.profile-media-item{min-width:0;padding:1rem;border:1px solid var(--line,#d7deea);border-radius:12px;background:#fff}.profile-media-item h3{margin-top:0}.profile-media-item>img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:8px;background:#edf1f6}.profile-media-empty{display:grid;place-items:center;min-height:140px;border:1px dashed #9aa7bc;border-radius:8px;color:#64748b;background:#f7f9fc}.profile-media-item form{margin-top:1rem}.profile-media-item label{display:grid;gap:.5rem}.profile-media-item button{margin-top:.75rem}

/* Private profile safety editor; preserve the creator portal's light theme. */
.profile-media-preview{display:block;width:100%;height:180px;object-fit:cover;border-radius:8px}.profile-media-avatar{width:150px;height:150px;border-radius:50%}.profile-media-item input[type=checkbox]{display:inline-block;width:auto;min-height:0;margin-right:8px}
.creator-safety-debug{margin:16px 0;min-width:0}.creator-safety-debug summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.creator-safety-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;padding:12px;background:#edf2f8;color:#17213a;border:1px solid #c8d0df;border-radius:8px}

@media(max-width:600px){
 #fanz-earnings-calculator .follower-row{flex-direction:column;align-items:stretch;gap:10px}
 #fanz-earnings-calculator .follower-row .name{white-space:normal}
 #fanz-earnings-calculator .follower-input{flex:none;width:100%;min-height:48px;text-align:start;font-size:1.125rem}
 #fanz-earnings-calculator .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #fanz-earnings-calculator .result{min-width:0}
}
.profile-image-upload [hidden]{display:none!important}
.profile-image-upload .profile-upload-selection{width:100%;max-height:180px;object-fit:contain;border-radius:8px;background:#edf1f6;margin-top:12px}
.profile-image-upload .profile-upload-feedback{padding:12px;border-radius:8px;background:#edf2fa;color:#203e67;overflow-wrap:anywhere}
.profile-image-upload .profile-upload-feedback[data-state=success]{background:#eaf5ed;color:#205b34}
.profile-image-upload .profile-upload-feedback[data-state=error]{background:#fff0ed;color:#8a2921}
.profile-image-upload progress{display:block;width:100%;height:18px;margin:12px 0;accent-color:#315f91}
.profile-image-upload[aria-busy=true] button{cursor:wait;opacity:.75}
.profile-media-item>img.profile-media-avatar{width:160px;height:160px;max-height:none;border-radius:50%;object-fit:cover;margin-inline:auto}
.profile-media-item>img.profile-media-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.profile-image-upload .profile-crop-preview{display:block;width:100%;max-width:360px;height:auto;margin:16px auto;touch-action:none;background:#edf1f6;cursor:grab}
.profile-image-upload .profile-crop-avatar{border-radius:50%;aspect-ratio:1}
.profile-image-upload .profile-crop-hero{border-radius:8px;aspect-ratio:16/9}
.profile-image-upload input[type=range]{padding:0;min-height:44px;accent-color:#315f91}
.profile-image-upload .profile-upload-feedback:is([data-state=loading],[data-state=uploading],[data-state=saving]){position:fixed;z-index:10000;inset:auto 16px max(20px,env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;margin:0 auto;padding:18px 22px;display:flex;align-items:center;gap:14px;background:#203e67;color:#fff;border:2px solid #fff;box-shadow:0 6px 28px #17213a40;font-size:1.1rem;font-weight:700;pointer-events:none}
.profile-image-upload .profile-upload-feedback:is([data-state=loading],[data-state=uploading],[data-state=saving])::before{content:'';flex:0 0 22px;width:22px;height:22px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:profile-upload-spin .8s linear infinite}
@keyframes profile-upload-spin{to{transform:rotate(360deg)}}
.profile-media-item.profile-file-dragover{outline:3px dashed #315f91;outline-offset:-4px;background:#edf3fc}
.profile-image-review-choices{display:grid;gap:12px;margin-top:16px}.profile-image-review-choices>details{border:1px solid #c8d1dc;border-radius:8px;padding:0 14px}.profile-image-review-choices>details>summary{min-height:48px;padding:12px 0;cursor:pointer;font-weight:700;color:#203e67}.profile-media-item[data-image-editor=replacement] [data-image-existing],.profile-media-item[data-image-editor=replacement] [data-image-review-choice]{display:none!important}
@media(prefers-reduced-motion:reduce){.profile-image-upload .profile-upload-feedback::before{animation:none!important}}
.profile-media-item label:has(>input[type=checkbox]){display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.profile-media-item label>input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:#315f91}
.profile-media-item [data-image-existing]>img.profile-media-avatar{display:block;width:160px;height:160px;max-height:none;border-radius:50%;object-fit:cover;margin-inline:auto}
.application-steps{display:flex;margin:0 0 24px;gap:12px;flex-wrap:wrap}.application-steps>a{display:flex;flex:1 1 130px;flex-direction:column;min-height:64px;padding:12px 16px;border-bottom:3px solid #d6dde7;text-decoration:none;color:#203e67}.application-steps>a[aria-current=step]{border-color:#315f91;background:#e9eff8}.application-steps small{color:#637286}.application-image-step{max-width:720px;margin-inline:auto}.application-step-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:720px;margin:20px auto}.application-step-actions .button{margin:0}.profile-media-item img.profile-media-avatar{display:block;margin-left:auto;margin-right:auto}
.profile-image-preview-frame{display:grid;justify-items:center;width:100%;margin:16px 0}.profile-image-preview-frame>.profile-media-avatar{display:block;width:160px;height:160px;border-radius:50%;object-fit:cover}.profile-image-preview-frame>.profile-media-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.verification-alert{position:relative;margin:0 0 24px;padding:24px 24px 24px 78px;background:#fff1cf;color:#642b00;border:2px solid #bf6500;border-left-width:8px;box-shadow:0 3px 12px #6b360018}.verification-alert::before{content:"!";position:absolute;top:24px;left:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#9e3c00;color:#fff;font-size:26px;font-weight:900}.verification-alert strong{display:block;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25;color:#7b2900}.verification-alert p{margin:12px 0 18px;font-size:1.05rem}.verification-alert a{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border-radius:7px;background:#813000;color:#fff;font-weight:750;text-decoration:none}.verification-alert a:focus-visible{outline:3px solid #315f91;outline-offset:3px}@media(max-width:480px){.verification-alert{padding:20px}.verification-alert::before{position:static;margin-bottom:12px}.verification-alert a{justify-content:center;width:100%}}
.application-form .social-row{grid-template-columns:minmax(0,2.5fr) minmax(100px,1fr)}@media(max-width:600px){.application-form .social-row{grid-template-columns:minmax(0,1fr)}}
.application-form input[name="country"]{width:7ch;min-width:0;text-transform:uppercase}
input[type="checkbox"]{width:1.1rem;height:1.1rem;min-height:0;display:inline-block;margin:0 .5rem 0 0;vertical-align:middle;padding:0}

textarea[name="reason"]{font-weight:400}
textarea[name="bio"]{font-weight:400}
.application-step-actions>.button,.application-step-actions form>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;padding:12px 18px;font:inherit;font-weight:700;line-height:1.5;margin:0}.application-step-actions form{margin:0}.application-step-actions form>button{background:#287447;color:#fff}.application-step-actions form>button:hover{background:#21623c}
.application-step-actions>.button,.application-step-actions form>button{min-width:190px}
.creator-safety-debug{margin:8px 0}.creator-safety-debug>summary{justify-content:flex-end;min-height:24px;font-size:.75rem;text-decoration:underline;color:#637286}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]):not([type="range"]):not([type="color"]),textarea{font-weight:400}

/* Separate the AI result, appeal, and human decision. */
.profile-media-item [data-image-existing] > .notice + .notice { margin-top: 24px; }
/* Card editor file selection: preserve native picker and explicit upload. */
.card-file-drop{display:grid;gap:10px;padding:16px;margin-top:6px;border:2px dashed #9eafc9;border-radius:8px;background:#f7f9fc;color:#344b6e;font-weight:400}
.card-file-drop.is-dragging{border-color:#416294;background:#e7effa}
.card-file-drop.has-error{border-color:#b12f36}
.card-file-drop-status{font-size:.875rem;overflow-wrap:anywhere}
.card-file-drop.has-error .card-file-drop-status{color:#a32830}
.card-file-drop input[type=file]{max-width:100%;margin:0}
.card-image-crop{margin:14px 0;padding:14px;border:1px solid #c4d0df;border-radius:8px;background:#f7f9fc}
.card-image-crop[hidden]{display:none}
.card-image-crop canvas{display:block;max-width:100%;max-height:440px;width:auto;height:auto;margin:0 auto 16px;cursor:move;touch-action:none;border:1px solid #9eafc9}
.card-image-crop-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card-image-crop-controls input[type=range]{width:100%;min-height:36px;padding:0;margin:4px 0}
.card-image-crop p{margin:10px 0;font-size:.875rem}
.card-image-advice{font-size:.875rem}
@media(max-width:600px){.card-image-crop-controls{grid-template-columns:1fr}}
/* The saved reader and live editor share the same prose and media structure. */
.card-rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.card-rich-toolbar .small{margin:0;font-family:inherit;font-size:.85rem}
.card-rich-editor{min-height:150px;padding:14px;border:1px solid #b8c7da;border-radius:8px;background:#fff;color:#172436;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
.card-rich-editor:focus{outline:2px solid #416294;outline-offset:2px}
.card-rich-editor p{margin:.4em 0}
.card-rich-editor h2,.card-rich-editor h3{margin:.8em 0 .35em}
.card-page-editor-error{color:#a32830;font-size:.9rem}
.card-live-preview{margin:20px 0;padding:16px;border:1px solid #bccada;border-radius:12px;background:#eaf0f6}
.card-reader-preview{max-width:760px;margin:auto;background:#fff;color:#172436;border-radius:10px;overflow:hidden}
.card-reader-media:empty,.card-page-text:empty{display:none}
.card-reader-media img,.card-reader-media canvas,.card-reader-media video,.card-page-content>img,.card-page-content>video{display:block;max-width:100%;width:100%;height:auto;margin:auto;object-fit:contain}
.card-reader-media audio,.card-page-content>audio{display:block;width:100%;margin:18px auto}
.card-reader-pdf .card-reader-media,.card-reader-audio .card-reader-media{padding:16px}
.card-page-text{padding:20px;line-height:1.65;overflow-wrap:anywhere;white-space:normal}
.card-page-text p{margin:.5em 0}.card-page-text h2,.card-page-text h3{margin:.9em 0 .4em}
.card-page-text ul,.card-page-text ol{padding-left:26px}
.card-page-text a,.card-rich-editor a{color:#315c96;text-decoration:underline}
.page-upload [hidden]{display:none!important}
.page-media .card-page-content,.preview-page .card-page-content{width:100%}
.card-adjust-current{margin-top:12px}
/* Crop sliders stay aligned even inside a narrow upload column. */
.card-image-crop .card-image-crop-controls{grid-template-columns:1fr;gap:12px}
.card-image-crop .card-image-crop-controls label{display:grid;grid-template-rows:auto 28px;gap:4px;margin:0;line-height:1.3}
.card-image-crop .card-image-crop-controls input[type=range]{display:block;width:100%;min-width:0;min-height:28px;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:#416294}
.card-image-crop .card-image-crop-controls input[type=range]:focus-visible{outline:2px solid #416294;outline-offset:3px}
/* Desktop card editing: every edit on the left, actual page preview on the right. */
.page-upload,.card-cover-upload{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);column-gap:28px;align-items:start}
.page-upload>*,.card-cover-upload>*{grid-column:1;min-width:0}
.page-upload>.card-live-preview,.card-cover-upload>.card-cover-live{grid-column:2;grid-row:1 / span 30;margin:0;align-self:start}
.cover-editor>.card-cover-upload{width:100%;flex:auto}
.card-cover-live{text-align:center;padding:16px;border:1px solid #bccada;border-radius:12px;background:#eaf0f6}
.card-cover-live img,.card-cover-live canvas{display:block;width:100%;max-width:100%;height:auto;margin:auto}
.card-cover-live canvas,.card-reader-media canvas{touch-action:none;cursor:move;border:1px solid #9eafc9}
.card-live-preview .card-reader-preview{border-radius:0}
/* A card image always occupies its portrait frame; old preview height caps must not squash it. */
.card-cover-live img,.card-cover-live canvas,.card-reader-media img,.card-reader-media canvas,.card-page-content>img,.preview-page img{display:block;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:cover;object-position:center}
.card-upload-status{display:flex;align-items:center;gap:9px;margin:12px 0 0;color:#315f91;font-weight:600}
.card-upload-status[hidden]{display:none}
.card-upload-status.is-working::before{content:"";display:inline-block;width:16px;height:16px;flex:none;border:2px solid #b8c7da;border-top-color:#315f91;border-radius:50%;animation:card-upload-spin .8s linear infinite}
@keyframes card-upload-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.card-upload-status.is-working::before{animation:none}}
.card-cover-live.is-file-dragging,.card-live-preview.is-file-dragging{outline:3px dashed #315f91;outline-offset:3px;background:#dce9fa}
[data-preview-drop-status]{color:#a32830;font-size:.9rem}
.card-submit-review{background:#287447;border-color:#287447;color:#fff}.card-submit-review:hover{background:#21623c;border-color:#21623c}
.card-content-safety{margin:14px 0 22px;padding:16px;border:1px solid #d6dde7;border-radius:10px;background:#f8fafc}
.card-content-safety h3{margin:0 0 10px}.card-content-safety h4{margin:18px 0 6px}
.card-content-safety ul{padding-left:24px}.card-content-safety details{margin-top:16px}
.card-content-appeal form{max-width:720px}.card-content-appeal textarea{font-weight:400}
.card-safety-check{margin:12px 0 20px}

.card-review-live progress{display:block;width:100%;height:1rem;margin:0 0 1.5rem;accent-color:#287447}.review-item{padding:1rem 0;border-bottom:1px solid #d6dce5}.review-item:last-of-type{border-bottom:0}.review-item>h2{margin-bottom:.35rem}.review-item .card-content-safety>h3{font-size:1rem}.review-request-notice{position:relative}

.draft-row.card-list-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px;align-items:center}.draft-row.card-list-row.no-cover{grid-template-columns:minmax(0,1fr) auto}.card-list-cover{display:block;width:64px;height:96px;max-height:none;aspect-ratio:2/3;object-fit:cover;border-radius:5px}.card-list-row h2{margin:.25rem 0}.card-list-row p{margin:.2rem 0}.card-list-page-count{font-weight:600}

.creator-sales-controls{max-width:820px}.creator-sales-controls fieldset{margin:20px 0;padding:14px 18px;border:1px solid #c8d1dc;border-radius:8px}.creator-sales-controls legend{font-weight:750}.creator-sales-controls .sales-choice{display:flex;align-items:center;gap:10px;font-weight:500}.creator-sales-controls .sales-choice input{flex:none;display:inline-block;width:18px;min-height:18px;height:18px;margin:0;padding:0}.creator-sales-controls button:disabled{opacity:.55;cursor:not-allowed}.card-list-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.card-list-actions .button{margin:0}

/* Exact-version review progress and owner-only item previews. */
.card-review-live .review-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:start}
.review-item-thumbnail{position:relative;width:76px;aspect-ratio:2/3;overflow:hidden;border:1px solid #d6dce5;border-radius:6px;background:#edf1f5;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem;font-weight:700;color:#24334b}
.review-item-thumbnail img,.review-item-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}
.review-video-cue{position:absolute;bottom:5px;right:5px;border-radius:50%;background:#07101dcc;color:white;width:24px;height:24px;line-height:24px}
.review-item-body{min-width:0}.review-item-body>h2{margin:0 0 .4rem}
.review-item-progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:.35rem 0 .75rem;font-size:.95rem}
.review-elapsed{font-variant-numeric:tabular-nums;white-space:nowrap}
.review-spinner{width:15px;height:15px;flex:none;border:2px solid #c8d3df;border-top-color:#355e9b;border-radius:50%;animation:review-spin .85s linear infinite}
@keyframes review-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.review-spinner{animation:none;border-top-color:#355e9b}}

.card-review-live .review-item.review-item-metadata{grid-template-columns:minmax(0,1fr)}

.card-content-appeal{margin-top:16px}.card-content-appeal [data-review-appeal-panel][hidden]{display:none}.card-content-appeal [data-review-appeal-panel]{margin-top:12px}.card-human-review-toggle{margin-top:0}.review-outcome-counts{font-weight:700}

.card-publication-top{padding:18px 20px;margin:18px 0 24px;border:1px solid #8bb79d;border-radius:10px;background:#f0f8f3}.card-publication-top h2{margin:0 0 8px}.card-publication-top .card-publish-action{background:#287447;border-color:#287447;color:#fff;font:inherit;font-weight:750;font-size:17px;padding:13px 24px;margin-top:4px}.card-publication-top p:last-child{margin-bottom:0}

.card-publication-top .card-publish-action:disabled{opacity:.55;cursor:wait}.card-publish-status{margin:12px 0 0}

.profile-text-feedback .profile-reviewed-fields{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:8px 16px;margin:16px 0}.profile-text-feedback .profile-reviewed-fields dt{font-weight:700;color:#334155;font-size:.9rem;letter-spacing:0;text-transform:none}.profile-text-feedback .profile-reviewed-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.profile-text-feedback pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:12px;background:#f3f5f8;border-radius:7px}.profile-text-feedback .profile-review-edited{border-left-color:#a46d12;background:#fff6e2}