.language-picker{display:inline-flex;align-items:center;flex:none;margin-left:8px}
.language-picker select{box-sizing:border-box;width:132px;min-width:44px;min-height:44px;margin:0;padding:10px 8px;border:1px solid #cdd8c8;border-radius:8px;background:#fff;color:#1b2924;font:14px Arial,sans-serif;letter-spacing:normal;cursor:pointer;touch-action:manipulation}
.language-picker select:focus-visible{outline:3px solid #83a35a;outline-offset:2px}
#language-status{position:fixed;z-index:100;bottom:12px;left:12px;right:12px;background:#fff4e8;color:#793818;padding:12px;border:1px solid #cdb78b;border-radius:8px}
body>header{position:sticky;top:0;z-index:25;background:#fff;gap:16px}
.app-header .header-actions{margin-left:auto}
.app-header .project-title{min-width:0}
.live-badge>span[data-i18n]{display:contents}
.canvas-heading>div{min-width:0}
.canvas-heading h2{overflow-wrap:anywhere}
.create>span[data-i18n]{color:inherit;font-size:inherit}
/* Presentation keeps the same selector; there is no second language control. */
.presenting .app-header{display:flex;position:fixed;left:0;right:0;top:0;height:64px;min-height:64px;justify-content:flex-end;padding:8px 16px}
.presenting .app-header>:not(.language-picker){display:none}
.presenting .presentation-bar{top:64px}
.presenting .workspace{margin-top:134px;height:calc(100dvh - 134px)}
@media(max-width:1100px){.app-header .project-title,.app-header .header-divider{display:none}}
@media(max-width:760px){
 body>header,body>header.topbar,body>header.app-header{height:auto;min-height:76px;padding:12px 14px;gap:8px 12px;flex-wrap:wrap}
 .language-picker{margin-left:auto;order:1}
 .language-picker select{width:124px;font-size:16px}
 body>header .event{display:none}
 body>header #logout,body>header .header-actions{order:2;margin:0;width:100%;justify-content:flex-end;min-height:44px}
 body>header #logout{text-align:right}
 .topbar nav{order:3;flex-wrap:wrap;gap:6px 18px;width:100%}
 .topbar nav a{min-width:0}
 .app-header .header-actions .button{flex:1;white-space:normal}
 .identity-content{min-width:0}
 .identity-content .stats{gap:5px}
 .identity-content .stats>div{min-width:0;flex:1}
 .identity-content .stats span{font-size:10px;overflow-wrap:anywhere}
 .presenting .workspace{height:auto;margin-top:134px}
 .presenting .presentation-bar{top:64px}
 .presenting .presentation-bar select{max-width:none}
 .presenting .app-header{min-height:64px;height:64px}
}
@media(max-width:350px){.brand,.wordmark{gap:6px!important}.brand small,.brand-sub{letter-spacing:1.5px!important}.language-picker select{width:116px;font-size:15px}.steps{grid-template-columns:1fr;gap:20px}}