/* Logical layout follows the selected interface language; user content keeps its own direction. */
#wonder-ui .language-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:440px;margin-block:8px 20px;font-size:14px}
#wonder-ui .language-picker select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;min-width:140px;max-width:65%}
#wonder-ui #welcome-dialog>.language-picker{margin-inline-start:auto;margin-block:0 16px}
#wonder-ui .sidebar{border-right:0;border-inline-end:1px solid var(--line)}
#wonder-ui .active-dot{margin-left:0;margin-inline-start:auto}
#wonder-ui .nav,#wonder-ui .recent,#wonder-ui .history-row,#wonder-ui .app-form label,#wonder-ui .welcome-pet,#wonder-ui .pet-menu button{text-align:start}
#wonder-ui .user-msg{margin-inline-start:auto;margin-inline-end:0}
#wonder-ui .progress-state{border-left:0;border-inline-start:2px solid var(--accent)}
#wonder-ui #pet-menu{right:auto;inset-inline-end:24px}
#wonder-ui .chess-board,#wonder-ui .connect-board,#wonder-ui pre,#wonder-ui code,#wonder-ui input[type=email],#wonder-ui input[type=url],#wonder-ui input[autocomplete=one-time-code]{direction:ltr;unicode-bidi:isolate}
#wonder-ui input:not([type=email]):not([type=url]),#wonder-ui textarea{unicode-bidi:plaintext}
#wonder-ui .wallet-status{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#wonder-ui .wallet-status h3{font-size:15px}
html[dir=rtl] #wonder-ui .user-msg{border-radius:18px 18px 6px 18px}
html[lang=he] #wonder-ui,html[lang=ar] #wonder-ui{font-family:Arial,"Noto Sans Hebrew","Noto Sans Arabic",sans-serif}
html[lang=he] #wonder-ui :is(h1,h2,h3,.eyebrow,.tag),html[lang=ar] #wonder-ui :is(h1,h2,h3,.eyebrow,.tag){letter-spacing:normal}
html[lang=ar] #wonder-ui :is(p,button,label,.chat-text){line-height:1.65}
@media(max-width:650px){#wonder-ui #pet-menu{right:auto;inset-inline-end:12px}#wonder-ui .language-picker{gap:8px;width:100%;font-size:14px}}
#wonder-ui .direction-switch button{white-space:normal;overflow-wrap:anywhere}
#wonder-ui .direction-switch button svg{flex-shrink:0}
#wonder-ui .plan-card li{padding-inline:20px 0}
#wonder-ui .plan-card li:before{left:auto;inset-inline-start:0}