@import url("typography-pilot.css?v=20260912-local-fonts");

:root{
  --ds-font-zh:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --ds-font-en:"Inter","Noto Sans SC","Segoe UI",Arial,sans-serif;
  --ds-type-display:clamp(2.5rem,4vw,4.75rem);
  --ds-type-h1:clamp(2rem,3vw,3.75rem);
  --ds-type-h2:clamp(1.5rem,2.1vw,2.5rem);
  --ds-type-h3:clamp(1.125rem,1.3vw,1.5rem);
  --ds-type-body-lg:1.125rem;
  --ds-type-body:1.0625rem;
  --ds-type-label:1rem;
  --ds-type-small:.875rem;
  --ds-leading-tight:1.15;
  --ds-leading-heading:1.25;
  --ds-leading-body:1.55;
}
html body{font-family:var(--ds-font-zh);font-size:17px;line-height:var(--ds-leading-body)}
html button,html input,html textarea,html select{font-family:inherit}
html[data-language="en"] body{font-family:var(--ds-font-en);font-size:17px;line-height:var(--ds-leading-body)}
html[data-language="en"] h1,html[data-language="en"] h2,html[data-language="en"] h3{font-family:var(--ds-font-en);line-height:var(--ds-leading-heading);letter-spacing:-.02em}
html[data-language="en"] button,html[data-language="en"] input,html[data-language="en"] textarea,html[data-language="en"] select{font-family:var(--ds-font-en);line-height:1.4}
html[data-language="en"] p,html[data-language="en"] li{line-height:var(--ds-leading-body)}

/* Product-wide control sizing: readable labels and reliable touch targets. */
html button{min-height:44px;font-size:16px}
html button small{font-size:13px;line-height:1.4}
html input,html textarea,html select{font-size:16px}
html nav button,html header button{font-size:16px}
.topnav .nav-links button{box-sizing:border-box;width:116px;min-width:116px;min-height:48px;padding:11px 10px!important;text-align:center;white-space:nowrap}

/* Primary creation entry in the signed-in header. */
html .top-character-feature{box-sizing:border-box;width:286px!important;min-width:286px!important;height:62px!important;min-height:62px!important;padding:10px 16px!important;gap:12px!important;border-radius:18px!important;overflow:hidden}
html .top-character-feature>span:first-child{width:40px!important;height:40px!important;flex:0 0 40px;border-radius:12px;font-size:20px}
html .top-character-feature .bi{display:block!important;flex:1 1 auto;min-width:0;text-align:left;font-size:16px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:-.01em!important;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html .top-character-feature .bi small{display:none!important}

/* The child status bar and locale control must never overlap or leak outside. */
#ss-child-bar{box-sizing:border-box;display:flex!important;align-items:stretch!important;width:min(760px,calc(100vw - 390px))!important;max-width:760px!important;height:72px!important;min-height:72px!important;max-height:72px!important;min-width:0;padding:8px 10px 8px 16px!important;gap:12px!important;overflow:hidden}
#ss-child-bar>span{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-width:0;height:56px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ss-child-bar>span:first-child{flex:1 1 190px;max-width:210px;font-size:15px!important;font-weight:850!important}
#ss-child-bar>span:not(:first-child):not(.ss-trial-count){flex:1 1 175px;max-width:195px;margin-left:0!important;font-size:15px!important}
#ss-child-bar .ss-trial-count{flex:0 0 132px;width:132px;height:48px;align-self:center;padding:6px 10px!important;margin-left:0!important;font-size:13px!important;text-align:center}
#ss-child-bar .storyseed-auto-en{display:block;max-width:100%;margin-top:3px!important;font-size:11px!important;font-weight:650!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ss-child-bar button{box-sizing:border-box;flex:0 0 178px;width:178px;max-width:178px;min-width:178px;height:56px!important;min-height:56px!important;max-height:56px!important;align-self:center;padding:8px 12px!important;overflow:hidden;text-overflow:ellipsis;font-size:15px!important;line-height:1.2!important;white-space:nowrap}
#ss-child-bar button .storyseed-auto-en{font-size:12px!important;color:var(--ds-action)!important;opacity:1!important}
/* Dark status surface needs on-dark text; the white parent button stays blue. */
#ss-child-bar{background:var(--ds-action)!important;font-family:inherit;color:#fff!important}
#ss-child-bar>span:not(.ss-trial-count),
#ss-child-bar>span:not(.ss-trial-count) .storyseed-auto-en,
#ss-child-bar>span:not(.ss-trial-count) .storyseed-existing-zh{color:#fff!important;opacity:1!important}
#ss-child-bar>span:not(.ss-trial-count) .storyseed-auto-en{font-size:12px!important;font-weight:500!important;line-height:1.35!important}
#ss-child-bar button{background:#fff!important;color:var(--ds-action)!important;font-family:inherit}
#ss-child-bar button .storyseed-existing-zh{color:inherit!important}
/* Native paired home copy: readable English beneath each Chinese label. */
.how .bi>small{display:block!important;margin-top:8px;color:var(--ds-muted)!important;font-family:inherit;font-weight:500!important;font-size:16px!important;line-height:1.5!important;letter-spacing:normal}
.how h2 .bi>small{font-size:clamp(18px,1.5vw,22px)!important}
.how .steps h3 .bi>small{font-size:18px!important}
.how .steps p .bi{display:block;max-width:32ch;margin-inline:auto}
.site-footer-copy>small{display:block;margin-top:4px;color:var(--ds-muted);font-size:14px;line-height:1.5}
.site-footer-v2 .footer-help-link small{font-size:12px!important;line-height:1.4!important}
.storyseed-language-switch{box-sizing:border-box;width:260px;height:56px}
.storyseed-language-switch button{flex:1 1 0;min-width:0;min-height:44px;font-size:14px!important;white-space:nowrap}

/* Character-story creator: minimum readable sizes for desktop and iPad. */
html .creator-form>h2{font-size:clamp(1.75rem,2.1vw,2.5rem);line-height:1.2}
html .creator-form>p{font-size:var(--ds-type-body-lg);line-height:1.5}
html .creator-field{font-size:var(--ds-type-body);line-height:1.4}
html .creator-field>small{font-size:var(--ds-type-label);line-height:1.45;margin-top:4px}
html .creator-adapt-modes button,html .creator-length button{min-height:86px;padding:14px 12px;font-size:1.125rem;line-height:1.3}
html .creator-adapt-modes button small,html .creator-length button small{font-size:.875rem;line-height:1.4;margin-top:6px}
html .creator-mode-help{padding:12px 14px;font-size:.9375rem;line-height:1.55}
html .creator-story-field textarea{font-size:1.0625rem;line-height:1.55;min-height:116px}
html .creator-voice-langs button,html .creator-voice,html .creator-generate{font-size:.9375rem}
html .creator-voice-status{font-size:.875rem;line-height:1.45}
html .creator-idea-prompts>span{font-size:.875rem;line-height:1.4}
html .creator-idea-prompts button{min-height:42px;padding:9px 13px;font-size:.9375rem;line-height:1.35}
html .saved-works-head b{font-size:1rem}
html .saved-works-head span,html .saved-empty{font-size:.875rem;line-height:1.45}
html .creator-privacy{font-size:.8125rem;line-height:1.45}

@media(max-width:1100px){
  #ss-child-bar{right:280px!important;width:auto!important;max-width:760px!important}
  #ss-child-bar>span:nth-child(2){display:none}
}

@media(max-width:820px){
  :root{--ds-type-body-lg:1.0625rem}
  html .creator-adapt-modes button,html .creator-length button{min-height:76px}
  #ss-child-bar{left:10px!important;right:10px!important;bottom:76px!important;width:auto!important;max-width:none!important;height:64px!important;min-height:64px!important;max-height:64px!important}
  #ss-child-bar>span:first-child{max-width:38vw}
  #ss-child-bar button{min-width:132px;max-width:150px}
  .storyseed-language-switch{left:10px;right:10px!important;bottom:10px!important;width:auto;height:56px;justify-content:center}
}