@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@400;700&family=Tajawal:wght@400;700&display=swap";*{box-sizing:border-box}body{color:#252621;background:#f8f7f3;margin:0;font-family:Tajawal,Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #dedfd7;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}button:hover{border-color:#13797e}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}header{background:#fffefa;border-bottom:1px solid #e0e0d8;justify-content:space-between;align-items:center;height:86px;padding:0 4%;display:flex}.brand{letter-spacing:-3px;direction:ltr;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:39px;font-weight:900;display:flex}.brand span{letter-spacing:2px;border-left:1px solid #aaa;max-width:65px;padding-left:12px;font-size:10px}.brand i{color:#13797e;letter-spacing:0;font-size:16px}nav{gap:35px;font-weight:700;display:flex}.current{color:#13797e}.made{color:#777;font-size:11px}main{max-width:1600px;margin:auto;padding:30px 4%}.intro{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:2.7px;color:#777;font-family:Arial,sans-serif;font-size:10px;font-weight:700}h1{letter-spacing:-1.8px;margin:10px 0;font-size:44px;font-weight:900;line-height:1.4}h1 br{display:none}h1 em{color:#13797e;margin-right:10px;font-style:normal}.intro p{color:#7b7d76;margin:8px 0}.steps{color:#74776c;gap:30px;font-size:12px;display:flex}.steps span{border:1px solid #d6d8ce;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;margin-left:7px;font-family:Arial;font-size:11px;display:inline-flex}.workspace{grid-template-columns:280px minmax(300px,1fr) 290px;align-items:start;gap:18px;display:grid}.panel{background:#fffefa;border:1px solid #e5e5dc;border-radius:13px;padding:22px}.paneltitle{border-bottom:1px solid #eeeee5;justify-content:space-between;align-items:center;padding-bottom:20px;font-size:15px;display:flex}.tabs{border-bottom:1px solid #eee;grid-template-columns:repeat(4,1fr);gap:3px;margin:20px 0;display:grid}.tabs button{background:0 0;border:0;border-radius:0;flex-direction:column;padding:10px 0;font-size:10px}.tabs .active{color:#13797e;border-bottom:2px solid #13797e}.muted{color:#85877d;font-size:12px;line-height:1.9}h3{margin:22px 0 8px;font-size:15px}.uploadbox{color:#555e48;background:#f6f7f0;border:1px dashed #c5c9bc;flex-direction:column;gap:10px;width:100%;height:195px;margin-top:20px;display:flex}.uploadbox small{color:#8c9183;direction:ltr;font-size:9px}.uploadbox span{background:#fff;border:1px solid #d9ddcf;border-radius:6px;padding:5px 18px;font-size:11px}.tip{color:#737c60;background:#f1f2e9;border-radius:8px;margin:20px 0;padding:13px;font-size:11px;line-height:1.9}.preview{background:#eaece4;border:1px solid #e1e3d9;border-radius:13px;min-height:650px;position:relative;overflow:hidden}.previewtop{color:#747a69;z-index:1;justify-content:space-between;align-items:center;padding:18px 22px;font-size:10px;display:flex;position:relative}.previewtop button{background:#fff7;border:0;padding:8px}.previewtop i{background:#77816b;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.canvaswrap{max-width:510px;margin:-30px auto -20px;position:relative}.canvaswrap canvas{touch-action:none;z-index:1;cursor:move;width:100%;height:auto;display:block;position:relative}.watermark{letter-spacing:-10px;color:#dde0d5;font-family:Arial;font-size:110px;font-weight:900;position:absolute;top:30%;left:5%;transform:rotate(-90deg)}.viewbuttons{z-index:2;justify-content:center;gap:5px;padding:10px;display:flex;position:relative}.viewbuttons button{background:0 0;border:0;padding:8px 12px;font-size:10px}.viewbuttons button.active{background:#fffefa;box-shadow:0 2px 6px #0001}.previewnote{color:#92978a;justify-content:center;gap:7px;padding-bottom:15px;font-size:10px;display:flex}.label{color:#83877b;margin:24px 0 13px;font-size:11px;display:block}.productgrid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.productgrid button{background:#fafaf5;flex-direction:column;height:115px;padding:10px;position:relative}.productgrid small{letter-spacing:1px;font-size:6px}.productgrid svg:last-child:not(:first-child){position:absolute;top:5px;left:5px}.chosen{color:#13797e;background:#edf7f6!important;border-color:#13797e!important}.colors{gap:12px;margin-bottom:12px;display:flex}.colors button{border:3px solid #fff;border-radius:50%;width:31px;height:31px;padding:0}.colors .picked{outline:1px solid #636f54}.product>small{font-size:9px}.sizes{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sizes button{background:#fffefa;border-radius:5px;padding:8px 0;font-family:Arial;font-size:11px}.summary{border-top:1px solid #e7e8de;justify-content:space-between;margin-top:26px;padding-top:20px;font-size:12px;display:flex}.summary b{font-size:16px}.small{font-size:10px}.primary{color:#fff;background:#13797e;border:1px solid #13797e;border-radius:7px;padding:13px 20px;font-weight:700}.primary:hover{background:#0c6266}.full{width:100%;margin-top:13px}.order{justify-content:space-between;margin-top:20px}.assurances{color:#8e9385;justify-content:space-between;margin-top:20px;font-size:9px;display:flex}.layerlist{border-top:1px solid #eee;margin-top:20px;padding-top:10px}.layerlist p{color:#8c9083;gap:8px;font-size:11px;display:flex}.layerlist button{max-width:100%;margin:3px;font-size:11px;overflow:hidden}.adjust label{font-size:11px;display:block}.adjust input[type=range]{accent-color:#13797e;width:100%}.adjust input[type=color]{width:45px;padding:2px}.adjust button{font-size:10px}input:not([type=range]),select{color:#333;background:#fff;border:1px solid #dedfd6;border-radius:7px;width:100%;min-width:0;margin:8px 0;padding:10px;display:block}input:focus,select:focus{outline:2px solid #abd5d3}.linkbutton{text-align:center;margin:16px 0;display:block}footer{color:#8d9185;border-top:1px solid #dedfd6;justify-content:space-between;align-items:center;margin-top:35px;padding-top:25px;font-size:12px;display:flex}footer .brand{color:#555e48;font-size:25px}footer small{font-size:9px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#151b13aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fffefa;border-radius:15px;width:460px;max-height:95vh;padding:30px;position:relative;overflow:auto}.modal label{font-size:11px}.close{background:0 0;border:0;font-size:20px;position:absolute;top:10px;left:12px}.toast{color:#fff;z-index:20;cursor:pointer;background:#263423;border-radius:9px;max-width:600px;margin:auto;padding:18px 22px;position:fixed;bottom:25px;left:25px;right:25px;box-shadow:0 5px 30px #0003}.admin{max-width:1200px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;display:grid}.stats section{background:#e8ecdf;border-radius:10px;padding:20px}.stats h2{margin:5px 0;font-size:30px}.admin .panel{margin:20px 0}.tablewrap{overflow:auto}table{border-collapse:collapse;text-align:right;width:100%}td,th{border-bottom:1px solid #e4e5dc;padding:14px;font-size:12px}th{color:#8b8f80}.pricepanel{max-width:700px}.empty{text-align:center;color:#8b8f80;padding:55px}@media (min-width:1450px){.workspace{grid-template-columns:310px minmax(350px,1fr) 320px}}@media (max-width:1050px){.workspace{grid-template-columns:230px minmax(300px,1fr)}.product{grid-column:1/-1}.productgrid{max-width:300px}.sizes{max-width:400px}.steps{gap:12px}.made{display:none}}@media (max-width:650px){header{height:70px;padding:0 20px}.brand{font-size:32px}nav{gap:15px;font-size:10px}.intro{margin:15px 0 25px;display:block}h1{font-size:36px}.steps{margin-top:20px}main{padding:20px 15px}.workspace{flex-direction:column;gap:15px;display:flex}.workspace>*{width:100%}.preview{order:0;min-height:0}.tools{order:1}.product{order:2}.canvaswrap{max-width:350px}.watermark{font-size:80px}.panel{padding:20px}.uploadbox{height:140px}.tabs{margin:10px 0}.productgrid,.sizes{max-width:none}.intro p{font-size:11px}footer{flex-wrap:wrap;gap:15px}.stats{gap:8px}.stats section{padding:12px}.stats h2{font-size:24px}.modal{padding:25px}.viewbuttons button{padding:8px;font-size:10px}}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Medium.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-ExtraBold.ttf)format("truetype");font-weight:800 900;font-display:swap}.brand-logo{justify-content:center;align-items:center;width:160px;height:65px;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;flex-shrink:0;width:180px;height:180px}.preview{background:#fff}.canvaswrap{max-width:550px;margin:-20px auto -10px}.previewtop{color:#13797e}.viewbuttons{flex-wrap:wrap}.viewbuttons .active{color:#13797e;background:#e8f4f3!important}.preview-error{text-align:center;background:#fff;padding:25px;position:absolute;top:40%;left:0;right:0}.modebuttons{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.modebuttons button{padding:8px 10px;font-size:10px}.adjust{border-top:1px solid #e6e8e1;margin-top:22px}.adjust h4{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.print-summary{border-top:1px solid #eee;margin-top:25px}.print-summary button{color:#13797e;margin:2px;padding:6px 10px;font-size:10px}.template-modal{background:#fffefa;border-radius:16px;flex-direction:column;width:min(100%,1000px);max-height:90vh;padding:25px;display:flex}.template-header{justify-content:space-between;align-items:center;display:flex}.template-header h2{margin:10px 0;font-size:30px}.template-header button{align-self:flex-start}.library-filter{align-items:center;gap:20px;display:flex}.library-filter input{flex:1}.template-grid{grid-template-columns:repeat(4,1fr);gap:12px;min-height:150px;padding:12px 0;display:grid;overflow:auto}.template-card{color:#13797e;background:#edf4f3;border:1px solid #d6e6e3;flex-direction:column;justify-content:space-between;min-height:150px;padding:24px 12px;display:flex}.template-card:nth-child(3n){color:#fff;background:#1b2b2c}.template-card:nth-child(3n+1){color:#3b413c;background:#f0ece2}.template-card strong{font-size:24px;line-height:1.6}.template-card small{opacity:.65;margin-top:15px;font-size:8px}.template-card.shadow strong{text-shadow:2px 2px #13797e55}.template-card.outline strong{-webkit-text-stroke:1px currentColor;color:#13797e}.template-card.arched strong{border-bottom:2px solid;border-radius:0 0 50% 50%;padding-bottom:6px}.toast{background:#145a5e;justify-content:space-between;align-items:center;gap:15px;display:flex}.toast button{color:#fff;background:0 0;border:0;padding:0}.signin{display:block}.ai-result{padding-top:15px}.ai-result img{border:1px solid #ddd;border-radius:8px;width:100%}.tools textarea{resize:vertical;width:100%;min-height:120px;font:inherit;border:1px solid #ddd;border-radius:8px;padding:12px;line-height:1.8}.colors{align-items:center}.admin td.address{min-width:170px}.order-code{white-space:nowrap;color:#13797e;font-family:Arial,sans-serif;font-size:11px}.admin-search{max-width:450px}.order-count{color:#13797e}.empty{line-height:1.9}@media (max-width:650px){.brand-logo{width:130px;height:55px}.brand-logo img{width:150px;height:150px}.template-grid{grid-template-columns:repeat(2,1fr)}.template-modal{padding:16px}.template-card{min-height:130px;padding:15px 8px}.template-card strong{font-size:20px}.library-filter{flex-direction:column;align-items:stretch;gap:8px}.canvaswrap{max-width:380px}.previewtop{padding:12px 16px}.viewbuttons button{padding:7px 8px;font-size:10px}.previewnote{padding:0 12px;font-size:9px}.steps{font-size:10px}.intro h1{font-size:34px}.intro h1 em{margin-right:0}}