.language-trigger{display:inline-flex;align-items:center;gap:8px;max-width:230px;min-height:42px;padding:6px 10px;border:1px solid var(--line,#d8dce0);border-radius:24px;background:var(--white,#fff);color:var(--ink,#253342);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.flag-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#eef1f4;box-shadow:inset 0 0 0 1px #cdd4db;font-size:21px;line-height:1;overflow:hidden}
.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 0 12px}
.language-choice{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px;border:1px solid var(--line,#d8dce0);border-radius:16px;background:var(--white,#fff);color:var(--ink,#253342);font:inherit;text-align:left;cursor:pointer}
.language-choice.selected{border-color:var(--accent,#087dc4);box-shadow:inset 0 0 0 1px var(--accent,#087dc4)}
.language-check{margin-left:auto;color:var(--ink,#253342)}
.language-trigger:focus-visible,.language-choice:focus-visible{outline:3px solid var(--accent,#087dc4);outline-offset:3px}
#language-preferences-form{display:grid;gap:16px}
#language-preferences-form h2,#language-preferences-form p{margin:0}
#language-preferences-form button{justify-self:start}
.app-header .language-trigger{max-width:190px}
.app-welcome .language-trigger{background:#fffffff2;color:#263640;border-color:#ffffff6b}
@media(max-width:600px){.site-nav .nav-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-nav .language-trigger{font-size:12px;padding:5px 8px}.app-header .language-trigger{max-width:180px;font-size:11px;gap:5px;padding:4px 7px}.app-header .flag-chip{width:24px;height:24px;flex-basis:24px;font-size:18px}.app-header{gap:7px}.app-header .logo{font-size:26px}.language-options{gap:8px}.language-choice{font-size:13px;padding:10px;gap:8px}.language-choice .flag-chip{width:26px;height:26px;flex-basis:26px}}

@media(max-width:600px){.app-header .app-brand{font-size:26px}.app-header .appearance-shortcut .shortcut-label{display:none}.app-header .appearance-shortcut .icon{display:inline-flex!important}.app-header .appearance-shortcut{width:36px;min-width:36px;padding:5px}.app-header>div{gap:6px}}
.appearance-shortcut .icon{display:none}
@media(max-width:360px){
 body.workspace .app-header{padding:0 12px;gap:6px}
 body.workspace .app-header .app-brand{font-size:22px;flex-shrink:0}
 body.workspace .app-header>div{gap:4px;min-width:0}
 body.workspace .app-header .appearance-shortcut{width:34px;min-width:34px;padding:4px}
 body.workspace .app-header .language-trigger{font-size:10px;gap:4px;padding:4px 6px;min-width:0}
 body.workspace .app-header .language-trigger .flag-chip{width:24px;height:24px;flex-basis:24px}
 body.workspace .app-header .avatar{width:30px;height:30px;min-width:30px;min-height:30px;flex-shrink:0}
}
.translation-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 18px;font-size:12px;color:var(--muted)}
.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.chat-peers{display:flex;flex-direction:column;gap:8px}.chat-peer{display:flex;align-items:center;gap:10px;text-align:left;border-radius:14px;padding:14px;background:var(--white);color:var(--ink);border:1px solid var(--line);cursor:pointer;font:inherit}.chat-peer.active{border-color:var(--rose);background:var(--cream)}.chat-peer img{width:32px;height:32px;object-fit:cover;border-radius:50%}.chat-thread{min-width:0}.chat-messages{height:390px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:10px 4px}.chat-bubble{align-self:flex-start;max-width:90%;border:1px solid var(--line);background:var(--white);border-radius:18px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;background:var(--cream)}.chat-bubble p{margin:0 0 8px}.chat-bubble small{display:block;font-size:11px;color:var(--muted)}.chat-bubble .text-btn{padding:6px 0;font-size:11px}.chat-send{display:grid;gap:10px}.chat-send textarea{min-height:90px}.chat-send button{justify-self:end}.chat-source{font-size:12px}
@media(max-width:600px){.chat-layout{grid-template-columns:1fr;gap:14px}.chat-peers{flex-direction:row;overflow-x:auto}.chat-peer{flex:0 0 auto;padding:10px}.chat-messages{height:350px}.translation-toolbar{gap:8px}}