/* thinking-workspaces.css */
/* Preserve the authored compositions, including their window chrome. */
.hp-preview .template-export>picture{display:block;width:100%;height:100%;}
.hp-preview .template-export>picture>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;}
.hp-preview .template-export{animation:none;}
/* copy-l10n.css */
/* Locale-specific content flow; the English art direction stays authored. */
html:not([lang="en"]) .hp-preview .final-headline{display:block;white-space:normal;text-wrap:balance;}
html:not([lang="en"]) .hp-preview .final-headline em{display:inline-block;white-space:nowrap;}
html:not([lang="en"]) .hp-preview .hero-eyebrow{font-family:var(--hp-locale-editorial,var(--xm-font-editorial));}
/* Unsupported handwriting scripts share one baseline, font and reveal target. */
.hp-preview :is(.opening-copy h1,.final-copy h2)[data-reveal="sentence"]{font-family:var(--xm-font-sans);}
.hp-preview .hero-ending{white-space:nowrap;}
#monolithTitle .hero-ending{display:inline;}
.hp-preview .hero-end-punctuation{display:inline-block;inline-size:.5em;text-align:start;}
html:not([lang="en"]) .opening-copy{width:min(90%,900px);}
html:not([lang="en"]) .opening-copy .title-line,
html:not([lang="en"]) .opening-copy .mobile-title-line{white-space:normal;text-wrap:balance;}
html:not([lang="en"]) .localized-intro-thought em{font-size:1em;}
html:not([lang="en"]) .hp-preview .template-actions{flex-wrap:wrap;}
html:not([lang="en"]) .hp-preview :is(.dark-button,.light-button){white-space:normal;text-align:center;height:auto;}
html:not([lang="en"]) .hp-preview .workflow-options>a{white-space:normal;}
/* Keep translated desktop headings inside the English visual measure,
   leaving about 90–110px before the fixed options column. */
@media(min-width:1200px){
 html:not([lang="en"]) .hp-preview .workflow-scroll[data-layout="wide"] .workflow-copy h2{
  max-inline-size:min(22vw,20rem);
  text-wrap:balance;
 }
 html[lang="ko"] .hp-preview .workflow-scroll[data-layout="wide"] .workflow-copy h2{word-break:keep-all;}
}
html[lang="zh-hans"] .hp-preview{--xm-font-sans:"Xmind Website Sans","PingFang SC","Microsoft YaHei",sans-serif;}
html[lang="zh-hant"] .hp-preview{--xm-font-sans:"Xmind Website Sans","PingFang TC","Microsoft JhengHei",sans-serif;}
html[lang="ja"] .hp-preview{--xm-font-sans:"Xmind Website Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;}
html[lang="ko"] .hp-preview{--xm-font-sans:"Xmind Website Sans","Apple SD Gothic Neo","Malgun Gothic",sans-serif;}
html:is([lang="zh-hans"],[lang="zh-hant"],[lang="ja"],[lang="ko"]) .hp-preview{
 --xm-font-editorial:var(--xm-font-sans);
}
html:is([lang="zh-hans"],[lang="zh-hant"],[lang="ja"],[lang="ko"]) .motion-word{display:inline;white-space:normal;}
/* Full product names fit the existing small demonstration nodes. */
.hp-preview .library-essays{font-size:.9cqw;}
.hp-preview .library-club{font-size:.95cqw;}
.hp-preview .library-write{font-size:.74cqw;}
.hp-preview .memory-connect{font-size:1.24cqw;}
@media(max-width:599px){
 html:not([lang="en"]) .hp-preview .final-copy{gap:24px;}
 html:not([lang="en"]) .hp-preview .final-copy h2{font-size:clamp(30px,8vw,36px);}
 html:not([lang="en"]) .hp-preview .final-copy p{line-height:1.5;}
 html:not([lang="en"]) .hp-preview .hero-actions .cta{height:auto;min-height:44px;}
 html:not([lang="en"]) .hp-preview .template-tabs{width:100%;gap:12px;}
}