/* Shared presentation for secondary pages. Processing and account controls retain their IDs. */
.creator-pages{--cp-bg:#111725;--cp-card:#171e2e;--cp-text:#f4f5fa;--cp-muted:#b5bfd1;--cp-line:#ffffff21;--cp-accent:#ffb09b;--cp-soft:#f0917512}
.creator-pages .pageSection,.creator-pages .cp-hero{position:relative;padding:32px;border:1px solid var(--cp-line);border-radius:24px;background:radial-gradient(ellipse at 85% 0%,#63334560,transparent 65%),linear-gradient(130deg,#1c2033,#121925);margin:18px 0 26px;overflow:hidden}
.creator-pages .pageSection h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:9px 0 14px}
.creator-pages .pageSection p,.creator-pages .cp-hero>p{font-size:14px;line-height:1.8;color:var(--cp-muted);max-width:690px;margin:0}
.cp-kicker{display:block;color:var(--cp-accent);font-size:10px;line-height:1.7;letter-spacing:.13em;text-transform:uppercase;font-weight:750;margin-bottom:12px}
.cp-lead{font-size:clamp(19px,2.2vw,25px)!important;line-height:1.45!important;color:var(--cp-text)!important;font-weight:650;letter-spacing:-.025em;margin:10px 0 12px!important;max-width:750px}
.cp-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.cp-benefits span{display:inline-flex;align-items:center;padding:7px 10px;font-size:11px;border:1px solid var(--cp-line);border-radius:8px;background:#ffffff04;color:var(--cp-muted)}
.cp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.cp-feature{padding:22px;border:1px solid var(--cp-line);background:var(--cp-card);border-radius:18px;min-width:0}
.cp-feature h3{font-size:16px;line-height:1.4;margin:9px 0;color:var(--cp-text)}
.cp-feature p,.cp-note{font-size:13px!important;line-height:1.75!important;color:var(--cp-muted);margin:0}
.cp-number{font-size:11px;color:var(--cp-accent);letter-spacing:.08em}
.cp-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin:30px 0;border:1px solid #fa957b40;border-radius:22px;background:radial-gradient(ellipse at right,#74413245,transparent),var(--cp-card)}
.cp-cta h3{font-size:21px;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px;color:var(--cp-text)}
.cp-cta p{font-size:13px;line-height:1.75;margin:0;color:var(--cp-muted);max-width:620px}
.cp-cta a,.cp-action{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-align:center;text-decoration:none;min-height:46px;padding:12px 18px;border:1px solid #f5808266;border-radius:12px;background:linear-gradient(110deg,#d94264,#c14a25);color:#fff!important;font-size:13px;font-weight:700;flex-shrink:0;cursor:pointer}
.cp-section-title{font-size:24px;line-height:1.35;letter-spacing:-.03em;margin:35px 0 10px;color:var(--cp-text)}
.cp-section-sub{font-size:14px!important;line-height:1.75!important;max-width:720px;color:var(--cp-muted)}
.creator-pages :is(#historyEmpty,.historyItem,.analyticsCard,.profileCard,.privacyPanel,.faqList details){border:1px solid var(--cp-line);border-radius:20px;background:var(--cp-card)}
.creator-pages #historyEmpty{padding:42px 24px;text-align:center}.creator-pages #historyEmpty b{font-size:22px;letter-spacing:-.03em}.creator-pages #historyEmpty p{max-width:530px;margin:12px auto 22px;line-height:1.8;font-size:14px}
.creator-pages .analyticsValue{font-size:32px;line-height:1.3;letter-spacing:-.035em}.creator-pages .analyticsCard{padding:25px}.creator-pages .analyticsLabel{font-size:12px}.creator-pages .metricSub{font-size:11px;line-height:1.6}
.creator-pages .profileGrid{gap:16px}.creator-pages .profileCard{padding:25px;min-width:0}.creator-pages .profileCard h3,.creator-pages .privacyPanel h3{font-size:18px;margin:0 0 16px}.creator-pages .profileCard p{font-size:13px;line-height:1.8}.creator-pages .profileRow{gap:12px;flex-wrap:wrap}.creator-pages .profileRow b{overflow-wrap:anywhere}.creator-pages .profileActionRow{display:flex;flex-wrap:wrap;gap:10px}.creator-pages .profileActionRow>*{white-space:normal;min-height:44px;text-align:center;text-decoration:none}
.creator-pages .faqList{display:grid;gap:12px}.creator-pages .faqList details{padding:20px 23px}.creator-pages .faqList summary{font-size:15px;line-height:1.5;color:var(--cp-text)}.creator-pages .faqList details[open]{border-color:#fa957b80}.creator-pages .faqList p{font-size:13px;line-height:1.85;color:var(--cp-muted);max-width:850px}.creator-pages .faqNote{padding:15px 20px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-soft);font-size:13px;line-height:1.7}.creator-pages .howItWorks{border-color:var(--cp-line);background:var(--cp-card);border-radius:22px}.creator-pages .howSteps b{color:var(--cp-accent)}
.creator-pages .authCard{border:1px solid var(--cp-line);border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#63334538,transparent 65%),var(--cp-bg)}.creator-pages .authCard h2{font-size:30px;line-height:1.2;letter-spacing:-.035em}.creator-pages .authCard>p{font-size:14px;line-height:1.8}.creator-pages .authTextButton{color:var(--cp-accent)}
.creator-pages .tools{max-width:1100px;padding:28px 28px 65px}.creator-pages .tools header{margin-bottom:24px;border-color:var(--cp-line);gap:12px}.creator-pages .tools header>span{font-weight:700;color:var(--cp-text)}.cp-toplinks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cp-toplinks a{font-size:12px;text-decoration:none;color:var(--cp-muted)}
.creator-pages .tools header .tool-back{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:108px;padding:12px 18px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-soft);color:var(--cp-text);font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;flex-shrink:0}
.creator-pages .tools header .tool-back:hover{border-color:var(--cp-accent)}
.creator-pages .tools header .tool-back:focus-visible{outline:3px solid var(--cp-accent);outline-offset:3px}
.creator-pages .tools header{padding-top:max(8px,env(safe-area-inset-top,0px));align-items:center!important}
.creator-pages .tools .cp-hero{padding:34px;margin-top:0}.creator-pages .tools .cp-hero h1{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.04em;color:var(--cp-text);margin:12px 0 15px}.creator-pages .tools .theme-line{margin:20px 0 0;max-width:230px}.creator-pages .tools .theme-line select{min-height:44px}
.creator-pages .tools .tool-card{border-color:var(--cp-line);background:var(--cp-card);padding:28px;border-radius:24px}.creator-pages .tools .section-intro h2{font-size:24px;line-height:1.3;margin:8px 0 10px}.creator-pages .tools .section-intro p{font-size:14px;line-height:1.75;max-width:740px}.creator-pages .tool-kicker{color:var(--cp-accent)}
.creator-pages .avatar-launch-card{background:linear-gradient(125deg,#61334244,#2d3a4333);border-color:#fa957b66;padding:23px;border-radius:20px}.creator-pages .avatar-launch-card strong{font-size:20px}.creator-pages .avatar-launch-card small{font-size:13px;line-height:1.7}.creator-pages .launch-arrow{color:var(--cp-accent)}
.creator-pages .quick-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-pages .quick-tool-item{padding:22px;flex-direction:column;align-items:stretch;background:#ffffff02;border-color:var(--cp-line);border-radius:18px;gap:20px}.creator-pages .quick-tool-copy{align-items:flex-start;flex:1}.creator-pages .quick-tool-copy h3{font-size:17px;margin:0 0 9px}.creator-pages .quick-tool-copy p{font-size:13px;line-height:1.75}.creator-pages .quick-tool-item.active{border-color:#fa957b;background:var(--cp-soft)}.creator-pages .quick-tool-icon{color:var(--cp-accent);border-color:#fa957b40;background:var(--cp-soft);height:42px;flex-basis:42px}.creator-pages .tool-choice{align-self:flex-start}
.creator-pages .tools button{background:#202a3b;color:var(--cp-text);border-color:#526077;min-height:44px;font-size:13px;font-weight:650}.creator-pages .tools :is(#run,#cameraOpen,#play,#avatarGenerate,.tool-choice){background:linear-gradient(110deg,#d94264,#c14a25);color:#fff!important;border-color:#fa957b66;box-shadow:none}.creator-pages .tools button:disabled{background:#252d43!important;color:#aeb9d0!important;border-color:#45506b!important;opacity:1;box-shadow:none}
.creator-pages .tools :is(input[type=file],select,textarea){background:var(--cp-bg);border-color:#48536a;color:var(--cp-text);font-size:14px}.creator-pages .tools label>span{font-size:13px;line-height:1.6;color:var(--cp-muted)}.creator-pages .tools input::file-selector-button{border:1px solid #fa957b50;background:var(--cp-soft);color:var(--cp-text);padding:9px 12px;border-radius:8px;margin-right:10px;font:inherit;cursor:pointer}.creator-pages .tools input[type=range]{accent-color:#f2957c;max-width:100%}
.creator-pages .selected-tool-panel{margin-top:25px;padding:24px;border:1px solid var(--cp-line);border-radius:18px;background:var(--cp-bg)}.creator-pages .tools .tool-limits{font-size:12px;line-height:1.8}.creator-pages .tools .cp-workspace-title{font-size:18px;margin:0 0 8px}.creator-pages #outputs article{border-color:var(--cp-line)}.creator-pages #outputs video{border-radius:12px}
.creator-pages .avatar-card{gap:22px}.creator-pages .avatar-plan-row{padding:15px 18px;background:var(--cp-soft);border-radius:14px;border:1px solid var(--cp-line)}.creator-pages .voice-source-card{border-color:var(--cp-line);border-radius:15px;background:var(--cp-bg);padding:18px}.creator-pages .voice-source-card:has(input:checked){border-color:#fa957b;background:var(--cp-soft)}.creator-pages .voice-mode-panel{padding:20px;border:1px solid var(--cp-line);background:var(--cp-bg);border-radius:16px}.creator-pages .voice-source-card small,.creator-pages .voice-mode-panel p{font-size:12px;line-height:1.7}.creator-pages .tools .consent-line{font-size:12px;line-height:1.7;padding:15px}.creator-pages .tools .consent-line span{font-size:12px}.creator-pages .tools .avatar-main-actions button{font-size:13px;min-height:46px;padding:12px 18px}.creator-pages .motion-note{font-size:12px;line-height:1.7}.creator-pages .avatar-history-head h2{font-size:20px}.creator-pages .avatar-history-head p{font-size:12px;line-height:1.7}.creator-pages .avatar-history-head a{font-size:12px}.creator-pages .avatar-history-row b{font-size:13px}.creator-pages .avatar-history-row small{font-size:11px}
.creator-pages :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #ffaf84;outline-offset:3px}
html[data-theme=light].creator-pages{--cp-bg:#fffaf5;--cp-card:#fffcf9;--cp-text:#211b24;--cp-muted:#625c68;--cp-line:#ded9dc;--cp-accent:#a63750;--cp-soft:#b8503810}
html[data-theme=light].creator-pages :is(.pageSection,.cp-hero,.cp-cta,.authCard){background:radial-gradient(ellipse at 85% 0%,#ffdccf,transparent 75%),#fffcf8}html[data-theme=light].creator-pages .tools button{background:#f0ebf4;color:#46385f;border-color:#c8bbc8}html[data-theme=light].creator-pages .tools :is(#run,#cameraOpen,#play,#avatarGenerate,.tool-choice){background:linear-gradient(110deg,#d94264,#c14a25);color:#fff!important}html[data-theme=light].creator-pages .tools button:disabled{background:#e1e3eb!important;color:#586278!important;border-color:#c7ceda!important}html[data-theme=light].creator-pages .tools :is(input[type=file],select,textarea){border-color:#c8bbc8}html[data-theme=light].creator-pages .avatar-launch-card{background:linear-gradient(125deg,#ffe9e3,#fffaf5);color:var(--cp-text)}
@media(max-width:700px){.creator-pages .pageSection,.creator-pages .tools .cp-hero{padding:25px 21px;border-radius:20px}.creator-pages .pageSection{align-items:flex-start;flex-wrap:wrap}.creator-pages .tools{padding:20px 16px 45px!important}.creator-pages .tools .tool-card{padding:20px;border-radius:20px}.cp-feature-grid{grid-template-columns:1fr;gap:12px}.cp-feature{padding:19px}.cp-cta{flex-direction:column;align-items:flex-start;padding:24px 21px;gap:20px}.cp-cta a{width:100%}.creator-pages .quick-tool-list{grid-template-columns:1fr}.creator-pages .selected-tool-panel{padding:18px}.creator-pages .quick-tool-item{padding:18px}.creator-pages .avatar-history-head{flex-wrap:wrap}.creator-pages .profileActionRow>*{flex:1}.cp-toplinks{gap:11px}.creator-pages .tools header{align-items:flex-start}.creator-pages .tools .cp-hero h1{font-size:34px}.creator-pages .tools .avatar-plan-row{flex-wrap:wrap;gap:12px}.creator-pages .tools .voice-source-choice{grid-template-columns:1fr 1fr}.creator-pages .tools .voice-source-card{padding:13px}.creator-pages .tools .voice-source-card small{font-size:11px}.creator-pages .tools .avatar-main-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.creator-pages *{scroll-behavior:auto!important}}

.audio-launch-card{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;margin:20px 0}.audio-launch-card strong,.audio-launch-card small{display:block;margin-top:8px}.audio-launch-card strong{font-size:1.3rem}.audio-launch-card .tool-kicker{color:#df775e}.consent-line{display:flex!important;gap:12px;align-items:flex-start}.consent-line input{width:auto!important;flex:none;margin-top:5px}

/* Match the Home/History/Analytics/Plans #backBtn sizing on Free Tools and Avatar only.
   The source button is .ghostBtn in styles.css with responsive rules in v5.css. */
.creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;min-width:0;height:auto;min-height:0;
  padding:11px 15px;border:1px solid #2c3954;border-radius:12px;
  background:#172035;color:#e8ecf4;font-size:16px;font-weight:700;
  line-height:normal;text-decoration:none;flex-shrink:0;white-space:nowrap;
}
.creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back:hover{background:#1c2740}
html[data-theme=light].creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{
  background:#eef1f8;color:#172039;border-color:#bcc8dc;
}
@media(max-width:720px){
  .creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{
    height:42px;padding:0 11px;font-size:12px;border-radius:12px;
  }
}
@media(max-width:440px){
  .creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{height:40px;padding:0 9px}
}
@media(max-width:370px){
  .creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{
    font-size:0;padding:0;width:40px;
  }
  .creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back::after{
    content:'←';font-size:18px;
  }
}

/* Avatar workflow: layout-only compacting; keep the existing colors and button style. */
.creator-pages .tools.avatar-studio .avatar-hero{padding:18px 20px;margin:8px 0 10px}
.creator-pages .tools.avatar-studio .avatar-hero .cp-lead{margin:8px 0!important}
.creator-pages .tools.avatar-studio .avatar-hero p{line-height:1.5}
.creator-pages .tools.avatar-studio .avatar-workflow{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px
}
.creator-pages .tools.avatar-studio .avatar-workflow-step{
  min-width:0;align-content:center;padding:9px 6px;text-align:center;
  border:1px solid var(--cp-line);border-radius:12px;
  background:var(--cp-soft);font-size:11px;font-weight:650;line-height:1.35
}
.creator-pages .tools.avatar-studio .avatar-quality-control{margin:0;gap:8px}
.creator-pages .tools.avatar-studio .avatar-quality-native{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;border:0!important;
  clip-path:inset(50%);overflow:hidden;pointer-events:none
}
.creator-pages .tools.avatar-studio .avatar-quality-options{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.creator-pages .tools.avatar-studio .avatar-quality-option{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:0;min-height:55px;padding:9px 5px;text-align:center;
  border-radius:12px;white-space:normal
}
.creator-pages .tools.avatar-studio .avatar-quality-option b{font-size:15px;line-height:1.2}
.creator-pages .tools.avatar-studio .avatar-quality-option small{
  display:block;margin-top:4px;font-size:10px;line-height:1.25;color:var(--cp-muted)
}
.creator-pages .tools.avatar-studio .avatar-quality-option[aria-pressed="true"]{
  border-color:var(--cp-accent);outline:1px solid var(--cp-accent);outline-offset:-2px
}
.creator-pages .tools.avatar-studio .compact-upload-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
}
.creator-pages .tools.avatar-studio .compact-upload-grid>label{min-width:0;margin:0;overflow:hidden}
.creator-pages .tools.avatar-studio .compact-upload-grid input[type=file]{
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:9px 5px;font-size:11px
}
.creator-pages .tools.avatar-studio .compact-upload-grid input[type=file]::file-selector-button{
  padding:7px 6px;margin-right:4px;font-size:11px;max-width:100%
}
.creator-pages .tools.avatar-studio .compact-upload-grid .saved-file-note{
  display:block;font-size:10px;overflow-wrap:anywhere
}
.creator-pages .tools.avatar-studio .voice-source-choice{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px
}
.creator-pages .tools.avatar-studio .voice-source-card{
  display:flex!important;min-width:0;flex-direction:column;align-items:center;
  text-align:center;gap:7px;padding:10px 5px
}
.creator-pages .tools.avatar-studio .voice-source-card input{margin:0}
.creator-pages .tools.avatar-studio .voice-source-card>span{min-width:0;overflow-wrap:anywhere}
.creator-pages .tools.avatar-studio .voice-source-card b{font-size:11px}
.creator-pages .tools.avatar-studio .voice-source-card small{font-size:10px;line-height:1.3}
.creator-pages .tools.avatar-studio .avatar-text-last textarea{min-height:132px}
.creator-pages .tools.avatar-studio .motion-settings{
  display:block;margin:0;border:1px solid var(--cp-line);
  border-radius:12px;padding:0 12px
}
.creator-pages .tools.avatar-studio .motion-settings summary{
  display:list-item;cursor:pointer;padding:12px 0;font-weight:700;font-size:13px
}
.creator-pages .tools.avatar-studio .motion-settings-body{padding:0 0 12px}
.creator-pages .tools.avatar-studio .motion-settings-body p{margin:0 0 8px}
@media(max-width:600px){
  .creator-pages .tools.avatar-studio .avatar-hero{padding:15px;margin:8px 0}
  .creator-pages .tools.avatar-studio .avatar-workflow{gap:5px}
  .creator-pages .tools.avatar-studio .avatar-workflow-step{padding:7px 4px;font-size:10px}
  .creator-pages .tools.avatar-studio .avatar-quality-options{gap:6px}
  .creator-pages .tools.avatar-studio .avatar-quality-option{padding:8px 3px}
  .creator-pages .tools.avatar-studio .compact-upload-grid{gap:7px!important}
  .creator-pages .tools.avatar-studio .voice-source-choice{gap:6px}
  .creator-pages .tools.avatar-studio .voice-source-card{padding:9px 4px}
}
/* Hide the redundant Access / Free access / resolution summary in Avatar only.
   Leave its DOM node available for existing account-status logic. */
.creator-pages .tools.avatar-studio .avatar-plan-row{display:none!important}

/* Keep existing Back styling while restoring a reliable mobile touch target. */
.creator-pages .tools:is(.free-tools-page,.avatar-studio) header .tool-back{min-height:48px;min-width:48px;}