@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#faf7ff;border:1px solid #e7d9fa;border-radius:9px;color:#6514be;font:600 13px 'IBM Plex Sans Arabic',Arial,sans-serif;white-space:nowrap;cursor:pointer}.language-toggle:hover{background:#f0e4ff}.brand{direction:ltr;unicode-bidi:isolate}.language-toggle span{font-size:19px;line-height:1}
[dir=rtl]{--font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;--heading:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}
[dir=rtl] body{line-height:1.85}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{letter-spacing:0;line-height:1.5}[dir=rtl] .hero h1{font-size:clamp(39px,4.8vw,66px);line-height:1.45;letter-spacing:-1px;margin-block:20px 15px}[dir=rtl] .hero-description{font-size:19px;line-height:1.9}[dir=rtl] .eyebrow,[dir=rtl] .kicker,[dir=rtl] .step-label,[dir=rtl] .reel-tag{letter-spacing:0}[dir=rtl] .eyebrow{font-size:12px}[dir=rtl] .reel,[dir=rtl] .choice-card,[dir=rtl] .choice-flat,[dir=rtl] .field,[dir=rtl] .setup-content{text-align:right}[dir=rtl] .reel-overlay{align-items:stretch}[dir=rtl] .reel-overlay strong{font-size:clamp(18px,1.9vw,29px);line-height:1.7;letter-spacing:0}[dir=rtl] .reel-tag{left:auto;right:16px}[dir=rtl] .studio-preview{direction:rtl}[dir=rtl] .mini-sidebar{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .window-bar{direction:ltr}[dir=rtl] .setup-sidebar{border-right:0;border-left:1px solid var(--line)}[dir=rtl] .close-dialog{margin-left:0;margin-right:auto}[dir=rtl] .sample-dialog>.close-dialog,[dir=rtl] .info-dialog>.close-dialog{right:auto;left:16px}[dir=rtl] .curved-arrow{display:inline-block;transform:scaleX(-1);margin-left:0;margin-right:15px}[dir=rtl] .sample-caption{font-family:var(--heading);letter-spacing:0;line-height:1.65}[dir=rtl] .draft-entry strong,[dir=rtl] .summary-card strong{unicode-bidi:plaintext}[dir=rtl] input[type=time],[dir=rtl] #schedule-zone{direction:ltr;text-align:left}[dir=rtl] .brand{font-family:'Manrope',Arial,sans-serif;letter-spacing:-1px}[dir=rtl] .setup-dialog h2{font-size:30px}[dir=rtl] .preview-pill{letter-spacing:0}[dir=rtl] .info-dialog p{line-height:1.9}
@media(max-width:800px){.header{gap:12px;padding-inline:18px}.nav-actions{gap:10px}.header .text-button{display:none}.header nav{display:none}.language-toggle{padding:7px 9px}.header .button.small{padding:10px 12px}[dir=rtl] .hero{padding-top:35px}[dir=rtl] .hero h1{font-size:clamp(36px,8vw,54px)}[dir=rtl] .reel-overlay strong{font-size:24px}[dir=rtl] .setup-sidebar{border-left:0}[dir=rtl] .showcase-heading{gap:12px}[dir=rtl] .showcase-heading h2{font-size:13px}[dir=rtl] .hero-description{font-size:17px}}
@media(max-width:400px){.header{padding-inline:12px;gap:8px}.header .brand{font-size:18px}.header .brand img{width:24px}.nav-actions{gap:7px}.language-toggle{font-size:12px}.header .button.small{font-size:11px;padding:9px}.language-toggle span{display:none}}

/* Corrections from the owner's iPhone screenshots. */
.button svg.directional-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[dir=rtl] .directional-icon{transform:scaleX(-1)}
svg.curved-arrow{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;vertical-align:middle}
#step-counter{white-space:nowrap;font-variant-numeric:tabular-nums}
[dir=rtl] #step-counter{font-size:12px;color:#776985}
@media(max-width:600px){.showcase-heading>span{display:none}}

.dialog-language{font-size:12px;padding:7px 10px;white-space:nowrap}.sample-info>.dialog-language{margin-bottom:14px}.info-dialog>.dialog-language{margin-bottom:14px}

.real-showcase{margin:36px 5% 0}.real-showcase p{color:var(--muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.real-showcase-grid{display:flex;gap:18px;overflow:auto}.real-showcase figure{margin:0;min-width:200px;max-width:260px}.real-showcase video{width:100%;aspect-ratio:9/16;background:#1a1124;border-radius:16px}.real-showcase figcaption{margin-top:10px;font-size:14px}