/* Logical UI layout only. Never mirror pixel canvases, images or pointer coordinates. */
i18n-text{display:inline}
.locale-switcher{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;font-size:.75rem;line-height:1.4}
.locale-switcher select{max-width:9rem;width:auto;min-height:36px;padding:.35rem .6rem;border:1px solid #cbd5cc;border-radius:8px;background:#fff;color:#183c32;font:inherit;cursor:pointer}
.locale-switcher select:focus-visible{outline:2px solid #47765c;outline-offset:2px}
.site-header{flex-wrap:wrap;gap:12px}.site-header nav{flex-wrap:wrap;gap:14px}
html:not([lang="zh-CN"]) .hero h1{font-size:clamp(2.3rem,5.6vw,5.1rem);line-height:1.15;overflow-wrap:break-word}
html[dir="rtl"] body{text-align:start}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .contact-eyebrow{letter-spacing:normal}
html[dir="rtl"] :is(.hero-copy,.smart-copy,.editor-controls,.editor-tools,.section-heading,.contact-dialog,.footer-company){text-align:start}
html[dir="rtl"] :is(.site-header,.brand-header,.brand-footer,.product-footer){direction:rtl}
:is(.before-after,.live-demo,.hero-demo,.ratio-stage,.canvas-host,.image-stage,.image-frame,.canvas-scroll,.region-demo,.image-compare,.image-container){direction:ltr;unicode-bidi:isolate}
:is(input[type="range"],input[type="number"],input[type="color"],code,pre,.file-name,#file-name,#dimensions,#image-size,.language-line>span){direction:ltr;unicode-bidi:isolate}
:is(textarea,input[type="text"]){text-align:start}
html[dir="rtl"] .before-label,html[dir="rtl"] .after-label{direction:rtl}
html[dir="rtl"] .region-panel{border-left:0;border-right:1px solid #dce5df}
html[dir="rtl"] .processing-progress .progress-stage{text-align:start}
@media(max-width:900px){.site-header .locale-switcher,.brand-header .locale-switcher{margin-inline-start:auto}.locale-switcher>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brand-header{flex-wrap:wrap;gap:12px}.header-navigation{flex-wrap:wrap}}
@media(max-width:600px){.site-header nav{gap:10px}.site-header nav a{white-space:normal;font-size:.75rem}.site-header .locale-switcher{margin-inline-start:0}.locale-switcher select{max-width:8rem}.editor-toolbar,.toolbar-languages,.toolbar-actions{flex-wrap:wrap}.editor-toolbar>*{min-width:0}.progress-heading{overflow-wrap:anywhere}}

html:not([lang="zh-CN"]) .brand-en{display:none}