@font-face{font-family:Plex;src:url('fonts/ui-arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Plex;src:url('fonts/ui-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}@font-face{font-family:NamePlex;src:url('fonts/plex.woff')}@font-face{font-family:NameCairo;src:url('fonts/cairo.woff')}@font-face{font-family:NameTajawal;src:url('fonts/tajawal.woff')}
:root{--bg:#f8faff;--white:#fff;--ink:#182540;--muted:#66748e;--blue:#244de8;--soft:#edf2fb;--line:#dce4f0;--coral:#f27757;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 Plex,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #244de850;border-color:var(--blue)}[hidden]{display:none!important}.header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5vw;background:var(--white)}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:600;line-height:1.3}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.brandmark{display:flex;align-items:center;gap:4px;transform:skewY(-14deg)}.brandmark i{display:block;width:8px;height:32px;background:var(--blue);border-radius:4px}.brandmark i:nth-child(2){height:24px}.brandmark i:last-child{height:17px}.steps{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.steps b{color:var(--blue);font-weight:600}.steps b span{display:inline-grid;place-items:center;background:var(--blue);color:white;border-radius:50%;width:27px;height:27px;margin-left:8px}.store-link{font-size:13px;border:1px solid var(--line);padding:7px 16px;border-radius:100px}.studio{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);gap:5vw;padding:42px 5vw 56px;direction:ltr}.studio>*{direction:rtl}.preview-column{position:sticky;top:30px;align-self:start}.eyebrow,.small-label{font-size:12px;color:var(--blue);font-weight:600}.intro{margin:0 0 26px}.intro h1{font-size:clamp(36px,4.3vw,62px);line-height:1.15;letter-spacing:-1.8px;font-weight:600;margin:15px 0}.blue{color:var(--blue)}.intro p{color:var(--muted);margin:12px 0;font-size:15px}.preview-shell{position:relative;border-radius:30px;background:#e5edfb;border:1px solid #d8e3f8;overflow:hidden;isolation:isolate}.preview-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding:17px 20px;font-size:11px}.live{display:flex;align-items:center;gap:8px;color:#344768}.live i{width:6px;height:6px;background:var(--blue);border-radius:50%}.quiet{border:0;background:transparent;color:var(--muted);padding:5px 0;font-size:12px}.quiet:hover{color:var(--blue)}#view{height:365px;touch-action:none}canvas{display:block;width:100%;height:100%}.preview-bottom{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-top:1px solid #d3dff0;font-size:10px;color:#6f819d}.watermark{position:absolute;pointer-events:none;left:20px;bottom:66px;opacity:.18;font-size:11px;letter-spacing:2px;direction:ltr}.privacy-cover{position:absolute;inset:0;z-index:5;background:#edf2fb;display:grid;align-content:center;justify-items:center;text-align:center;padding:24px}.privacy-cover h2{margin:8px}.privacy-icon{font-size:50px;color:var(--blue)}.privacy-cover .primary{max-width:250px;margin-top:16px}.material-note{display:flex;align-items:center;gap:10px;margin-top:14px}.material-note p{font-size:11px;margin:0;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--coral);flex:none}.editor{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 15px 45px #18254004}.editor-heading{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:22px}.editor-heading h2{font-size:23px;margin:6px 0 0;font-weight:600}.field{border:0;padding:0;margin:0 0 22px;min-width:0}.field legend,label{font-weight:500;font-size:13px;display:block;margin-bottom:9px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row label{margin:0}.counter{font-size:12px;color:var(--muted);direction:ltr}.counter.good{color:var(--blue)}input:not([type=checkbox]),select,textarea{width:100%;background:white;border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--ink)}#name{font-family:Plex,sans-serif;font-size:25px;margin-top:9px;padding:10px 16px}.letter-cells{display:flex;gap:5px;margin-top:10px}.letter-cells span{width:27px;height:30px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-size:15px;color:var(--blue);background:var(--soft)}.letter-cells span:empty{border-style:dashed;background:transparent}.hint{font-size:11px;color:var(--muted);line-height:1.8;margin:8px 0}.error{font-size:12px;color:#b12932;min-height:0;margin:6px 0}.error:empty{display:none}.font-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.font-option{border:1px solid var(--line);border-radius:12px;background:white;padding:12px 6px;display:flex;flex-direction:column;align-items:center}.font-option strong{font-size:21px;font-weight:600}.font-option small{font-size:10px;color:var(--muted)}.font-option.selected{border:2px solid var(--blue);background:#f8faff;padding:11px 5px}.colors{display:grid;grid-template-columns:repeat(5,1fr);gap:9px 5px}.color-option{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:5px;padding:4px 1px;font-size:10px}.color-dot{display:block;width:30px;height:30px;border-radius:50%;border:1px solid #0002;box-shadow:0 0 0 3px white;position:relative}.color-option.selected .color-dot{outline:2px solid var(--blue);outline-offset:3px}.color-option.selected .color-dot:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:var(--tick,#fff);font-size:13px}.row-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:18px}input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px}.order-area{border-top:1px solid var(--line);padding-top:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;border:0;border-radius:12px;padding:13px 17px;font-weight:600;font-size:14px;background:var(--blue);color:white}.primary:hover{background:#1b3fd0}.primary:disabled{background:#b8c5e4;cursor:wait}.secondary{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.secondary:hover{border-color:var(--blue)}.tiny{display:block;font-size:10px;color:var(--muted);text-align:center;margin:10px 0 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;color:var(--muted);font-size:11px}footer a{color:var(--blue)}dialog{border:0;border-radius:24px;padding:35px;max-width:530px;width:calc(100% - 32px);color:var(--ink);text-align:center;box-shadow:0 30px 100px #18254040}dialog::backdrop{background:#18254080;backdrop-filter:blur(4px)}dialog h2{font-size:27px;margin:12px 0 4px}dialog p{font-size:13px;color:var(--muted)}.dialog-close{position:absolute;left:15px;top:8px;background:none;border:0;font-size:27px;color:var(--muted)}.success-icon{display:inline-grid;place-items:center;width:45px;height:45px;background:var(--soft);color:var(--blue);border-radius:50%;font-size:24px}.code-box{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:16px;margin:20px 0}.code-box code{display:block;font:600 17px/1.5 monospace;letter-spacing:1px;overflow-wrap:anywhere}.code-box button{border:0;border-radius:8px;background:white;color:var(--blue);font-size:12px;padding:7px 18px;margin-top:12px}.saved-summary{font-size:12px;color:var(--muted)}.order-instructions{text-align:right;font-size:12px;line-height:2;padding-right:20px;margin:16px 0}dialog .quiet{margin-top:12px}.login-card{max-width:420px;margin:70px auto;padding:28px}.login-card h1{font-size:48px;line-height:1.2;letter-spacing:-1px;margin:12px 0}.login-card p{color:var(--muted)}.login-card form{margin-top:28px}.login-card .primary{margin-top:12px}.dashboard-nav{display:flex;gap:22px}.dashboard-content{max-width:1350px;margin:35px auto;padding:0 4vw}.dashboard-title{display:flex;justify-content:space-between;align-items:center}.dashboard-title h1{font-size:34px;margin:7px 0 25px}.lookup{display:flex;gap:12px;max-width:680px;margin-bottom:24px}.lookup .primary{width:180px;flex:none}.lookup input{font-family:monospace}.dashboard-grid{display:grid;grid-template-columns:285px 1fr;gap:22px;align-items:start}.design-list,.record-panel{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.design-list h2{font-size:17px;margin:0}.design-row{display:block;width:100%;text-align:right;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px;background:white}.design-row:hover,.design-row.active{border-color:var(--blue);background:var(--soft)}.design-row strong{display:block;font-size:18px}.design-row small{display:block;color:var(--muted);font-size:10px}.mono{font-family:monospace;direction:ltr;display:inline-block;font-size:12px;color:var(--blue)}.record-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.record-header h2{margin:4px 0;font-size:27px}.record-details{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.record-details span{background:var(--soft);padding:5px 11px;border-radius:20px;font-size:11px}.admin-preview{height:330px;background:#e5edfb;border-radius:16px;overflow:hidden}.admin-preview>div{height:100%}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.download-actions button{font-size:12px}.record-form{border-top:1px solid var(--line);margin-top:25px;padding-top:12px}.record-form h3{font-size:17px}.record-form textarea{margin-bottom:12px}.record-form label{margin-top:12px}.empty{display:grid;place-items:center;text-align:center;min-height:400px;color:var(--muted)}.empty span{font-size:50px;color:var(--blue)}.empty h2{font-size:20px;color:var(--ink)}.empty p{font-size:13px}.product-settings{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-setting{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.product-setting h3{font-size:16px;margin:0 0 14px}.product-setting label{font-size:11px;margin-top:12px}.product-setting a{font-size:11px;color:var(--blue)}
@media(max-width:1000px){.studio{gap:24px;padding:30px 3vw}.editor{padding:22px}.steps{gap:16px}.intro h1{font-size:44px}#view{height:315px}.dashboard-grid{grid-template-columns:240px 1fr}}@media(max-width:740px){.header{height:78px;padding:0 20px}.brand{font-size:17px}.brandmark i{width:6px}.steps{display:none}.store-link{font-size:11px}.studio{display:flex;flex-direction:column;padding:24px 18px;gap:22px}.preview-column{position:static}.intro{margin-bottom:20px}.intro h1{font-size:37px;line-height:1.15;margin:10px 0}.intro h1 br{display:none}.intro p{font-size:12px}.preview-shell{border-radius:22px}#view{height:280px}.preview-top{padding:12px 15px}.preview-bottom{font-size:9px;padding:12px 15px}.editor{padding:22px}.colors{grid-template-columns:repeat(5,1fr);gap:12px}.color-dot{width:33px;height:33px}.editor-heading h2{font-size:21px}footer{flex-wrap:wrap;padding:20px}.dashboard-nav{gap:12px}.dashboard-nav button{font-size:10px}.dashboard-grid{grid-template-columns:1fr}.design-list{order:2}.dashboard-title h1{font-size:28px}.lookup{gap:8px}.lookup .primary{width:125px;font-size:11px}.product-settings{grid-template-columns:1fr}.record-panel{padding:17px}.record-header{flex-wrap:wrap}.download-actions{grid-template-columns:1fr 1fr}.admin-preview{height:260px}.login-card{margin:35px auto}.product-setting input{font-size:12px}.row-fields{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body:not(.dashboard-page) #protectedPreview{visibility:hidden}body:not(.dashboard-page):after{content:'معاينة التصميم محمية';position:fixed;inset:0;background:white;color:#182540;display:grid;place-items:center;font-size:24px}}

.mono,.design-row small{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.record-header>div{min-width:0}.lookup input{min-width:0}

.language-options{display:flex;gap:10px}.language-options button{flex:1;background:white;border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--ink)}.language-options button.selected{background:var(--soft);border-color:var(--blue);color:var(--blue)}
@font-face{font-family:NamePlex;src:url('fonts/plex-latin.woff');unicode-range:U+0000-024F}
@font-face{font-family:NameCairo;src:url('fonts/cairo-latin.woff');unicode-range:U+0000-024F}
@font-face{font-family:NameTajawal;src:url('fonts/tajawal-latin.woff');unicode-range:U+0000-024F}

.product-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-options button{border:1px solid var(--line);border-radius:14px;padding:15px 8px;background:white;color:var(--ink)}.product-options button.selected{border-color:var(--blue);background:var(--soft);color:var(--blue)}.product-options strong,.product-options small{display:block}.product-options strong{font-size:17px}.product-options small{font-size:11px;margin-top:5px}.matched-product{font-size:13px;background:var(--soft);color:var(--blue);padding:12px;border-radius:10px}