:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;color:#111827;background:#f5f7fb;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 24px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.brand-wrap{display:flex;align-items:center;gap:20px;min-width:0}.brand-logo{width:150px;max-width:24vw;height:auto;display:block;border-radius:14px}.eyebrow{display:inline-block;font-size:.82rem;color:#667085;margin-bottom:6px}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.04em}.hero p{margin:10px 0 0;color:#667085;font-size:1.02rem}.privacy-pill{white-space:nowrap;background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:999px;padding:10px 14px;font-weight:700;font-size:.9rem}.upload-card,.preview-card,.controls-card{background:#fff;border:1px solid #e4e7ec;border-radius:22px}.upload-card{padding:16px}.upload-button{width:100%;min-height:260px;border:2px dashed #d0d5dd;background:#fafafa;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#101828;font-size:1rem}.upload-button:hover,.upload-card.dragging .upload-button{border-color:#98a2b3;background:#f2f4f7}.upload-icon{width:52px;height:52px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:1.8rem}.upload-button strong{font-size:1.15rem}.upload-button small{color:#667085}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:20px}.hidden{display:none!important}.preview-card{padding:16px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.label,.section-label{display:block;color:#667085;font-size:.82rem}.preview-toggle{display:flex;background:#f2f4f7;padding:4px;border-radius:12px}.toggle-btn{border:0;background:transparent;padding:8px 12px;border-radius:9px;cursor:pointer;color:#475467}.toggle-btn.active{background:#fff;color:#101828;box-shadow:0 1px 2px rgba(16,24,40,.08)}.image-stage{position:relative;min-height:520px;border-radius:16px;background:repeating-conic-gradient(#eef0f3 0 25%,#fff 0 50%) 50%/20px 20px;display:grid;place-items:center;overflow:hidden}.image-stage img{max-width:100%;max-height:680px;display:block;object-fit:contain}.processing-overlay{position:absolute;inset:auto 16px 16px 16px;background:rgba(17,24,39,.85);color:#fff;border-radius:12px;padding:10px 14px;text-align:center;font-weight:700}.controls-card{padding:18px;align-self:start;position:sticky;top:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat{padding:12px;background:#f8fafc;border:1px solid #eaecf0;border-radius:14px}.stat span{display:block;font-size:.78rem;color:#667085;margin-bottom:4px}.stat strong{font-size:1.08rem}.stat.accent{background:#f0fdf4;border-color:#bbf7d0}.control-group{padding:17px 0;border-top:1px solid #eaecf0}.control-group label,.control-heading{font-weight:700}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hint{font-size:.78rem;color:#667085;margin:8px 0 0}.primary-control input[type=range]{width:100%;accent-color:#111827}.primary-control input[type=range]:disabled{opacity:.4;cursor:not-allowed}.range-labels{display:flex;justify-content:space-between;color:#98a2b3;font-size:.75rem;margin-top:4px}select,input[type=number]{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:10px 11px;font:inherit;color:#101828}select{margin-top:8px}.switch-row,.checkbox-row{display:flex;gap:8px;align-items:center;font-weight:500!important;color:#475467}.size-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin:8px 0 10px}.size-fields label{font-size:.8rem;color:#667085}.size-fields input{margin-top:6px}.size-fields.disabled{opacity:.45;pointer-events:none}.times{padding-bottom:10px;color:#98a2b3}.file-name-box{background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;padding:12px;margin:4px 0 16px;overflow:hidden}.file-name-box span{display:block;color:#667085;font-size:.78rem}.file-name-box strong{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}.status-message{border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:12px;padding:10px 12px;margin:0 0 14px;font-size:.82rem}.status-message.error{border-color:#fecdca;background:#fef3f2;color:#b42318}.actions{display:grid;grid-template-columns:1fr auto;gap:10px}.primary-btn,.secondary-btn{min-height:46px;border-radius:12px;border:0;font:inherit;font-weight:800;cursor:pointer}.primary-btn{background:#111827;color:#fff;padding:0 18px}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{background:#f2f4f7;color:#344054;padding:0 16px}.app-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #e4e7ec;margin-top:28px;padding:18px 2px 0;color:#667085;font-size:.82rem}.app-footer a{color:#344054;font-weight:700;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media(max-width:860px){.hero{flex-direction:column}.privacy-pill{white-space:normal}.workspace{grid-template-columns:1fr}.controls-card{position:static}.image-stage{min-height:380px}}@media(max-width:640px){.brand-wrap{align-items:flex-start;gap:12px}.brand-logo{width:92px;max-width:30vw}.app-footer{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.app-shell{width:min(100% - 20px,1180px);padding-top:20px}.stats-grid{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}.secondary-btn{width:100%}.image-stage{min-height:300px}}

/* v1.1.1 interface additions */
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.theme-toggle{width:44px;height:44px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#101828;display:grid;place-items:center;cursor:pointer;font-size:1.15rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}.theme-toggle:hover{background:#f2f4f7}.theme-toggle:active{transform:scale(.96)}.preview-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.new-image-btn{min-height:38px;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:10px;padding:7px 11px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.new-image-btn:hover{background:#f8fafc}.new-image-btn span{font-size:1.1rem;line-height:1}.theme-toggle:focus-visible,.new-image-btn:focus-visible,.toggle-btn:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.upload-button:focus-visible{outline:3px solid rgba(17,24,39,.22);outline-offset:2px}

html[data-theme="dark"]{color:#e5e7eb;background:#0b1220;color-scheme:dark}html[data-theme="dark"] body{background:#0b1220}html[data-theme="dark"] .hero p,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .label,html[data-theme="dark"] .section-label,html[data-theme="dark"] .hint,html[data-theme="dark"] .range-labels,html[data-theme="dark"] .stat span,html[data-theme="dark"] .file-name-box span,html[data-theme="dark"] .app-footer{color:#98a2b3}html[data-theme="dark"] .upload-card,html[data-theme="dark"] .preview-card,html[data-theme="dark"] .controls-card{background:#111827;border-color:#293548}html[data-theme="dark"] .upload-button{background:#0f172a;border-color:#344054;color:#f9fafb}html[data-theme="dark"] .upload-button:hover,html[data-theme="dark"] .upload-card.dragging .upload-button{background:#172033;border-color:#667085}html[data-theme="dark"] .upload-button small{color:#98a2b3}html[data-theme="dark"] .upload-icon,html[data-theme="dark"] .primary-btn{background:#f9fafb;color:#111827}html[data-theme="dark"] .privacy-pill{background:#062d22;border-color:#14532d;color:#86efac}html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .new-image-btn{background:#182230;border-color:#344054;color:#e5e7eb}html[data-theme="dark"] .theme-toggle:hover,html[data-theme="dark"] .new-image-btn:hover{background:#202b3c}html[data-theme="dark"] .preview-toggle{background:#202939}html[data-theme="dark"] .toggle-btn{color:#98a2b3}html[data-theme="dark"] .toggle-btn.active{background:#344054;color:#f9fafb;box-shadow:none}html[data-theme="dark"] .image-stage{background:repeating-conic-gradient(#202939 0 25%,#111827 0 50%) 50%/20px 20px}html[data-theme="dark"] .stat,html[data-theme="dark"] .file-name-box{background:#172033;border-color:#293548}html[data-theme="dark"] .stat.accent{background:#0b2d22;border-color:#166534}html[data-theme="dark"] .control-group{border-color:#293548}html[data-theme="dark"] select,html[data-theme="dark"] input[type=number]{background:#0f172a;border-color:#344054;color:#f9fafb}html[data-theme="dark"] .switch-row,html[data-theme="dark"] .checkbox-row{color:#cbd5e1}html[data-theme="dark"] .secondary-btn{background:#202939;color:#e5e7eb}html[data-theme="dark"] .app-footer{border-color:#293548}html[data-theme="dark"] .app-footer a{color:#d0d5dd}html[data-theme="dark"] .status-message{background:#062d22;border-color:#14532d;color:#86efac}html[data-theme="dark"] .status-message.error{background:#3b1010;border-color:#7f1d1d;color:#fecaca}html[data-theme="dark"] .theme-toggle:focus-visible,html[data-theme="dark"] .new-image-btn:focus-visible,html[data-theme="dark"] .toggle-btn:focus-visible,html[data-theme="dark"] .primary-btn:focus-visible,html[data-theme="dark"] .secondary-btn:focus-visible,html[data-theme="dark"] .upload-button:focus-visible{outline-color:rgba(255,255,255,.28)}

@media(max-width:640px){.header-actions{width:100%;justify-content:space-between}.preview-toolbar{align-items:flex-start}.preview-tools{justify-content:flex-start}.new-image-btn{order:2}}

/* v1.2.0 local web/admin additions */
.admin-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#344054;padding:0 14px;text-decoration:none;font-weight:800;font-size:.85rem}.admin-link:hover,.secondary-link:hover{background:#f8fafc}.header-ad{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:12px;margin:0 0 20px;text-align:center;overflow:hidden}.header-ad:before{content:"إعلان";display:block;font-size:.7rem;color:#98a2b3;margin-bottom:6px}.header-ad #headerAdSlot{min-height:40px;display:grid;place-items:center}.increase{color:#b42318!important}
html[data-theme="dark"] .admin-link,html[data-theme="dark"] .secondary-link{background:#182230;border-color:#344054;color:#e5e7eb}html[data-theme="dark"] .admin-link:hover,html[data-theme="dark"] .secondary-link:hover{background:#202b3c}html[data-theme="dark"] .header-ad{background:#111827;border-color:#293548}html[data-theme="dark"] .increase{color:#fda29b!important}

/* Web v1.2.0 — maintenance mode */
.maintenance-page{width:min(860px,calc(100% - 32px));margin:0 auto;padding:64px 0 28px;min-height:70vh;display:flex;flex-direction:column;justify-content:center}.maintenance-public-card{background:var(--card,#fff);border:1px solid var(--border,#e4e7ec);border-radius:24px;padding:clamp(28px,6vw,54px);text-align:center}.maintenance-logo{width:min(220px,60%);height:78px;object-fit:contain;margin:0 auto 18px;background:#111827;border-radius:12px;padding:8px}.maintenance-public-card h1{font-size:clamp(2rem,6vw,3.5rem);margin:8px 0 12px}.maintenance-public-card p{font-size:1.05rem;line-height:1.9;color:#667085;max-width:640px;margin:0 auto}.maintenance-note{display:inline-flex;margin-top:24px;padding:10px 15px;border-radius:999px;background:#f2f4f7;color:#475467;font-weight:800;font-size:.88rem}

/* Web v1.4.0 — bilingual interface */
.language-toggle{min-width:52px;height:44px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:#101828;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;text-decoration:none;font-size:.82rem;font-weight:900;transition:background .18s ease,border-color .18s ease,transform .18s ease}.language-toggle:hover{background:#f2f4f7}.language-toggle:active{transform:scale(.96)}.language-toggle span{font-size:1rem}.header-ad:before{content:attr(data-label)}html[data-theme="dark"] .language-toggle{background:#182230;border-color:#344054;color:#e5e7eb}html[data-theme="dark"] .language-toggle:hover{background:#202b3c}.maintenance-top-actions{display:flex;justify-content:flex-start;margin-bottom:14px}html[dir="ltr"] .file-name-box strong{text-align:left}html[dir="ltr"] .security-list{padding-left:20px;padding-right:0}html[dir="ltr"] .brand-wrap,html[dir="ltr"] .hero,html[dir="ltr"] .preview-toolbar,html[dir="ltr"] .control-heading,html[dir="ltr"] .app-footer{direction:ltr}html[dir="ltr"] .header-actions{justify-content:flex-end}@media(max-width:640px){.language-toggle{min-width:48px}.maintenance-top-actions{justify-content:flex-start}}