@font-face{font-family:MayaLanguageArabic;src:url('fonts/cairo.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{--paper:#061d16;--accent:#ddc184;--ink:#f8f2e3;--line:#ddc18430}
.studio-header{gap:22px;background:#061d16}
.language-switcher{display:flex;align-items:center;gap:3px;border:1px solid #ddc18445;border-radius:30px;padding:4px;flex-shrink:0}
.language-switcher a{font:500 11px Space,Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap;line-height:1.5!important;padding:7px 12px;border-radius:24px;color:#bccabf;transition:background .2s,color .2s}
.language-switcher a[lang='ar-SA']{font-family:MayaLanguageArabic,Tahoma,sans-serif!important;font-weight:650!important;font-size:12px!important}
.language-switcher a:hover{color:#fff6df;background:#ffffff0b}
.language-switcher a[aria-current=page]{color:#163425;background:#e3ca93;box-shadow:0 1px 8px #0002}
html[dir=rtl] .language-switcher{flex-direction:row-reverse}
html[dir=ltr] .studio-line{color:#d3d5bd;border-color:#ddc18430}
html[dir=ltr] .studio-line span{color:#a9bba9}
html[dir=ltr] .cta{background:linear-gradient(120deg,#eddaac,#cfad65);color:#103e2e}
html[dir=ltr] .scene-caption p,html[dir=ltr] .mode-label{color:#aec5b6}
html[dir=ltr] .studio-footer{color:#a8beae}
html[dir=ltr] dialog{background:#0b251c;border-color:#ddc18450}
html[dir=ltr] .email-action{background:#ddc184;color:#103e2e}
html[dir=ltr] .contact-chips button[aria-pressed=true]{background:#ddc18418;border-color:#ddc184}
.header-actions{gap:22px}
@media(max-width:1240px){.studio-line{display:none}.studio-header{gap:20px}.header-actions{gap:22px}}
@media(max-width:760px){
 body{min-height:710px;overflow-y:auto}
 .studio-header{height:118px!important;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:9px 12px;padding:10px 18px!important}
 .studio-header .brand{font-size:27px}
 .studio-header .brand svg{width:25px;height:25px}
 .studio-header .header-actions{gap:16px;margin-inline-start:auto;margin-inline-end:0}
 .header-actions>button:first-child{font-size:10px!important;gap:7px!important}
 .header-actions .cta{font-size:10px!important;gap:8px!important;padding:10px 14px!important}
 .language-switcher{flex-basis:auto;margin-inline:auto;justify-content:center;padding:3px;width:100%;max-width:310px}
 .language-switcher a{flex:1;text-align:center;padding:5px 10px;font-size:11px!important}
 .stage{min-height:365px}
 html[dir=ltr] .scene-caption{min-width:0;flex:1}
 html[dir=ltr] .scene-caption p{font-size:9px;line-height:1.5}
 html[dir=ltr] #take-control{font-size:9px;gap:5px;padding:10px}
 html[dir=ltr] .scene-info{gap:10px;padding-inline:3px}
 html[dir=ltr] .scene-caption{padding-left:10px}
}
@media(max-width:360px){.studio-header{padding-inline:12px!important}.header-actions{gap:10px!important}.header-actions .cta{padding-inline:10px!important}.studio-header .brand{font-size:24px}}