@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2)format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#263d35;font-synthesis:none;--green:#184d3f;--muted:#849088;--border:#e6eae4;background:#f6f7f3;font-family:Tajawal,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #bda76d}.header{border-bottom:1px solid var(--border);background:#fcfdfb;justify-content:space-between;align-items:center;height:90px;padding:0 max(5vw,24px);display:flex}.brand{align-items:center;gap:11px;font-size:30px;font-weight:700;line-height:1;display:flex}.brand-icon{background:var(--green);color:#e4cd98;border-radius:13px;place-items:center;width:45px;height:49px;font-size:34px;display:grid}.brand small{letter-spacing:3px;margin-top:7px;font-family:Arial,sans-serif;font-size:9px;display:block}.header nav{align-items:center;gap:32px;font-weight:500;display:flex}.header nav button{color:#768079;background:0 0;border:0}.header nav a{padding:35px 0;position:relative}.header nav a:after{background:var(--green);content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.free{color:#55735e;border:1px solid #dae4d9;border-radius:25px;padding:9px 14px;font-size:14px}.free i,.live-dot{background:#719c75;border-radius:100%;width:6px;height:6px;margin-left:6px;display:inline-block}main{max-width:1260px;margin:auto;padding:0 38px}.intro{justify-content:space-between;align-items:center;padding:43px 0 30px;display:flex}.eyebrow{color:#7b8f7d;margin-bottom:9px;font-size:13px}h1{letter-spacing:-.9px;margin:0;font-size:34px;font-weight:500;line-height:1.5}h1 span{color:var(--green);font-weight:700}.intro p{color:#7b867e;margin:8px 0 0;font-size:16px}.intro-note{color:#536957;align-items:center;gap:14px;margin-left:9px;font-size:15px;display:flex}.intro-note>span{color:#b8a36f;font-size:37px}.intro-note small{color:#9ba398;margin-top:7px;font-size:12px;display:block}.workspace{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:35px;display:grid}.editor{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 5px 30px #263d3503}.editor-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:23px 27px 20px;display:flex}h2{margin:0;font-size:19px;font-weight:700}.small-badge{color:#879282;background:#f5f6f1;border-radius:6px;padding:6px 11px;font-size:12px}fieldset{border:0;min-width:0;margin:0;padding:0}.form-section{border-bottom:1px solid var(--border);margin:0 27px;padding:25px 0}.section-heading{align-items:center;gap:10px;margin-bottom:19px;display:flex}.step{color:#668271;background:#edf3ed;border-radius:8px;place-items:center;width:27px;height:27px;font-family:Arial,sans-serif;font-size:11px;display:grid}h3{margin:0;font-size:17px}.section-caption{color:#97a096;margin-right:auto;font-size:12px}.quick-picks{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;display:flex}.quick-picks>span{color:#8b978b;margin-left:3px;font-size:12px}.quick-picks button{color:#6d7c6d;background:#fff;border:1px solid #e5e8df;border-radius:6px;padding:6px 9px;font-size:12px}.quick-picks button.selected{color:#506a4b;background:#eef3ea;border-color:#d6e2cf}.two-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:#526153;font-size:14px;font-weight:500;display:block}select{color:#344e3e;background:#fdfefb;border:1px solid #e2e7df;border-radius:8px;width:100%;min-height:45px;margin-top:9px;padding:8px 12px;font-size:14px;display:block}.verse-range{margin-top:19px}.number-input{background:#fdfefb;border:1px solid #e2e7df;border-radius:8px;align-items:center;height:42px;margin-top:9px;display:flex;overflow:hidden}.number-input input{text-align:center;appearance:textfield;color:#344e3e;background:0 0;border:0;width:100%;min-width:0}.number-input input::-webkit-inner-spin-button{appearance:none}.number-input button{color:#8b9887;background:0 0;border:0;flex-shrink:0;width:43px;height:40px;font-size:20px}.number-input button:hover{background:#edf3ed}.range-summary{color:#94a08d;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.range-summary span:first-child{color:#728c6f}.text-button{color:#648063;background:0 0;border:0;margin-right:auto;font-size:12px}.backgrounds{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.background{background:#e9eee7;border:2px solid #0000;border-radius:9px;height:122px;padding:0;position:relative;overflow:hidden}.background img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.background:hover img{transform:scale(1.05)}.background:after{content:"";background:linear-gradient(#0000,#0009);position:absolute;inset:40% 0 0}.background span{color:#fff;z-index:1;font-size:11px;position:absolute;bottom:9px;left:0;right:0}.background.selected{border-color:#729069;box-shadow:0 0 0 2px #e3edde}.background b{color:var(--green);background:#fff;border-radius:50%;width:17px;height:17px;padding:2px;font-size:10px;display:none;position:absolute;top:6px;right:6px}.background.selected b{display:block}.upload{cursor:pointer;text-align:center;background:#fafcf7;border:1px dashed #cfd9c9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload>span{color:#8aa07e;font-size:26px}.upload strong{margin:4px 0 7px;font-size:11px}.upload small{color:#95a08f;font-size:10px}.upload input{opacity:0;width:1px;height:1px;position:absolute}.upload:focus-within{outline:3px solid #bda76d}.background-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:15px;display:flex}.background-footer>span{color:#96a08f;font-size:10px}.toggle{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.toggle input{opacity:0;width:1px;position:absolute}.toggle>span{background:#bbb;border-radius:20px;width:26px;height:15px;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:#738c64}.toggle input:checked+span:after{left:13px}.toggle input:focus-visible+span{outline:3px solid #bda76d}.last{border:0;padding-bottom:20px}.sliders{margin-top:19px}.sliders label{font-size:12px}.sliders input{accent-color:#668358;width:100%;height:4px;margin:15px 0 8px;display:block}.export-area{padding:0 27px 19px}.primary{color:#fff;background:var(--green);border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-size:16px;font-weight:700;display:flex}.primary:hover{background:#21604e}.primary>span:first-child{color:#d9e4c6;font-size:23px}.button-format{opacity:.65;margin-right:auto;font:10px Arial!important}.primary>span:first-child{margin-right:auto}.export-area>p{color:#939c8d;text-align:center;margin:11px 0 0;font-size:11px;line-height:1.8}.preview-panel{padding:0 13px;position:sticky;top:22px}.preview-heading{justify-content:space-between;align-items:center;margin:5px 0 17px;display:flex}.preview-heading h2{font-size:14px;font-weight:500}.preview-heading>span{color:#82917c;border:1px solid #dce2d8;border-radius:5px;padding:3px 8px;font-family:Arial;font-size:11px}.phone{aspect-ratio:9/16;background:#173229;border-radius:18px;width:100%;max-width:310px;margin:auto;position:relative;overflow:hidden;box-shadow:0 14px 35px #1f342520}.phone canvas{width:100%;height:100%;display:block}.phone-top,.phone-bottom{color:#ffffffa6;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;left:23px;right:23px}.phone-top{top:26px}.phone-bottom{bottom:27px}.phone-top span:last-child{color:#e8d9b5}.phone-bottom span:last-child{font-size:15px}#playBtn{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff18;border:1px solid #ffffff4a;border-radius:100%;width:42px;height:42px;padding:0;position:absolute;bottom:66px;left:calc(50% - 21px)}.playback{color:#8c9983;direction:ltr;align-items:center;gap:13px;max-width:310px;margin:20px auto 0;font-size:10px;display:flex}.playback button{color:#88967e;background:0 0;border:0;font-size:23px}.playback-track{background:#dbe2d5;border-radius:4px;flex:1;height:3px}.playback-track span{background:#7c9570;width:0;height:100%;display:block}.preview-note{color:#8d987f;justify-content:center;align-items:center;gap:13px;margin:26px 0;display:flex}.preview-note>span{font-size:31px;transform:rotate(-20deg)}.preview-note p{margin:0;font-size:13px;line-height:1.9}.preview-note strong{color:#778a70;font-weight:500}.format-note{color:#a0aa96;justify-content:center;gap:15px;font-size:10px;display:flex}.format-note span+span{border-right:1px solid #dfe4d8;padding-right:15px}footer{border-top:1px solid var(--border);color:#9ca693;justify-content:space-between;align-items:center;margin-top:22px;padding:30px 0;font-size:12px;display:flex}.footer-brand{color:#7c8f70;font-size:20px;font-weight:700}footer button{color:#8a9980;background:0 0;border:0;font-size:12px}dialog{color:#344f3e;border:1px solid #dde5d6;border-radius:18px;width:calc(100% - 36px);max-width:520px;padding:30px;line-height:1.9;box-shadow:0 15px 100px #163f3633}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14241c88}dialog h2{margin:14px 0}dialog a{text-decoration:underline}.close-dialog{float:left;background:#f1f5ee;border:0;border-radius:50%;width:30px;height:30px;font-size:23px}.cancel{color:#765a45;background:#fff;border:1px solid #d8ded3;border-radius:7px;margin:12px auto;padding:8px 18px;display:block}.download{text-align:center;color:#315d33;background:#edf5e8;border-radius:8px;margin-top:14px;padding:13px;font-weight:700;display:block}progress{width:100%;height:7px;accent-color:var(--green);margin-top:17px}[hidden]{display:none!important}.error{color:#ad473a!important}.success{color:#3a793e!important}@media (width>=1400px){main{max-width:1330px}.workspace{grid-template-columns:minmax(0,1fr) 410px;gap:50px}.phone{max-width:330px}.background{height:135px}}@media (width<=1000px){main{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.preview-panel{padding:0}.form-section{margin:0 20px}.intro-note{display:none}.backgrounds{gap:6px}.background{height:100px}.section-caption,.background-footer>span{display:none}}@media (width<=760px){.header{height:72px;padding:0 18px}.brand{font-size:25px}.brand-icon{width:38px;height:42px}.header nav{gap:15px;font-size:12px}.header nav a{padding:27px 0}.free{display:none}main{padding:0 16px}.intro{padding:28px 0 24px}h1{font-size:27px}.intro p{font-size:13px}.workspace{grid-template-columns:1fr;gap:30px}.preview-panel{border:1px solid var(--border);background:#eef2e8;border-radius:15px;grid-row:1;grid-template-columns:1fr 160px;align-items:center;gap:12px 18px;padding:15px;display:grid;position:static}.phone{border-radius:11px;grid-area:1/2/5;width:160px}.preview-heading{grid-column:1;align-self:end;margin:0}.preview-heading>span{display:none}.phone-top{font-size:7px;top:14px;left:12px;right:12px}.phone-bottom{font-size:7px;bottom:13px;left:12px;right:12px}#playBtn{bottom:35px;transform:scale(.8)}.preview-note{justify-content:start;margin:0}.preview-note>span{display:none}.preview-note p{font-size:12px}.playback{flex-wrap:wrap;grid-area:3/1;gap:7px;width:100%;margin:0}.playback #time{text-align:center;width:100%}.format-note{flex-wrap:wrap;grid-column:1;justify-content:start;align-self:start;gap:6px;font-size:9px}.format-note span+span{padding-right:6px}.format-note span:last-child{border:0;padding:0}.editor-title{padding:20px}.form-section{padding:22px 0}.background{height:110px}.two-cols{gap:12px}.export-area{padding:0 20px 18px}.quick-picks button{font-size:11px}.quick-picks>span{width:100%;margin-bottom:4px}footer{flex-wrap:wrap;justify-content:center;gap:15px;font-size:10px}footer>span:nth-child(2){text-align:center;order:3;width:100%}.background-footer>span{font-size:9px;display:inline}.toggle{font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.video-library{margin-bottom:19px}.video-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.video-toolbar label{align-items:center;gap:12px;font-size:13px;display:flex}.video-toolbar select{width:145px;min-height:36px;margin:0;padding:5px 8px;font-size:12px}.video-toolbar>span{color:#7d9076;font-size:12px}.video-gallery{scrollbar-width:thin;scrollbar-color:#becab5 transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:230px;padding:3px;display:grid;overflow-y:auto}.video-card{color:#fff;background:#e7ede1;border:2px solid #0000;border-radius:8px;height:103px;padding:0;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:100%}.video-card span{text-align:center;background:linear-gradient(#0000,#000b);padding:20px 5px 9px;font-size:11px;position:absolute;inset:auto 0 0}.video-card[aria-pressed=true]{border-color:#729069;box-shadow:0 0 0 2px #e3edde}.media-note{color:#7f9077;margin:9px 0;line-height:1.8;font-size:11px!important}.media-note a{text-underline-offset:3px;text-decoration:underline}.photo-label{color:#7e9078;margin-top:17px;font-size:12px}.logo-section{border-top:1px solid var(--border);border-bottom:0;padding-top:22px}.logo-upload-row{align-items:center;gap:14px;display:flex}.logo-upload{cursor:pointer;background:#f8fbf5;border:1px dashed #c4d1bc;border-radius:8px;flex:1;padding:12px;display:block}.logo-upload span{color:#4f7048;font-size:14px;font-weight:700;display:block}.logo-upload small{color:#8b9981;margin-top:5px;font-size:10px;display:block}.logo-upload input{opacity:0;width:1px;height:1px;position:absolute}.logo-upload:focus-within{outline:3px solid #bda76d}#logoThumb{object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/12px 12px;border:1px solid #dae3d3;border-radius:8px;width:58px;height:58px}#logoControls{margin-top:14px}#logoControls output{color:#849879;float:left;font-size:11px}@media (width<=760px){.video-gallery{max-height:215px}.video-card{height:94px}.video-toolbar label{gap:7px;font-size:12px}.video-toolbar select{width:125px}.logo-upload-row{gap:8px}#removeLogo{font-size:11px}.video-toolbar{gap:8px}}