/* Shared picker uses the same compact controls and menu treatment on every surface. */
html[data-i18n-loading] body{visibility:hidden}
.language-picker{display:inline-flex;flex:none;color:inherit;max-width:100%}
.language-control{display:inline-flex;align-items:center;max-width:100%}
.language-control select[hidden]{display:none!important}
.language-picker .language-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:32px;min-height:32px;margin:0;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;box-shadow:none;text-decoration:none;white-space:nowrap}
.language-picker .language-trigger:hover,.language-picker .language-trigger[aria-expanded=true]{background:color-mix(in srgb,currentColor 7%,transparent)}
.language-picker .language-trigger:focus{outline:none}
.language-picker .language-trigger:focus-visible{outline:2px solid #9aa4ad;outline-offset:2px}
.language-picker .language-trigger[aria-expanded=true]{outline:none}
.language-trigger>svg{width:18px;height:18px;flex:none}
.language-current{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.shell-language-picker{display:flex;align-items:center;color:var(--text-secondary);width:32px;flex:none}
.shell-language-picker .language-trigger{width:32px;height:32px;padding:7px}
.shell-language-picker .language-current{display:none}
.language-picker.is-loading .language-trigger{cursor:progress}
.language-menu{position:fixed;z-index:2000;box-sizing:border-box;padding:5px;overflow:auto;overscroll-behavior:contain;border:1px solid #dce2e6;border-radius:8px;background:#fff;color:#20262a;box-shadow:0 14px 36px rgb(22 34 39 / 16%),0 2px 8px rgb(22 34 39 / 8%);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.4;scrollbar-width:thin}
.language-menu[hidden]{display:none!important}
.language-menu .language-option{appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:33px;margin:0;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;line-height:1.4;text-align:left;direction:ltr;cursor:pointer;box-shadow:none}
.language-menu .language-option:hover,.language-menu .language-option:focus-visible{background:#f3f6f8;outline:none}
.language-menu .language-option[aria-selected=true]{background:var(--surface-selected,#eff6ff);color:var(--accent-dark,#1d4ed8);font-weight:500}
.language-option>svg{width:15px;height:15px;flex:none;visibility:hidden}
.language-option[aria-selected=true]>svg{visibility:visible}
.language-error{position:fixed;z-index:9999;bottom:25px;inset-inline:20px;margin-inline:auto;max-width:520px;padding:12px 18px;border-radius:10px;background:#fff;color:#a12828;box-shadow:0 5px 24px #18202920;font-size:13px}
.language-error[hidden]{display:none!important}
html:not([lang^="zh"]) .desktop-nav{gap:clamp(12px,2vw,32px);margin-inline-start:20px;white-space:nowrap}html:not([lang^="zh"]) .hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.2;max-width:900px;margin-inline:auto}html:not([lang^="zh"]) .hero-copy>p{padding-inline:20px;max-width:900px;margin-inline:auto;margin-top:23px}html:not([lang^="zh"]) .creator-body h2{font-size:22px}html:not([lang^="zh"]) .creator-tabs button{padding-inline:8px}html:not([lang^="zh"]) .operations-tabs button{min-height:88px}html:not([lang^="zh"]) .operations-tabs small{white-space:normal}html:not([lang^="zh"]) .scene-caption{flex-wrap:wrap;gap:5px}html:not([lang^="zh"]) .scene-caption>span{line-height:1.5}html:not([lang^="zh"]) .ops-step strong{overflow-wrap:anywhere}html:not([lang^="zh"]) .workflow-strip{gap:clamp(8px,2.6vw,38px)}
html[dir="rtl"] .routras-shell{direction:rtl}html[dir="rtl"] .routras-primary-nav{border-inline-end:1px solid var(--border);border-right:0}html[dir="rtl"] .routras-secondary-nav{border-inline-end:1px solid var(--border);border-right:0}html[dir="rtl"] :is(.dialog-head,.dialog-actions,.topbar,.header-actions,.operations-tabs button){direction:rtl}html[dir="rtl"] input:is([type="email"],[type="url"],[type="password"]),html[dir="rtl"] :is(code,pre,[data-user-content]){direction:ltr;unicode-bidi:plaintext}html[dir="rtl"] .operations-tabs button>svg:last-child{margin-left:0;margin-inline-start:auto}html[dir="rtl"] .scene-caption{text-align:right}html[dir="rtl"] .ops-step:not(:last-child):after{left:auto;right:100%;transform:scaleX(-1)}
@media(max-width:900px){html:not([lang^="zh"]) .desktop-nav{gap:14px;margin-inline-start:0}html:not([lang^="zh"]) .site-header{gap:14px}html:not([lang^="zh"]) .header-actions{gap:12px}}
@media(max-width:620px){html:not([lang^="zh"]) .hero h1{font-size:clamp(34px,7.8vw,43px);padding-inline:16px}html:not([lang^="zh"]) .hero-copy>p{font-size:11px;line-height:1.8}html:not([lang^="zh"]) .creator-body h2{font-size:16px}html:not([lang^="zh"]) .creator-tabs button{padding-inline:5px;font-size:8px}html:not([lang^="zh"]) .workflow-strip{flex-wrap:wrap;justify-content:center;gap:10px}html:not([lang^="zh"]) .capability-tabs{display:flex;flex-wrap:wrap}html:not([lang^="zh"]) .capability-tabs button{padding-inline:8px}html:not([lang^="zh"]) .scene-caption{display:block}html:not([lang^="zh"]) .scene-image-copy{font-size:24px}html:not([lang^="zh"]) .ops-task-title p{font-size:9px}html:not([lang^="zh"]) .scene-grid .scene-card:not(.scene-main) .scene-image-copy{font-size:17px;max-width:calc(100% - 25px)}html:not([lang^="zh"]) .resource-heading h2{font-size:25px}.language-error{font-size:12px}}

body.legal-page>.auth-language{position:absolute;top:24px;inset-inline-end:28px}

@media(max-width:1100px){html:not([lang^="zh"]) .landing .desktop-nav{display:none}html:not([lang^="zh"]) .landing .mobile-toggle{display:inline-flex}html:not([lang^="zh"]) .landing .mobile-nav:not([hidden]){display:block}}
