:root{--c-primary: #193A63;--c-primary-dark: #0F2A4C;--c-accent: #D5AF34;--c-danger: #C0392B;--c-secondary: #79CED8;--c-bg: #F3F4F5;--c-surface: #FFFFFF;--c-border: #E3E5E8;--c-ink: #232029;--c-muted: #7A7680;--c-muted-2: #9C99A3}html,body,#root{height:auto;min-height:100%}body{overflow-x:hidden;overscroll-behavior-y:none}.wed{font-family:Ping,-apple-system,sans-serif;color:var(--c-ink);min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;background:var(--c-bg);position:relative;box-shadow:0 0 60px #140f1e1a}.wed *,.wed-scrim,.wed-sheet,.wed-modal-wrap{-webkit-tap-highlight-color:transparent}.wed :focus-visible,.wed-sheet :focus-visible,.wed-modal :focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:6px}.wed-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;position:sticky;top:0;z-index:30;background:#f3f4f5f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.wed-hbtns{display:flex;gap:6px}.wed-hb{min-height:42px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:20px;padding:8px 13px;font-size:12.5px;font-weight:700;color:var(--c-ink);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.wed-hb svg{color:var(--c-primary)}.wed-hb:disabled{opacity:.35}.wed-logo{border:none;background:none;cursor:pointer;display:inline-flex;align-items:center}.wed-logo img{height:22px;width:auto;display:block}.wed-stage{position:relative;height:58dvh;min-height:380px;touch-action:pan-y;overflow:hidden;background:radial-gradient(90% 70% at 50% 40%,rgba(47,26,70,.06),transparent 70%)}.wed-cardwrap{position:absolute;top:50%;left:50%}.wed-guide{position:absolute;z-index:4;pointer-events:none;animation:wedfade .12s}.wed-guide.v{left:180px;top:0;height:600px;border-left:2px dashed var(--c-accent)}.wed-guide.h{top:300px;left:0;width:360px;border-top:2px dashed var(--c-accent)}.wed-el{cursor:move}@keyframes wedfade{0%{opacity:0}to{opacity:.95}}.wed-selbox{position:absolute;z-index:5;border:1.5px solid var(--c-accent);border-radius:6px;pointer-events:none;box-shadow:0 0 0 1px #ffffff59}.wed-rhandle,.wed-rothandle{position:absolute;bottom:-14px;width:28px;height:28px;border-radius:50%;background:#fff;color:#1a1a1a;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--c-border);box-shadow:0 2px 6px #00000047;pointer-events:auto;touch-action:none}.wed-rhandle{right:-14px;cursor:nwse-resize}.wed-rhandle svg{transform:scaleX(-1)}.wed-rothandle{left:-14px;cursor:grab}.wed-dtlgrid{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.wed-dtlgrid::-webkit-scrollbar{display:none}.wed-dtlcell{flex:0 0 auto;width:46px;border:1.5px solid var(--c-border);border-radius:9px;background:#fff;padding:2px;cursor:pointer}.wed-dtlcell:active,.wed-dtlcell:focus{border-color:var(--c-accent)}.wed-dtlcell svg{width:100%;display:block}.wed-adv{margin-top:6px}.wed-adv summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--c-primary);padding:4px 0;list-style:none}.wed-adv summary::-webkit-details-marker{display:none}.wed-adv summary:before{content:"⚙ "}.wed-seltools{position:fixed;z-index:46;transform:translate(-50%);display:flex;align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:11px;box-shadow:0 8px 22px #0003}.wed-seltools button{border:none;background:transparent;padding:8px 9px;font-size:15px;min-width:38px;min-height:40px;cursor:pointer;color:var(--c-ink)}.wed-seltools button.pen{color:var(--c-primary);font-weight:800}.wed-seltools button.del{color:var(--c-danger)}.wed-reset{position:absolute;top:10px;left:10px;z-index:5;border:1px solid var(--c-border);background:#fffffff2;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;color:var(--c-ink);box-shadow:0 4px 12px #0000001f;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.wed-bar{position:fixed;z-index:45;transform:translate(-50%);display:flex;align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;box-shadow:0 8px 22px #0000002e}.wed-bar button{border:none;background:transparent;padding:8px 10px;font-size:12px;font-weight:700;color:var(--c-ink);cursor:pointer;min-height:40px}.wed-bar button.del{color:var(--c-danger)}.wed-bar i{width:1px;align-self:stretch;background:var(--c-border);margin:6px 0}.wed-railhead{padding:10px 16px 2px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.wed-railhead b{font-weight:800;color:var(--c-ink);font-size:14px}.wed-railhead span{font-size:11px;color:var(--c-muted-2)}.wed-rail{display:flex;gap:10px;overflow-x:auto;padding:8px 16px 12px;scrollbar-width:none;touch-action:pan-x pan-y}.wed-rail::-webkit-scrollbar{display:none}.wed-tpl{position:relative;min-width:78px;height:116px;border-radius:12px;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px}.wed-tpl.on{border-color:var(--c-accent)}.wed-tpl .w{font-family:Diwani,Amiri,serif;font-size:22px}.wed-tpl .n{font-size:10.5px;font-weight:700}.wed-tpl em{position:absolute;top:6px;left:6px;width:18px;height:18px;border-radius:50%;background:var(--c-accent);color:#3d2f0a;font-size:11px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}.wed-link{border:none;background:none;color:var(--c-primary);font-weight:700;font-size:12px;cursor:pointer;padding:2px 4px}.wed-cat{min-width:104px;height:74px;border-radius:12px;background:linear-gradient(160deg,#e4e5e7,#d3d5d8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:700;color:var(--c-muted);opacity:.9}.wed-cat em{font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--c-muted-2);border-radius:10px;padding:2px 10px}.wed-cat.live{background:var(--c-surface);border:2px solid var(--c-border);color:var(--c-ink);cursor:pointer;opacity:1}.wed-cat.live em{background:var(--c-accent)}.wed-foot{text-align:center;font-size:11px;color:var(--c-muted-2);padding:8px 16px 96px}.wed-tools{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;z-index:40;background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--c-border);display:flex;justify-content:space-around;padding:6px 4px calc(8px + env(safe-area-inset-bottom))}.wed-tool{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px;min-height:48px;cursor:pointer;color:var(--c-ink)}.wed-tool .ic{height:26px;display:flex;align-items:center;justify-content:center;font-size:18px}.wed-tool .lb{font-size:10px;font-weight:700}.wed-tool.primary{color:var(--c-primary)}.wed-tool.primary .lb{font-weight:800}.wed-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1d113040;animation:wedscrim .2s}@keyframes wedscrim{0%{opacity:0}to{opacity:1}}.wed-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;z-index:51;background:var(--c-surface);border-radius:22px 22px 0 0;box-shadow:0 -14px 44px #0003;animation:wedup .3s cubic-bezier(.2,.9,.3,1.02);padding:8px 16px calc(14px + env(safe-area-inset-bottom));max-height:56dvh;overflow-y:auto}@keyframes wedup{0%{transform:translate(-50%,102%)}to{transform:translate(-50%)}}.wed-handle{width:42px;height:4px;background:var(--c-border);border-radius:2px;margin:2px auto 10px}.wed-sheethead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wed-sheethead b{font-weight:800;color:var(--c-ink);font-size:15px}.wed-sheethead button{border:none;background:var(--c-primary);color:#fff;border-radius:18px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer}.wed-fields label{display:block;font-size:12px;font-weight:700;color:var(--c-muted);margin:10px 0 5px}.wed-fields input[type=text],.wed-fields input[type=url],.wed-fields input[type=date],.wed-fields textarea,.wed-fields select,.wed-fields .num{width:100%;border:1px solid var(--c-border);background:var(--c-bg);border-radius:12px;padding:11px 10px;font-size:14px;font-family:inherit;color:var(--c-ink);min-height:44px}.wed-textedit{font-size:16px!important;line-height:1.6;border-color:#d3d6da!important;background:#fff!important}.wed-fontsel{position:relative;width:100%;min-width:0}.wed-fontsel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--c-border);border-radius:12px;padding:11px 10px;background:var(--c-bg);font-size:15px;text-align:right;min-height:44px;color:var(--c-ink);cursor:pointer}.wed-fontsel-btn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wed-fontsel-caret{color:var(--c-muted);font-size:12px;margin-inline-start:6px;flex:0 0 auto}.wed-fontsel-pop{position:absolute;z-index:55;top:calc(100% + 4px);right:0;left:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;box-shadow:0 16px 40px #1d11302e;max-height:300px;overflow-y:auto;padding:6px}.wed-fontsel-group{font-size:11px;font-weight:800;color:var(--c-muted);padding:8px 8px 3px}.wed-fontsel-item{display:block;width:100%;text-align:right;border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:17px;color:var(--c-ink);line-height:1.3;cursor:pointer}.wed-fontsel-item:hover{background:var(--c-bg)}.wed-fontsel-item.active{background:#ede7f1;box-shadow:inset 0 0 0 1px var(--c-primary)}.wed-bggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wed-bgcell{position:relative;border:2px solid var(--c-border);border-radius:10px;padding:0;overflow:hidden;cursor:pointer;background:#fff;aspect-ratio:3/5}.wed-bgcell.fr{background:linear-gradient(160deg,var(--c-primary),var(--c-primary-dark))}.wed-bgcell img{width:100%;height:100%;object-fit:cover;display:block}.wed-bgcell.on{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}.wed-fields .row{display:flex;gap:10px;align-items:center}.wed-fields .row input[type=range]{flex:1}.wed-fields .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.wed-fields .num{width:66px;text-align:center;flex:0 0 auto}.wed-fields input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;border-radius:11px;background:#e7e9eb;border:1px solid var(--c-border)}.wed-fields input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--c-accent);box-shadow:0 2px 6px #00000040}.wed-hint{font-size:11.5px;color:var(--c-muted-2);line-height:1.7;margin:8px 0}.wed-hint.c{text-align:center}.wed-preview{margin-top:10px;padding:10px;border:1px dashed var(--c-border);border-radius:10px;background:var(--c-bg);white-space:pre-wrap;text-align:center;font-size:13px;line-height:1.7}.wed-swatches{display:flex;flex-wrap:wrap;gap:8px}.wed-swatches.mt{margin-top:10px}.wed-swatches .sw{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.12);cursor:pointer}.wed-swatches .sw.on{outline:2px solid var(--c-accent);outline-offset:1px}.wed-seg{display:flex;gap:6px}.wed-seg.mt{margin-top:10px}.wed-seg button{flex:1;border:1px solid var(--c-border);background:var(--c-bg);border-radius:10px;padding:9px;font-size:13px;font-weight:700;color:var(--c-muted);cursor:pointer;min-height:40px}.wed-seg button.on{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.cpick{margin-top:8px}.cpick-pad{position:relative;width:100%;height:130px;border-radius:12px;border:1px solid var(--c-border);cursor:crosshair;touch-action:none}.cpick-thumb{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000004d;transform:translate(-50%,-50%);pointer-events:none}.cpick-hue{width:100%;margin-top:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;border-radius:8px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;border:1px solid rgba(0,0,0,.08)}.cpick-hue::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--c-accent);box-shadow:0 1px 4px #0000004d}.cpick-hex{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:700;color:var(--c-ink)}.cpick-hex span{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.cpick-hexin{width:100px;border:1px solid var(--c-border);background:var(--c-bg);border-radius:8px;padding:6px 8px;font-size:14px;font-weight:700;font-family:inherit;color:var(--c-ink);letter-spacing:.5px}.wed-secttl{font-weight:800;color:var(--c-ink);font-size:14px;margin:2px 0;padding-bottom:4px;border-bottom:1px solid var(--c-border)}.wed-secttl.mt{margin-top:12px}.wed-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-weight:700;color:var(--c-ink);font-size:13px}.wed-sw{width:46px;height:27px;border-radius:14px;background:#d7dadd;border:none;position:relative;cursor:pointer;flex:0 0 auto;transition:background .15s}.wed-sw i{position:absolute;top:3px;inset-inline-start:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:inset-inline-start .15s}.wed-sw.on{background:var(--c-secondary)}.wed-sw.on i{inset-inline-start:22px}.studio-badge{position:fixed;top:10px;inset-inline-start:10px;z-index:60;background:var(--c-primary);color:#fff;font-weight:800;font-size:12px;padding:5px 12px;border-radius:20px;box-shadow:0 2px 8px #00000040}.studio-fab{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));inset-inline-start:14px;z-index:60;background:var(--c-primary);color:#fff;font-weight:800;font-size:14px;border:none;border-radius:24px;padding:12px 18px;box-shadow:0 4px 14px #0000004d;cursor:pointer}.studio-in{width:100%;border:1px solid var(--c-border);background:var(--c-bg);border-radius:12px;padding:11px 10px;font-size:15px;font-family:inherit;color:var(--c-ink);margin:8px 0}.studio-list{margin-top:12px;max-height:40vh;overflow-y:auto}.studio-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px;border-bottom:1px solid var(--c-border);font-size:13px;font-weight:700;color:var(--c-ink)}.studio-row em{font-style:normal;font-size:10px;color:var(--c-muted-2);font-weight:700}.studio-row button{border:none;background:#fbe4e4;color:var(--c-danger);border-radius:8px;padding:4px 10px;font-weight:700;cursor:pointer}.wed-acc{border:1px solid var(--c-border);border-radius:10px;margin-bottom:6px;overflow:hidden}.wed-acch{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--c-bg);border:none;padding:10px 11px;font-size:13px;font-weight:700;color:var(--c-ink);cursor:pointer}.wed-acch.open{background:#ede7f1;color:var(--c-primary)}.wed-acch em{font-style:normal;font-size:11px;background:#fff;border:1px solid var(--c-border);border-radius:999px;padding:1px 7px;margin-inline-start:4px}.wed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:#fff;max-height:240px;overflow-y:auto}.wed-cell{border:1px solid var(--c-border);border-radius:8px;background:#fff;padding:8px;min-height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer}.wed-cell img{max-width:100%;max-height:48px;object-fit:contain}.wed-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#1d113080;display:flex;align-items:center;justify-content:center;padding:18px}.wed-modal{background:var(--c-surface);border-radius:20px;width:360px;max-width:100%;padding:16px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 24px 70px #0000004d}.wed-savePrev{position:relative;height:316px;overflow:hidden;border-radius:12px;background:var(--c-bg);margin:6px 0 14px}.wed-wm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#2320294d;transform:rotate(-18deg);font-size:20px;pointer-events:none}.wed-cta{flex:1;border:1px solid var(--c-border);background:var(--c-surface);border-radius:12px;padding:12px;font-size:14px;font-weight:800;color:var(--c-primary);cursor:pointer}.wed-cta.gold{width:100%;margin-top:10px;border:none;color:#fff;background:linear-gradient(100deg,var(--c-primary),var(--c-accent) 100%)}.wed-paid{margin-top:10px;text-align:center;color:var(--c-primary);font-weight:700;font-size:13px}.wed-price{text-align:center;font-size:24px;font-weight:800;color:var(--c-primary);margin:10px 0 14px}.wed-price span{font-size:13px;font-weight:500;color:var(--c-muted-2)}.wed-pay{width:100%;margin-bottom:8px;border-radius:12px;padding:13px;font-size:15px;font-weight:800;cursor:pointer;border:1px solid transparent}.wed-pay.ap{background:#000;color:#fff}.wed-pay.mada{background:#fff;color:#1a1a1a;border-color:#ddd}.wed-pay.stc{background:#4f008c;color:#fff}.wed-exportholder{position:fixed;top:0;left:-30000px;pointer-events:none}.wed-toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);z-index:80;background:#1d1130f0;color:#fff;border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:700;font-family:Ping,sans-serif;box-shadow:0 10px 30px #0000004d;animation:wedtoast .25s;white-space:nowrap}@keyframes wedtoast{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.home2{max-width:640px;margin:0 auto;padding:0 18px 60px;font-family:Ping,sans-serif;color:var(--c-ink)}.home2-top{display:flex;align-items:center;justify-content:space-between;padding:18px 2px}.brand-logo{height:26px;width:auto;display:block}.home2-hero{text-align:center;padding:24px 6px 20px}.home2-hero h1{font-size:clamp(24px,5vw,36px);font-weight:800;color:var(--c-primary);margin-bottom:10px}.home2-hero p{color:var(--c-muted);font-size:15.5px;line-height:1.8;max-width:460px;margin:0 auto}.home2-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.home2-card{position:relative;border:1px solid var(--c-border);border-radius:18px;padding:20px 16px;background:var(--c-surface);text-align:center;cursor:pointer;transition:transform .12s,box-shadow .15s;overflow:hidden}.home2-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2f1a461f}.home2-card.live{background:radial-gradient(120% 100% at 50% 0,var(--c-primary),var(--c-primary-dark));border-color:var(--c-primary-dark);color:#fff}.home2-card .ico{display:flex;justify-content:center;color:var(--c-primary)}.home2-card.live .ico{color:#fff}.home2-card h3{font-size:17px;font-weight:800;margin-top:8px}.home2-card.live h3{color:#fff}.home2-card .sub{font-size:12px;color:var(--c-muted-2);margin-top:4px}.home2-card.live .sub{color:#d9eff2}.home2-card .soon{position:absolute;top:10px;inset-inline-end:10px;font-size:10px;font-weight:700;color:#fff;background:var(--c-muted-2);border-radius:10px;padding:2px 9px}.home2-card .go{margin-top:12px;display:inline-block;background:var(--c-accent);color:#193a63;font-weight:800;font-size:13px;border-radius:999px;padding:8px 18px}.home2-foot{text-align:center;color:var(--c-muted-2);font-size:12.5px;padding-top:34px}@font-face{font-family:Thuluth;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thuluth-naskhi.woff2) format("woff2")}@font-face{font-family:Thuluth Deco;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thuluth-deco.woff2) format("woff2")}@font-face{font-family:Diwani;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/diwani.woff2) format("woff2")}@font-face{font-family:Diwani Samt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/diwani-samt.woff2) format("woff2")}@font-face{font-family:Diwani Tom;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/diwani-tom.woff2) format("woff2")}@font-face{font-family:Diwani Aldhabi;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/diwani-aldhabi.woff2) format("woff2")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ruqaa-regular.woff2) format("woff2")}@font-face{font-family:Aref Ruqaa;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ruqaa-bold.woff2) format("woff2")}@font-face{font-family:Naskh Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/naskh.woff2) format("woff2")}@font-face{font-family:Hand Free;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hand-free.woff2) format("woff2")}@font-face{font-family:Hand Soft;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hand-soft.woff2) format("woff2")}@font-face{font-family:Hand Naskh;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hand-naskh.woff2) format("woff2")}@font-face{font-family:Camel;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/camel-light.woff2) format("woff2")}@font-face{font-family:Camel;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/camel-regular.woff2) format("woff2")}@font-face{font-family:Camel;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/camel-bold.woff2) format("woff2")}@font-face{font-family:Bukra;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/bukra-light.woff2) format("woff2")}@font-face{font-family:Bukra;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bukra-regular.woff2) format("woff2")}@font-face{font-family:Bukra;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bukra-bold.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/tajawal-light.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-regular.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-medium.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-bold.woff2) format("woff2")}@font-face{font-family:IBM Plex Arabic;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/plex-light.woff2) format("woff2")}@font-face{font-family:IBM Plex Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-bold.woff2) format("woff2")}@font-face{font-family:DIN Next Arabic;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/dinnext-light.woff2) format("woff2")}@font-face{font-family:DIN Next Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dinnext-regular.woff2) format("woff2")}@font-face{font-family:DIN Next Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dinnext-bold.woff2) format("woff2")}@font-face{font-family:Madani;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/madani-light.woff2) format("woff2")}@font-face{font-family:Madani;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/madani-regular.woff2) format("woff2")}@font-face{font-family:Madani;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/madani-bold.woff2) format("woff2")}@font-face{font-family:Ghaith;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ghaith-light.woff2) format("woff2")}@font-face{font-family:Ghaith;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ghaith-regular.woff2) format("woff2")}@font-face{font-family:Ghaith;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ghaith-bold.woff2) format("woff2")}@font-face{font-family:El Messiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/messiri-regular.woff2) format("woff2")}@font-face{font-family:El Messiri;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/messiri-medium.woff2) format("woff2")}@font-face{font-family:El Messiri;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/messiri-semibold.woff2) format("woff2")}@font-face{font-family:El Messiri;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/messiri-bold.woff2) format("woff2")}@font-face{font-family:Expo Arabic;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/expo-light.woff2) format("woff2")}@font-face{font-family:Expo Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/expo-regular.woff2) format("woff2")}@font-face{font-family:Expo Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/expo-medium.woff2) format("woff2")}@font-face{font-family:Expo Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/expo-bold.woff2) format("woff2")}@font-face{font-family:Omnes;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/omnes-light.woff2) format("woff2")}@font-face{font-family:Omnes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/omnes-regular.woff2) format("woff2")}@font-face{font-family:Omnes;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/omnes-bold.woff2) format("woff2")}@font-face{font-family:Kufam;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kufam-regular.woff2) format("woff2")}@font-face{font-family:Kufam;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/kufam-medium.woff2) format("woff2")}@font-face{font-family:Kufam;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kufam-bold.woff2) format("woff2")}@font-face{font-family:Ping;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ping-light.woff2) format("woff2")}@font-face{font-family:Ping;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ping-regular.woff2) format("woff2")}@font-face{font-family:Ping;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ping-medium.woff2) format("woff2")}@font-face{font-family:Ping;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ping-bold.woff2) format("woff2")}@font-face{font-family:Palestine;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/palestine.woff2) format("woff2")}@font-face{font-family:Harf Fannan;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/harffannan.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F3F4F5;--ink: #232029;--muted: #7A7680;--green: #2F1A46;--green-2: #1D1130;--gold: #DB4748;--gold-2: #C93B3C;--card: #ffffff;--line: #E3E5E8;--danger: #DB4748}html,body,#root{height:100%}body{font-family:Ping,Tajawal,sans-serif;background:var(--bg);color:var(--ink)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.spacer{flex:1}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:9px 18px;font-size:14px;font-weight:700;transition:transform .08s,box-shadow .15s}.btn:hover{box-shadow:0 3px 10px #2320191a}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green-2)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#241c05}.btn.gold:hover{background:var(--gold-2)}.btn.ghost{background:transparent;border-color:transparent}.btn.small{padding:7px 13px;font-size:13px;border-radius:10px}.btn.big{width:100%;padding:13px;font-size:16px;border-radius:13px}.btn.danger{color:var(--danger);border-color:#ecd2cc;background:#fdf6f4}.pill{background:#f0ead9;color:#6b5d2e;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;white-space:nowrap}.pro-pill{background:linear-gradient(135deg,#f3e3ac,#e2c76a);color:#4d3b06}.home{max-width:1180px;margin:0 auto;padding:0 24px 40px}.topbar{display:flex;align-items:center;gap:12px;padding:18px 0}.logo{font-size:30px;font-weight:800;color:var(--green)}.logo span{color:var(--gold)}.hero{text-align:center;padding:38px 12px 26px}.hero h1{font-size:clamp(28px,4.5vw,46px);font-weight:800;color:var(--green);margin-bottom:14px}.hero p{font-size:17px;color:var(--muted);max-width:640px;margin:0 auto 20px;line-height:1.9}.hero-feats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hero-feats span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500}.cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:18px 0 26px}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:var(--muted)}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:22px}.thumb{position:relative;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:10px;text-align:right;transition:transform .12s,box-shadow .15s}.video-badge{position:absolute;top:18px;left:18px;z-index:2;background:#14110ab8;color:#fff;font-size:11.5px;font-weight:700;border-radius:999px;padding:4px 11px}.thumb:hover{transform:translateY(-3px);box-shadow:0 10px 26px #2320191f}.thumb-canvas{border-radius:10px;overflow:hidden;display:flex;justify-content:center}.thumb-canvas .canvas-outer{pointer-events:none}.thumb-meta{display:flex;align-items:center;justify-content:space-between;padding:10px 4px 2px}.thumb-name{font-weight:700;font-size:14.5px}.thumb-cat{font-size:12px;color:var(--muted);background:var(--bg);border-radius:999px;padding:3px 10px}.footer{text-align:center;color:var(--muted);font-size:13.5px;padding-top:46px}.editor{display:flex;flex-direction:column;height:100vh}.editor-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--line)}.design-name{border:1px solid transparent;background:transparent;font-size:16px;font-weight:700;color:var(--ink);padding:6px 10px;border-radius:10px;width:230px}.design-name:hover,.design-name:focus{border-color:var(--line);background:var(--bg);outline:none}.editor-main{display:flex;flex:1;min-height:0}.panel{width:320px;flex-shrink:0;overflow-y:auto;background:var(--card);border-left:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:22px}.panel h3{font-size:14px;font-weight:800;color:var(--green);margin-bottom:10px}.panel label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:10px 0 5px}.panel textarea,.panel select,.panel input[type=text],.panel input[type=url]{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--bg);resize:vertical}.panel input[type=range]{width:100%;accent-color:var(--green)}.panel input[type=color]{width:42px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:2px;cursor:pointer}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-label{margin:0!important}.check{display:flex!important;align-items:center;gap:6px;cursor:pointer}.hint{font-size:12.5px;color:var(--muted);line-height:1.8;margin:8px 0}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:46px;height:46px;border-radius:10px;border:2px solid var(--line)}.swatch.active{border-color:var(--gold);box-shadow:0 0 0 2px #f3e3ac}.panel input[type=datetime-local],.panel input[type=number],.panel input[type=url]{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--bg)}.btn.tiny{padding:5px 11px;font-size:12px;border-radius:9px;margin-top:6px}.btn.icon-btn{padding:8px 11px;font-size:16px;line-height:1}.hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;border-radius:999px;padding:0!important;background:linear-gradient(90deg,#d92626,#d9d926,#26d926,#26d9d9,#2626d9,#d926d9,#d92626)!important;border:1px solid var(--line)}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--gold);cursor:pointer;box-shadow:0 1px 4px #0000004d}.hue-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--gold);cursor:pointer}.acc{border:1px solid var(--line);border-radius:10px;margin-bottom:6px;overflow:hidden}.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:none;padding:9px 11px;font-size:13px;font-weight:700;color:var(--ink)}.acc-head.open{background:#f3ead2;color:var(--green)}.acc-sign{color:var(--muted);font-weight:700;display:flex;align-items:center;gap:6px}.acc-sign em{font-style:normal;font-size:11px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:var(--card);max-height:290px;overflow-y:auto}.asset-grid.khat{grid-template-columns:repeat(2,1fr)}.asset-cell{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;display:flex;align-items:center;justify-content:center;min-height:54px;transition:border-color .12s,transform .08s}.asset-cell:hover{border-color:var(--gold);transform:translateY(-1px)}.asset-cell img{max-width:100%;max-height:54px;object-fit:contain}.asset-grid.khat .asset-cell img{max-height:46px}.canvas-asset{-webkit-user-select:none;user-select:none}.asset-loading{background:#0000000a;border-radius:6px}.snap-guide{position:absolute;z-index:6;pointer-events:none}.snap-guide.v{left:50%;top:0;bottom:0;width:0;border-left:6px dashed rgba(224,64,154,.85);margin-left:-3px}.snap-guide.h{top:50%;left:0;right:0;height:0;border-top:6px dashed rgba(224,64,154,.85);margin-top:-3px}.ver-list{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-height:190px;overflow-y:auto}.ver-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:5px 8px;background:var(--bg)}.ver-item .btn.tiny{margin:0}.ver-time{font-size:12px;color:var(--muted);font-weight:700}.fontsel{position:relative}.fontsel-btn{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);font-size:17px;text-align:right}.fontsel-caret{color:var(--muted);font-size:12px}.fontsel-pop{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #2320192e;max-height:340px;overflow-y:auto;padding:6px}.fontsel-group{font-size:11px;font-weight:800;color:var(--muted);padding:8px 8px 3px}.fontsel-item{display:block;width:100%;text-align:right;border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:19px;color:var(--ink);line-height:1.3}.fontsel-item:hover{background:var(--bg)}.fontsel-item.active{background:#fdf8e9;box-shadow:inset 0 0 0 1px var(--gold)}.fill-row{display:flex;align-items:center;gap:8px}.tex-swatches{display:flex;flex-wrap:wrap;gap:5px}.tex-sw{width:26px;height:26px;border-radius:7px;border:2px solid var(--line)}.tex-sw.active{border-color:var(--gold);box-shadow:0 0 0 2px #f3e3ac}.chips-mini{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.chip-mini{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.chip-mini.active{background:var(--green);color:#fff;border-color:var(--green)}.typo-list{display:flex;flex-direction:column;gap:6px}.typo-item{text-align:right;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700;color:var(--ink)}.typo-item:hover{border-color:var(--gold);background:#fdf8e9}.deco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.deco-cell{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 8px;display:flex;align-items:center;justify-content:center;min-height:40px}.deco-cell:hover{border-color:var(--gold);background:#fdf8e9}.deco-cell svg{width:100%;height:26px}.bg-group{margin-bottom:12px}.bg-group-title{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:6px}.pro-section{border-top:1px dashed var(--line);padding-top:16px}.pro-tag{background:linear-gradient(135deg,#f3e3ac,#e2c76a);color:#4d3b06;font-size:11px;border-radius:999px;padding:2px 9px;margin-inline-start:4px}.stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#efeadd;background-image:radial-gradient(#e0d8c4 1px,transparent 1px);background-size:22px 22px}.canvas-outer{overflow:hidden;border-radius:4px;box-shadow:0 12px 40px #2320192e}.canvas{position:relative}.orn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-text{text-align:center;white-space:pre-wrap;-webkit-user-select:none;user-select:none;border-radius:6px}.canvas-text.selected,.canvas-btn.selected{outline:3px dashed rgba(201,162,39,.9);outline-offset:6px}.canvas-btn{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1.3em;border-radius:999px;font-family:Ping,Tajawal,sans-serif;font-weight:700;white-space:nowrap;-webkit-user-select:none;user-select:none}.canvas-photo{overflow:visible}.canvas-photo img{border-radius:inherit}.canvas-deco{-webkit-user-select:none;user-select:none}.canvas-deco svg,.canvas-photo,.canvas-qr{pointer-events:auto}.canvas-qr{display:flex;flex-direction:column;align-items:center;gap:.4em;-webkit-user-select:none;user-select:none}.qr-label{font-family:Ping,Tajawal,sans-serif;font-size:.5em;font-weight:700;text-align:center}.txt-icon{display:inline-flex;align-items:center;vertical-align:-.12em}.canvas-photo.selected,.canvas-deco.selected,.canvas-qr.selected{outline:3px dashed rgba(201,162,39,.9);outline-offset:6px}.invisible-wm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:repeat;background-size:300px 150px}.watermark{position:absolute;bottom:22px;right:26px;font-family:Tajawal,sans-serif;font-size:23px;font-weight:500;padding:7px 17px;border-radius:999px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.export-holder{position:fixed;top:0;left:-30000px;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110a8c;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{position:relative;background:var(--card);border-radius:20px;width:440px;max-width:100%;padding:30px 28px 22px;box-shadow:0 24px 70px #0000004d;max-height:92vh;overflow-y:auto}.modal h2{font-size:21px;color:var(--green);margin-bottom:6px}.modal-sub{color:var(--muted);font-size:14.5px;margin-bottom:16px}.modal-close{position:absolute;top:14px;left:14px;border:none;background:var(--bg);border-radius:999px;width:32px;height:32px;font-size:14px;color:var(--muted)}.features{list-style:none;margin-bottom:18px}.features li{padding:6px 0;font-size:14.5px;color:var(--ink)}.plans{display:flex;gap:10px;margin-bottom:16px}.plan{position:relative;flex:1;border:2px solid var(--line);background:var(--bg);border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;gap:4px}.plan.active{border-color:var(--gold);background:#fdf8e9}.plan-name{font-size:13.5px;font-weight:700;color:var(--muted)}.plan-price{font-size:19px;font-weight:800;color:var(--green)}.plan-price small{font-size:12px;font-weight:500;color:var(--muted)}.badge{position:absolute;top:-10px;right:10px;background:var(--gold);color:#241c05;font-size:11px;font-weight:800;border-radius:999px;padding:2px 10px}.pay-methods{text-align:center;color:var(--muted);font-size:13px;margin-top:12px}.demo-note{text-align:center;color:#b0a890;font-size:11.5px;margin-top:6px}@keyframes cv-fadeIn{0%{opacity:0}}@keyframes cv-fadeUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(60px)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes cv-fadeDown{0%{opacity:0;transform:translate(-50%,-50%) translateY(-60px)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes cv-zoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110a99;display:flex;align-items:center;justify-content:center;z-index:70}.video-box{background:var(--card);border-radius:18px;padding:26px 30px;width:340px;max-width:90vw;text-align:center;box-shadow:0 24px 70px #0000004d}.video-box p{font-weight:800;color:var(--green);margin-bottom:14px}.video-box span{font-size:13px;color:var(--muted);font-weight:700}.bar{height:10px;background:#eee5d0;border-radius:999px;overflow:hidden;margin-bottom:8px}.bar>div{height:100%;background:linear-gradient(90deg,var(--gold),#e2c76a);transition:width .2s}.toast{position:fixed;bottom:26px;right:50%;transform:translate(50%);background:var(--green);color:#fff;border-radius:999px;padding:12px 24px;font-size:14.5px;font-weight:700;box-shadow:0 10px 30px #0b3d2e59;z-index:60;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(50%) translateY(12px)}to{opacity:1;transform:translate(50%) translateY(0)}}@media (max-width: 860px){.editor-main{flex-direction:column-reverse}.panel{width:100%;border-left:none;border-top:1px solid var(--line);max-height:45vh}.editor-bar{flex-wrap:wrap}.design-name{width:140px}}