@font-face{font-family:Studio;src:url('/static/font.ttf')}*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080e17;--panel:#111b2a;--line:#263950;--muted:#9caec6;--blue:#87b9ff}body{margin:0;background:radial-gradient(ellipse at 70% 0,#192d47 0,transparent 45%),var(--bg);color:#eef4ff;font-family:Studio,Tahoma,Arial,sans-serif;font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.primary,.upload{font:inherit;border:1px solid #3d5575;border-radius:10px;background:#18263a;color:#e9f3ff;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.upload:hover{border-color:#86b5f5;background:#213953}button:disabled{opacity:.4;cursor:wait}.primary{background:linear-gradient(130deg,#b3d4ff,#72a7ef);color:#10223c;border-color:#bbd8ff;font-weight:700;box-shadow:0 5px 25px #2863a72b}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b0d5ff;outline-offset:4px}[hidden]{display:none!important}header{max-width:1600px;padding:23px 35px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;direction:ltr}.brand{color:#eef7ff;text-decoration:none;font-family:Arial,sans-serif;font-size:24px;font-weight:bold}.brand span{color:#95c6ff}.brand small{display:block;direction:rtl;text-align:left;font:11px Studio,Tahoma;color:#9db2ca;margin-top:7px}nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;direction:rtl}nav button{background:transparent;font-size:12px;padding:9px 12px}#username{font-size:12px;color:#b2c7e1;max-width:150px;overflow:hidden;text-overflow:ellipsis}main{max-width:1600px;margin:auto;padding:0 26px}.hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid #314763;box-shadow:0 20px 70px #0006}.hero>img{width:100%;display:block}.hero-start{position:absolute;left:18.7%;top:70.5%;width:16.7%;height:9.2%;border-radius:999px;background:transparent;border:0;padding:0}.hero-start:hover{background:#b7d7ff18;box-shadow:0 0 25px #70b1ff9c}.hero-start:focus-visible{outline:3px solid #b7d7ff}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 45px}.benefits article{border-top:1px solid #34506e;padding:20px}.benefits b{font-family:Arial;font-size:12px;letter-spacing:2px;color:#8bbdff}.benefits h3{margin:12px 0 9px;font-size:17px}.benefits p,p.small{color:var(--muted);line-height:1.9;font-size:12px}.store-banner{display:block;max-width:700px;width:100%;border-radius:16px;margin:0 auto 30px;border:1px solid #25394f}.section{min-height:62vh;padding:36px 8px}.section h1{font-size:30px;margin:10px 0 12px}.section>p,.section-head p{color:var(--muted);line-height:1.9}.eyebrow{font-size:12px;color:#94c2ff;letter-spacing:.5px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.section-head h1{font-size:25px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{text-align:right;align-items:flex-start;flex-direction:column;min-height:180px;padding:25px;background:linear-gradient(130deg,#1b2d44,#101a28);border:1px solid #2c4360;position:relative}.tile:hover{transform:translateY(-2px);transition:transform .15s}.tile .icon{display:flex;align-items:center;justify-content:center;border-radius:14px;width:46px;height:46px;color:#aed0ff;background:#223f60;font-size:20px}.tile h3{font-size:18px;margin:13px 0 8px}.tile p{margin:0;color:var(--muted);font-size:12px}.tile.unavailable{opacity:.55;cursor:default}.tile.unavailable:hover{transform:none}.notice{padding:20px;border:1px solid #344b69;border-radius:12px;color:#c5d7ed;background:#142338;line-height:2}.section#auth{max-width:750px;margin:40px auto;text-align:center}.section#auth .primary{margin:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;direction:ltr}.stage-panel,.tools{direction:rtl;background:#101b2a;border:1px solid #2a3e57;border-radius:15px;padding:20px}.stage{min-height:360px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#253246 0% 25%,#1e2b3f 0% 50%) 0/20px 20px;border-radius:9px;overflow:hidden}canvas{max-width:100%;height:auto;max-height:68vh;object-fit:contain;touch-action:none;display:block;cursor:grab}canvas:active{cursor:grabbing}.tools h3{margin:0 0 16px}.tools label{display:block;margin:16px 0 8px;font-size:12px}.tools .upload{display:flex;margin:0}.tools input:not([type=checkbox]),.tools select{width:100%;font:inherit;color:#ebf4ff;background:#091321;border:1px solid #35506e;padding:9px;border-radius:7px}.tools input[type=range]{padding:0;accent-color:#a6ccff;direction:ltr}.tools input[type=number]{direction:ltr}.tools input[type=color]{height:36px;padding:3px}.tools button{width:100%;font-size:12px;margin-top:18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#result{max-width:100%;display:block;margin:18px auto;border:1px solid #3b5577;border-radius:8px}#message{position:fixed;bottom:24px;right:24px;left:24px;max-width:800px;margin:auto;padding:17px 22px;background:#193a31;border:1px solid #5ea88e;border-radius:12px;box-shadow:0 10px 50px #0009;line-height:1.8;z-index:50}#message.error{background:#432c31;border-color:#bf757f}footer{max-width:1548px;border-top:1px solid #253b52;margin:40px auto 0;padding:24px;font:14px Arial;color:#b4c9df;display:flex;justify-content:space-between}footer span{font-family:Studio,Tahoma;font-size:11px;color:#829ab5}code{direction:ltr;display:inline-block;background:#26394f;padding:1px 8px;border-radius:5px}@media(max-width:900px){header{padding:20px;flex-wrap:wrap}.brand{font-size:22px}nav{gap:6px}main{padding:0 14px}.hero{border-radius:10px}.benefits{gap:10px}.benefits article{padding:12px 6px}.benefits h3{font-size:14px}.grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.stage{min-height:230px}.section-head{align-items:flex-start;flex-direction:column}.tools{max-width:100%}.section h1{font-size:24px}}@media(max-width:520px){header{gap:14px}nav{width:100%;justify-content:flex-start}nav button{padding:8px;font-size:11px}#username{display:none}.grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefits article{padding:15px}.hero-start{box-shadow:0 0 8px #9dc9ff}.section{padding:25px 0}.tile{min-height:140px}.actions button{padding:10px;font-size:11px}}

@font-face{font-family:Tajawal;src:url('/shop/assets/Tajawal-Regular.ttf')}@font-face{font-family:Tajawal;src:url('/shop/assets/Tajawal-Bold.ttf');font-weight:700}body,button,input,select{font-family:Tajawal,Tahoma,sans-serif}body{font-size:17px;background:#11151e}nav{flex-wrap:wrap}nav a{color:#c8ddfa;padding:10px;font-size:16px;text-decoration:none}.small,.tools label,.tools button,.tile p{font-size:15px}.stage-panel,.tools,.tile{background:#202d40}

#messageTools{margin-top:24px;border-top:1px solid #42546a;padding-top:16px}#messageTools textarea{width:100%;box-sizing:border-box;resize:vertical;padding:12px;background:#101c2c;color:#eaf1ff;border:1px solid #516782;border-radius:8px;font:inherit;line-height:1.7}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#17283b;padding:12px;border-radius:8px;color:#cfe4ff}#messageFields>div{margin-bottom:20px}