/* Red / black performance-poster identity; shared accessible product controls. */
:root{
 color-scheme:dark;
 --bg:#0b0b0d;--surface:#171719;--surface2:#232326;--surface3:#343438;
 --text:#faf8f5;--copy:#d0cbca;--muted:#aaa5a5;--lime:#ff6571;
 --action:#d71932;--accent-hover:#b81129;--accent-ink:#fff;--line:#39383d;--control-line:#737078;
 --error:#ffb4a8;--warning:#e8c992;
 --font:'Manrope','PingFang SC','Microsoft YaHei',sans-serif;
 --display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
 --ease-out:cubic-bezier(.16,1,.3,1);--motion-fast:180ms;--motion-medium:320ms;
 --radius-control:4px;--radius-panel:8px;
}
html{scroll-padding-top:108px}
html[lang=zh-CN]{--font:'Manrope','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
.language-options a[lang=zh-CN],.footer-languages a[lang=zh-CN]{font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
body{font-family:var(--font);font-size:16px;line-height:1.75;font-weight:400}
::selection{background:var(--lime);color:var(--accent-ink)}
h1,h2,h3{font-family:var(--font);font-weight:650;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(42px,5.6vw,76px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:25px}
em,html[lang=zh-CN] em{font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit;color:var(--lime)}
p{color:var(--copy)}.muted,.field-note{color:var(--muted)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.075em;line-height:1.6}
.brand-name{font-family:'Manrope',sans-serif!important;letter-spacing:-.025em!important;font-weight:750}
.button{border-radius:var(--radius-control);background:var(--action);border-color:var(--action);color:var(--accent-ink);font-size:14px;font-weight:700;min-height:52px;line-height:1.5;gap:24px;padding:14px 22px;transition:background-color var(--motion-fast),transform var(--motion-fast) var(--ease-out)}
.button.small{min-height:44px;font-size:13px}.button:hover{background:var(--accent-hover)}
.button.secondary{background:var(--surface);border-color:var(--control-line);color:var(--text)}.button.secondary:hover{background:var(--surface2)}
.button:active{transform:scale(.985)}.button:disabled{opacity:1;background:#3e3e3e;border-color:#6f6f6f;color:#d1d1d1;transform:none}
.text-link{font-size:14px;gap:14px;border-color:var(--line);line-height:1.65}.text-button{font-size:13px;min-height:44px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.nav{height:76px;background:rgba(27,33,28,.96);border-color:var(--line);border-radius:var(--radius-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav .primary-nav{font-size:13px;color:var(--copy);gap:24px}.nav .primary-nav>a{white-space:nowrap}.nav .primary-nav>[aria-current=page]{color:var(--lime);text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}
.nav .brand-name{font-size:15px}.nav-actions{gap:18px}.language-menu summary{font-size:12px;min-height:44px}
.guide-options,.language-options{background:var(--surface);border-color:var(--control-line);border-radius:var(--radius-control);box-shadow:none;padding:8px}
.guide-options a,.language-options a{font-size:13px;min-height:44px;padding:12px}.guide-options a:hover,.language-options a:hover,.language-options a[aria-current=true]{background:var(--surface2)}
.guide-menu[open] summary>.icon,.language-menu[open] summary>.icon-chevron-down{transform:rotate(180deg)}
.hero{min-height:720px;height:min(860px,100svh);background:var(--bg)}
.hero-image{opacity:.8;transform:none;animation:none;filter:saturate(.65)}
.hero-shade{background:linear-gradient(90deg,rgba(13,19,15,.92),rgba(13,19,15,.52) 53%,rgba(13,19,15,.13)),linear-gradient(0deg,var(--bg),transparent 35%)}
.hero-content{padding:156px 7% 68px}.hero h1{font-size:clamp(112px,12.3vw,177px);font-weight:700;line-height:.89;letter-spacing:-.025em;margin:27px 0 24px}
.hero .eyebrow{font-size:12px;color:#d0d0d0;letter-spacing:.08em}.hero-bottom p:first-child{font-size:23px;font-weight:600;line-height:1.45;margin-bottom:10px}
.hero-bottom .hero-description{font-size:15px;line-height:1.75;color:#d7d7d7;margin-bottom:25px}.hero .text-link{font-size:13px;color:var(--text);margin-left:25px}.hero-caption{font-size:11px;color:var(--copy);letter-spacing:.045em}.hero-index{font-size:11px;color:var(--muted);letter-spacing:.06em}.signal i{display:none}
.ticker{background:var(--surface);color:var(--copy);border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:64px;font-size:23px;font-weight:700;gap:40px}.ticker>.icon{color:var(--lime);width:20px;height:20px}
.section-heading>p,.director-copy p{font-size:16px;line-height:1.85}.section-heading .eyebrow,.director-copy .eyebrow{margin-bottom:18px}
.steps{gap:40px;margin-top:48px}.steps article{padding-top:24px}.steps article>span{font-size:12px;letter-spacing:.04em}.steps h3{font-size:29px;margin:24px 0 14px}.steps p{font-size:15px;line-height:1.8;max-width:36ch}
.sample-art{background:var(--surface);border-color:var(--line);border-radius:var(--radius-panel)}.sample-caption{padding:22px 24px}.sample-caption .eyebrow{font-size:11px}.sample-caption p{font-size:12px}.feature-line{font-size:14px;padding:18px 0;line-height:1.65}
.article-grid{gap:28px}.article-art{height:230px;border-radius:var(--radius-panel);background:#2d2d2d;border:1px solid #5c5c5c;color:var(--lime);padding:25px;margin-bottom:22px;transition:transform var(--motion-medium) var(--ease-out)}
.art-1{background:#292929;border-color:#535353;color:#e5e5e5}.art-2{background:#373737;border-color:#606060;color:#dfdfdf}
.article-art>span:first-child{font-family:var(--font);font-size:12px;letter-spacing:.03em}.article-art b{font-weight:700;font-size:78px;line-height:1}.article-art>span:last-child{bottom:20px;right:22px}.article-art b i{opacity:.7}
.article-tile h3,.featured-tile h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin-bottom:12px}.article-tile p,.featured-tile p{font-size:14px;line-height:1.8}.featured-tile .eyebrow{font-size:11px;letter-spacing:.03em}.article-tile:hover .article-art{transform:translateY(-3px)}
.guide-block h3{font-size:26px;line-height:1.35}.guide-block p,.guide-intro p{font-size:15px;line-height:1.95}.guide-number{font-size:12px}.guide-content{min-width:0}
.faq-list summary{font-size:18px;line-height:1.5}.faq-list p{font-size:15px;line-height:1.85}
.closing{background:var(--surface);padding:85px 7%}.closing h2{font-size:clamp(42px,5vw,68px);line-height:1.18;margin:24px 0 32px}.closing-note{font-size:13px}
.site-footer{background:var(--bg);padding-top:60px}.footer-intro p{font-size:14px;line-height:1.85}.footer-intro .text-link{font-size:13px}.footer-links h2{font-size:14px;letter-spacing:0}.footer-links a{font-size:13px;line-height:1.7}.footer-links li{margin-bottom:12px}.footer-bottom{font-size:12px}.footer-languages a{padding:12px 0}
/* Product controls: comfortable input size and explicit states across all three languages. */
.workspace-heading h1{font-size:clamp(34px,4vw,52px);line-height:1.2}.account-state{font-size:13px}.account-state strong{font-size:23px}
.notice{background:var(--surface2);border:1px solid var(--control-line);border-radius:var(--radius-control);font-size:14px;line-height:1.75;padding:18px 22px}
.studio-grid{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.studio-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:26px}.studio-results{min-width:0}
.panel-heading{gap:16px;margin-bottom:24px}.panel-heading h2{font-size:24px;line-height:1.25}.panel-heading>span{font-size:11px;letter-spacing:.04em}
label,.format-field legend{font-size:14px;font-weight:600;line-height:1.6}label>span{font-size:12px;font-weight:400}
input:not([type=radio]),textarea,select{font-family:var(--font);font-size:16px;font-weight:400;line-height:1.65;background:var(--bg);border-color:var(--control-line);border-radius:var(--radius-control);padding:13px 14px;color:var(--text);min-width:0;min-height:48px}
input::placeholder,textarea::placeholder{color:#a8a8a8;opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-color:var(--lime)}input:hover,textarea:hover,select:hover{border-color:#9d9d9d}
input[type=file]{font-size:13px}input[type=file]::file-selector-button{background:var(--surface2);color:var(--text);padding:10px 12px;border-radius:4px;font:inherit}
.field-note{font-size:12px;line-height:1.8}.prompt-ideas{font-size:12px;gap:8px}.prompt-ideas button{font-size:12px;min-height:40px;padding:8px 10px;color:var(--copy);background:var(--surface2);border-color:var(--control-line);border-radius:var(--radius-control)}
.format-options label>span{font-size:14px;border-color:var(--control-line);border-radius:var(--radius-control);background:var(--bg);padding:15px 5px}.format-options small{font-size:12px}.format-options input:checked+span{background:#353535;border-color:var(--lime);color:var(--lime)}
.model-info{font-size:12px;flex-wrap:wrap;gap:5px;line-height:1.7}.generate-button{display:flex;gap:10px;font-size:14px;padding:16px 14px;white-space:nowrap}.generate-button>span:last-child{font-size:12px;white-space:nowrap}.generate-button>.icon{width:18px;height:18px}
.preview{background:var(--surface);border-color:var(--line);border-radius:var(--radius-panel);min-height:440px}.preview-symbol{color:#747474}.empty-preview{padding:32px 24px}.empty-preview h3{font-size:25px;line-height:1.3}.empty-preview p{font-size:14px;line-height:1.8}.empty-preview .eyebrow{font-size:11px;letter-spacing:.05em}
.preview .processing-indicator{border:0;border-radius:0;animation:none;width:48px;height:42px;display:flex;align-items:center;justify-content:center;gap:5px;margin:0 auto 24px}
.processing-indicator i{display:block;background:var(--lime);width:5px;height:26px;border-radius:2px;transform:scaleY(.55)}.processing-indicator i:nth-child(2){height:40px}.processing-indicator i:nth-child(3){height:32px}
.job-row{font-size:13px}.job-row small{font-size:11px}.status{font-size:11px;padding:5px 8px;background:#333333;color:var(--lime);line-height:1.5}.status.failed,.status.suspended{background:#402a24;color:var(--error)}.status.processing,.status.pending,.status.submitted,.status.review_required{background:#3d3423;color:var(--warning)}
.form-status{font-size:13px;line-height:1.75}.form-status.error{color:var(--error)}.settings-grid h3{font-size:25px}.account-identity p{font-size:15px}.account-identity .field-note{font-size:13px}.ledger-row{font-size:13px}
/* Auth, editorial and support share a readable sans-serif hierarchy. */
.auth-art:after{background:linear-gradient(0deg,var(--bg),transparent 85%)}.auth-art img{filter:brightness(.5) saturate(.6)}.auth-art h2{font-size:clamp(40px,4.7vw,64px);line-height:1.18}.auth-art p{font-size:15px;color:var(--copy)}
.auth-panel{padding:178px 12% 76px}.auth-panel h1{font-size:clamp(42px,4.5vw,60px);line-height:1.16;margin:24px 0}.auth-intro{font-size:15px;line-height:1.85}.auth-account-note{font-size:14px;line-height:1.8}.auth-legal,.auth-back{font-size:12px}.google-signin .field-note{font-size:12px}.google-button{border-radius:var(--radius-control);min-height:54px}
.blog-heading{display:block;margin:30px 0 58px}.blog-heading h1{font-size:clamp(52px,6.3vw,86px);line-height:1.13;max-width:760px}.blog-heading h1 br{display:none}.blog-heading h1 em:before{content:' '}.blog-heading h1>.lime{position:static;display:inline-flex;vertical-align:baseline;font-size:.62em;margin-left:.35em;line-height:1}
.blog-heading>p{font-size:16px;max-width:620px;margin:24px 0 0;line-height:1.85}.blog-heading>p br{display:none}.blog-heading>p br:after{content:' '}.collection-heading h2{font-size:30px;line-height:1.3}.collection-heading>span{font-size:12px}
.featured-guides{margin:48px 0 70px}.featured-tile .article-art{height:210px}.guide-library .blog-tools{padding:20px 0;gap:20px}.category-filters{gap:8px;min-width:0}.category-filters button{font-size:12px;line-height:1.5;min-height:42px;padding:10px 13px;white-space:nowrap;border-color:var(--control-line);border-radius:var(--radius-control)}.category-filters button[aria-pressed=true]{background:var(--action);color:var(--accent-ink);border-color:var(--action)}.blog-tools .search-label{min-width:230px}.search-label input,.blog-tools .search-label input{font-size:16px;min-height:46px;background:var(--surface)}
.blog-row{grid-template-columns:40px minmax(0,1fr) 110px;gap:28px;padding:32px 0}.blog-row:hover{background:var(--surface)}.blog-row h2{font-size:27px;line-height:1.35;margin:10px 0 12px}.blog-row p{font-size:14px;line-height:1.85}.blog-row .eyebrow,.blog-number,.blog-meta{font-size:12px}.blog-meta a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%}
.article-heading{max-width:960px;margin:48px 0}.article-heading h1{font-size:clamp(36px,4.5vw,60px);line-height:1.2;letter-spacing:-.035em}.article-heading>p{font-size:18px;line-height:1.8}.article-byline{font-size:12px;gap:20px}
.article-layout{grid-template-columns:220px minmax(0,720px);gap:64px}.article-layout aside>a:not(.button){font-size:13px;line-height:1.7;padding:11px 0}.article-body h2{font-size:30px;line-height:1.35}.article-body p,.article-body li{font-size:16px;line-height:1.9;color:var(--copy)}.article-body section{margin-bottom:44px}.article-sources li{font-size:14px;line-height:1.8}.article-body .button{color:var(--accent-ink)}.related-articles>a{font-size:17px;line-height:1.5}.related-articles>a>span{font-size:11px;letter-spacing:.035em}
.legal-page h1{font-size:clamp(40px,5vw,64px);line-height:1.15}.legal-page section p{font-size:16px;line-height:1.9}.legal-page h2{font-size:28px;line-height:1.3}
.pricing-page>h1{font-size:clamp(44px,5.3vw,72px);line-height:1.2}.price-panel{background:var(--surface);border-color:var(--control-line);border-radius:var(--radius-panel)}.price{font-weight:700;color:var(--lime)}.price-panel li,.pricing-copy p{font-size:15px;line-height:1.8}.pricing-copy h2{font-size:32px;line-height:1.3}.pricing-copy h3{font-size:25px;line-height:1.3}.price-panel .button{white-space:nowrap}
.admin-tabs button{font-size:14px;min-height:48px}.admin-toolbar p{font-size:14px}table{font-size:13px}th{font-size:12px}.table-action{font-size:12px;min-height:40px;border-color:var(--control-line);background:var(--surface2)}.credit-adjustment{border-radius:var(--radius-panel)}.toast{font-size:14px;line-height:1.6;border-radius:var(--radius-control);background:var(--action);color:var(--accent-ink)}
/* Chinese gets full-width punctuation and natural line breaks; Spanish gets room for longer labels. */
html[lang=zh-CN] body{letter-spacing:.01em;line-height:1.85;line-break:strict;word-break:normal}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:-.015em;font-weight:650;line-height:1.4}
html[lang=zh-CN] .hero h1{font-family:var(--font);font-size:clamp(84px,9.5vw,132px);font-weight:700;line-height:1.1;letter-spacing:-.025em}
html[lang=zh-CN] .eyebrow{letter-spacing:.055em;font-size:12px}html[lang=zh-CN] .article-body p,html[lang=zh-CN] .article-body li{font-size:17px;line-height:2.05}html[lang=zh-CN] .guide-block p{font-size:16px;line-height:1.95}
html[lang=es] .hero h1{font-size:clamp(110px,12vw,174px)}html[lang=es] .article-heading h1{font-size:clamp(34px,4.2vw,58px);line-height:1.2}html[lang=es] .article-body p,html[lang=es] .article-body li{hyphens:auto}
/* Motion is progressive enhancement: content is visible even without scripts or observers. */
.entrance,.hero h1.entrance,.hero-bottom.entrance{animation:none}.js .reveal,.js .reveal.visible{opacity:1;transform:none;transition:none}
@keyframes menu-arrive{from{opacity:.55;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes production-beat{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:no-preference){
  .guide-menu[open] .guide-options,.language-menu[open] .language-options{animation:menu-arrive 180ms var(--ease-out) both}
  .processing-indicator i{animation:production-beat 1.2s ease-in-out infinite}.processing-indicator i:nth-child(2){animation-delay:-.3s}.processing-indicator i:nth-child(3){animation-delay:-.6s}.processing-indicator i:nth-child(4){animation-delay:-.9s}
  .nav.open .primary-nav{animation:menu-arrive 200ms var(--ease-out) both}
}
@media(hover:hover) and (pointer:fine){.button:not(:disabled):hover{transform:translateY(-2px)}.blog-meta a:hover>.icon{transform:translate(2px,-2px)}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .button:hover,.button:active,.article-tile:hover .article-art,.button:hover>.icon,.text-link:hover>.icon,.blog-meta a:hover>.icon{transform:none!important}
  .processing-indicator i{transform:scaleY(.8)}
}
@media(prefers-reduced-transparency:reduce){.nav{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#d0d0d0;--copy:#e5e5e5;--line:#969696;--control-line:#c1c1c1}input::placeholder,textarea::placeholder{color:#d1d1d1}}
@media(max-width:1200px){
  .nav .primary-nav{gap:18px}.nav .brand-name{font-size:14px}.nav-actions{gap:14px}.footer-intro{grid-template-columns:1fr 1.3fr 1fr;gap:25px}.footer-intro p{font-size:13px}
  .studio-grid{gap:26px}.studio-form{padding:22px}.article-layout{gap:40px}.blog-tools .search-label{max-width:none;width:100%}.hero-content{padding-top:145px}
}
@media(min-width:761px) and (max-width:1024px){
  .nav{padding:0 16px}.nav .primary-nav{gap:14px;font-size:12px}.nav .brand-name{font-size:12px}.nav-actions{gap:10px}.nav .button.small{font-size:11px;gap:8px;padding:10px}.nav .brand{gap:7px}
  .hero h1{font-size:clamp(126px,15vw,154px)}html[lang=zh-CN] .hero h1{font-size:108px}.hero{height:770px;min-height:740px}.hero-caption{display:none}
  .article-grid{gap:20px}.article-tile h3,.featured-tile h3{font-size:22px}.article-art,.featured-tile .article-art{height:190px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.article-layout aside>.button{font-size:11px;padding:12px;gap:10px}
  .auth-panel{padding-left:9%;padding-right:9%}.auth-panel h1{font-size:40px}.studio-grid{grid-template-columns:1fr;gap:40px}.studio-form{padding:28px}.preview{min-height:400px}
}
@media(max-width:760px){
  body{font-size:15px}.section{padding:64px 6%}.workspace,.admin-page,.blog-page,.article-page,.legal-page,.pricing-page{padding-top:126px}
  .nav{height:65px;padding:0 13px;top:15px;border-radius:10px}.nav .brand-name{font-size:13px}.nav .nav-actions{gap:8px}.nav .menu-toggle{min-width:40px;min-height:44px}
  .nav .primary-nav{background:var(--surface);border-color:var(--control-line);border-radius:var(--radius-panel);padding:12px 20px}.nav .primary-nav>a{font-size:15px;padding:15px 0}.nav .primary-nav .guide-menu summary{font-size:15px}.nav .primary-nav .guide-options a{font-size:13px}.nav .button{font-size:12px}.language-menu summary{font-size:12px;min-width:60px}.language-options{right:-35px;min-width:180px}
  .hero{height:auto;min-height:720px;max-height:none}.hero-content{padding:138px 6% 82px}.hero h1{font-size:clamp(103px,25vw,166px);line-height:.93;margin:27px 0 28px;letter-spacing:-.02em}
  .hero .eyebrow{font-size:10px;letter-spacing:.055em}.hero-bottom p:first-child{font-size:21px;line-height:1.5}.hero-bottom .hero-description{font-size:14px;line-height:1.85;max-width:35ch;margin-bottom:24px}.hero-bottom .hero-description br{display:none}.hero-bottom .hero-description br:after{content:' '}
  .hero .button{font-size:14px;padding:14px 18px;min-height:52px;gap:18px}.hero .text-link,html[lang=es] .hero .text-link{display:flex;width:max-content;margin:12px 0 0;font-size:13px;gap:12px}.hero-caption{display:none}.hero-index{bottom:26px;left:6%;font-size:10px}.hero-image{object-position:68% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(13,19,15,.88),rgba(13,19,15,.3)),linear-gradient(0deg,var(--bg),transparent 50%)}
  html[lang=zh-CN] .hero h1{font-size:clamp(75px,21vw,118px);line-height:1.12;letter-spacing:-.02em}html[lang=es] .hero h1{font-size:clamp(98px,24vw,159px)}
  .ticker{height:54px;font-size:21px;gap:28px;padding:0 24px}.ticker>.icon{width:18px;height:18px}
  h2{font-size:34px}.steps{gap:30px;margin-top:32px}.steps h3{font-size:26px}.steps p,.section-heading>p,.director-copy p{font-size:15px}.steps article>span{font-size:11px}.director{padding-top:0;gap:35px}.sample-caption{padding:18px 20px}.feature-line{font-size:13px}
  .article-grid{gap:32px}.article-art,.featured-tile .article-art{height:210px;margin-bottom:20px}.article-art b{font-size:78px}.article-tile h3,.featured-tile h3{font-size:25px}.article-tile p{font-size:14px}.guide-block{padding-left:28px}.guide-block h3{font-size:24px}.guide-block p{font-size:15px}.guide-intro{position:static}.guide-number{font-size:11px}
  .faq-list summary{font-size:17px}.faq-list p{font-size:14px}.closing{padding:64px 6%}.closing h2{font-size:38px;line-height:1.22}.closing .button{font-size:14px}.closing-note{font-size:12px}
  .site-footer{padding:44px 6% 25px}.footer-intro p{font-size:14px}.footer-intro .text-link{font-size:13px}.footer-links{gap:30px 22px}.footer-links h2{font-size:14px}.footer-links a{font-size:13px;line-height:1.7}.footer-links li{margin-bottom:15px}.site-footer .footer-bottom{font-size:12px}
  .workspace-heading{gap:12px;align-items:flex-start}.workspace-heading h1{font-size:34px}.workspace-heading .eyebrow{font-size:11px}.account-state{font-size:12px;max-width:135px}.account-state strong{font-size:20px}.notice{font-size:13px;padding:17px}
  .studio-grid{grid-template-columns:1fr;gap:35px}.studio-form{padding:20px 17px;border:1px solid var(--line)}.studio-results{padding-top:0;border:0}.panel-heading h2{font-size:23px}.panel-heading>span{font-size:10px}.format-options{gap:7px}.format-options label>span{font-size:13px;padding:15px 4px;gap:7px}.format-options small{font-size:11px}.prompt-ideas{gap:7px}.prompt-ideas button{font-size:11px;padding:8px 9px}.model-info{font-size:11px}.field-note{font-size:12px}.generate-button{font-size:13px;padding:15px 12px;gap:8px}.generate-button>span:last-child{font-size:11px}.preview{min-height:370px}
  .job-row{gap:9px;font-size:12px}.job-row p{max-width:165px}.job-row small{font-size:10px}.status{font-size:10px;padding:4px 6px}.job-row .text-button{font-size:12px}.settings-grid{gap:30px}.account-settings summary{font-size:16px}
  .auth-panel{padding:139px 7% 56px;max-width:550px}.auth-panel h1{font-size:clamp(38px,10.6vw,52px);line-height:1.2}.auth-panel>.eyebrow{font-size:10px}.auth-intro{font-size:15px}.auth-account-note{font-size:13px}.google-signin{margin-top:29px}.auth-legal,.auth-back{font-size:12px}
  .blog-heading{margin:25px 0 38px}.blog-heading h1{font-size:clamp(38px,10vw,56px);max-width:none;line-height:1.15}.blog-heading h1>.lime{font-size:.55em;margin-left:.2em}.blog-heading>p{font-size:15px;line-height:1.85;margin-top:22px}.featured-guides{margin:35px 0 48px}.collection-heading h2{font-size:25px;max-width:240px;line-height:1.35}.collection-heading>span{font-size:11px;padding-top:7px}
  .guide-library{min-width:0}.guide-library .blog-tools{gap:14px;max-width:100%;padding:18px 0}.category-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;width:100%;padding:4px 2px 10px;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}.category-filters button{flex:0 0 auto;min-height:44px;font-size:12px;padding:10px 13px}.blog-tools .search-label{min-width:0;width:100%}
  .blog-row{grid-template-columns:23px minmax(0,1fr);gap:13px;padding:26px 0}.blog-row h2{font-size:23px;line-height:1.4}.blog-row p{font-size:14px;line-height:1.85}.blog-row .eyebrow,.blog-number,.blog-meta{font-size:11px}.blog-meta{grid-column:2;flex-direction:row;align-items:center}.blog-meta a>.icon{width:22px;height:22px}
  .article-heading{margin:32px 0}.article-heading h1,html[lang=es] .article-heading h1{font-size:clamp(31px,8.5vw,40px);line-height:1.25;letter-spacing:-.025em}.article-heading>p{font-size:16px;line-height:1.85}.article-byline{font-size:11px;gap:12px}.article-layout{grid-template-columns:1fr;gap:30px;padding-top:28px}.article-layout aside{position:static;padding-bottom:25px}.article-layout aside>a:not(.button){font-size:13px;line-height:1.7;padding:8px 0}.article-body h2{font-size:27px;line-height:1.35}.article-body p,.article-body li{font-size:16px;line-height:1.9}.article-sources li{font-size:13px}.related-articles>a{font-size:16px}
  html[lang=zh-CN] .article-heading h1{font-size:34px;line-height:1.4}html[lang=zh-CN] .article-body p,html[lang=zh-CN] .article-body li{font-size:16px;line-height:2}html[lang=zh-CN] .guide-block p{font-size:15px}
  .legal-page h1{font-size:40px;line-height:1.25}.legal-intro{font-size:16px}.legal-page section p{font-size:16px;line-height:1.9}.legal-page h2{font-size:27px;line-height:1.35}.pricing-page>h1{font-size:44px;line-height:1.2;margin-bottom:35px}.price-panel{padding:26px}.pricing-copy h2{font-size:29px}.pricing-copy p{font-size:15px}.price-panel li{font-size:14px}
  .admin-tabs{gap:20px}.admin-tabs button{font-size:12px}.admin-toolbar p{font-size:13px}.button-row .button{font-size:13px}
}
@media(max-width:370px){
  .nav{padding:0 10px}.nav .brand-name{font-size:12px}.nav .nav-actions{gap:2px}.language-menu summary{min-width:50px;font-size:11px}.nav .menu-toggle{min-width:36px}.hero{min-height:695px}.hero-content{padding-top:130px}.hero .eyebrow{font-size:9px}.hero-bottom p:first-child{font-size:20px}.hero-bottom .hero-description{font-size:13px}.hero-index{font-size:9px}.hero .button{font-size:13px}
  .collection-heading h2{font-size:23px;max-width:200px}.blog-heading h1{font-size:38px}.blog-heading h1>.lime{display:none}.footer-links{gap:28px 20px}.footer-links a{font-size:12px}.panel-heading h2{font-size:21px}.panel-heading>span{font-size:9px}.job-row p{max-width:130px}.generate-button{font-size:12px;padding:15px 10px;gap:6px}.generate-button>span:last-child{font-size:10px}.generate-button>.icon{width:16px;height:16px}.auth-panel h1{font-size:38px}.price-panel{padding:23px}.price-panel .button{font-size:13px;padding:14px 16px;gap:16px}
}

/* Server-rendered creator feedback. Illustrative content carries visible disclosure. */
.creator-reviews{padding-block:44px;border-block:1px solid var(--line);background:var(--surface)}
.creator-reviews-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.creator-reviews-heading>div{min-width:0}.creator-reviews-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.25;margin:0 0 10px}.creator-reviews-heading p{font-size:13px;line-height:1.8;max-width:65ch;margin:0;color:var(--muted)}.creator-reviews-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.creator-reviews-title-row h2{margin:0}.creator-reviews-heading .creator-review-disclosure{font-size:12px;line-height:1.6;color:var(--copy);border:1px solid var(--line);border-radius:4px;padding:3px 8px}.creator-reviews-intro{margin-top:10px!important}.creator-reviews-heading .text-link{font-size:13px;gap:12px;color:var(--lime);flex-shrink:0;min-height:44px}
.creator-review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;min-width:0}.creator-review{display:flex;flex-direction:column;margin:0;padding-top:18px;border-top:1px solid var(--line);min-width:0}.creator-review blockquote{margin:0 0 20px;flex:1}.creator-review blockquote p{font-size:16px;line-height:1.85;color:var(--text);margin:0;overflow-wrap:anywhere}.creator-review figcaption{display:flex;align-items:center;gap:12px}.creator-review-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--surface3);color:var(--lime);font-size:14px;font-weight:650;flex-shrink:0}.creator-review figcaption>div{display:flex;flex-direction:column;gap:2px;min-width:0}.creator-review cite{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-style:normal;font-size:13px;font-weight:650;color:var(--text);overflow-wrap:anywhere}.creator-review figcaption div>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:900px){.creator-review-list{gap:20px}.creator-review blockquote p{font-size:14px}}
@media(max-width:700px){.creator-reviews{padding-block:28px}.creator-reviews-heading{flex-direction:column;gap:8px;margin-bottom:18px}.creator-reviews-heading h2{font-size:28px}.creator-reviews-heading .text-link{padding-block:8px}.creator-review-list{grid-template-columns:1fr;gap:22px}.creator-review{padding-top:16px}.creator-review blockquote{margin-bottom:14px}.creator-review blockquote p{font-size:15px}}