/* Interface direction is independent of project and export language. */
#ui-language-switch{position:fixed;inset-inline-end:18px;bottom:16px;z-index:35;display:flex;direction:ltr;gap:2px;padding:4px;border:1px solid #465135;border-radius:10px;background:#171d13;box-shadow:0 4px 18px #0003}
#ui-language-switch button{border:0;border-radius:6px;background:transparent;color:#bac3af;font:600 11px Outfit,Arial,sans-serif;letter-spacing:.03em;min-height:32px;min-width:38px;cursor:pointer}
#ui-language-switch button[aria-pressed=true]{background:#c8ff22;color:#16200c}
#ui-language-switch button:focus-visible{outline:2px solid white;outline-offset:2px}
html[lang=en] body{--font:Poppins,Alexandria,Arial,sans-serif;font-family:Poppins,Alexandria,Arial,sans-serif}
html[lang=en] :is(input,textarea,select,button){font-family:Poppins,Alexandria,sans-serif}
html[lang=en] :is(.field,.dp-field,.editor-hint,.dialog-note){line-height:1.55}
html[lang=en] :is(.field>span,.field label,.dp-field>span){font-size:12px;font-weight:500}
html[lang=en] :is(.edit-title,.section-heading,.intro,.dp-studio-header){text-align:start}
html[dir=ltr] :is(.icon[style*="arrow-left"],.icon[style*="arrow-right"],.icon[style*="chevron-left"],.icon[style*="chevron-right"]){transform:scaleX(-1)}
html[lang=en] :is(.btn,.dp-button){font-size:12px;padding:9px 13px;min-height:36px;line-height:1.3;letter-spacing:0}
html[lang=en] .btn.small{font-size:11px;padding:6px 9px;min-height:30px}
html[lang=en] .dp-studio{font-family:Poppins,Alexandria,sans-serif}
.dp-workspace{grid-template-columns:292px minmax(0,1fr)}
.dp-inspector-content{padding:22px 18px}.dp-preview{padding:20px 24px}.dp-field{margin-bottom:18px}.dp-panel{border-inline:0}.dp-studio-header{gap:18px}.dp-field input,.dp-field textarea{border-radius:8px}
html[lang=en] .dp-studio-header small{font-size:12px}html[lang=en] .dp-tabs button{font-size:13px}
html[dir=ltr] .sidebar{border-left:0;border-right:1px solid #29351f}
html[dir=rtl] #app :is(.top,.group,.home,.work,.paper){text-align:start}
@media(max-width:700px){.dp-workspace{grid-template-columns:1fr}.dp-preview{padding:14px}.dp-inspector-content{padding:18px}#ui-language-switch{bottom:10px;inset-inline-end:10px}html[lang=en] .edit-actions{gap:6px;flex-wrap:wrap}.dp-studio-header{gap:10px}.dp-header-actions{flex-wrap:wrap}body{padding-bottom:54px}}
@media print{#ui-language-switch{display:none!important}}
/* Keep the live deck identical to export typography, regardless of UI preference. */
.deck-slide[lang=ar]{--font:Alexandria,Arial,sans-serif;--latin:Outfit,Arial,sans-serif}
.paper[lang=en]{font-family:Poppins,Alexandria,sans-serif}
.paper-copy,.paper .answer,.paper .brief-answer{unicode-bidi:plaintext}
.dp-menu[open]>div{z-index:50}.dp-studio-header{position:relative;z-index:3}