@font-face{font-family:'Waraqa UI';src:url('./vendor/tajawal/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Waraqa UI';src:url('./vendor/tajawal/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.mobile-only{display:none}
/* Native-sized controls; panels stay inside the current document viewport. */
@media(max-width:760px),(max-height:500px) and (pointer:coarse){
  .site-header{padding-top:env(safe-area-inset-top)}.header-inner{height:70px;padding-inline:20px;gap:12px}.brand{gap:9px}.brand-mark{width:36px;height:36px}.brand-name{font-size:28px}.brand-divider,.product-label,.header-nav,.privacy-chip{display:none}.header-inner>.app-language{margin-inline-start:auto}
  .landing{display:flex;flex-direction:column;gap:21px;padding:27px 18px 0;max-width:600px}.dashboard-heading{padding:0;gap:0}.dashboard-heading .eyebrow{font-size:12px;margin-bottom:9px}.dashboard-heading h1{font-size:28px;line-height:1.45;letter-spacing:-.4px}.dashboard-heading>p:last-child{font-size:14px;line-height:1.8;margin-top:7px;max-width:360px}.start-workspace{width:100%}.upload-panel{padding:16px;border-radius:18px}.upload-panel-top{margin-bottom:13px}.upload-panel-top .tiny-label{font-size:13px}.workspace-ready{font-size:10px}.upload-zone{min-height:265px;padding:20px 12px;border-radius:12px}.document-illustration{width:54px;height:61px;margin-bottom:13px;border-radius:12px}.document-illustration .icon{width:30px;height:30px}.upload-zone h2{font-size:21px}.upload-description{font-size:13px;margin-top:5px}.choose-button{width:100%;max-width:290px;min-height:49px;margin-top:16px;padding:11px 16px;font-size:14px}.choose-button .arrow-icon{margin-inline-start:auto}.choose-button>.icon:first-child{margin-inline-end:auto}.upload-meta{font-size:10px;line-height:1.8;margin-top:11px}.demo-bar,.project-resume{gap:6px;font-size:11px;min-height:52px}.demo-bar .text-button,.project-resume .text-button{font-size:12px}.project-resume>.icon{width:16px;height:16px}.steps-panel{margin-top:12px}.step-list{gap:5px}.step-list li{font-size:10px;gap:5px}.step-number{width:20px;height:20px;font-size:10px}
  .mobile-home-tools{padding:0}.mobile-home-tools>div:first-child{display:block;margin-bottom:11px}.mobile-home-tools h2{font-size:18px}.mobile-home-tools p{font-size:12px;margin-top:5px}.mobile-action-grid{gap:8px}.mobile-action-card{display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding:13px 9px;border-radius:13px}.mobile-action-card>.icon{width:36px;height:36px;padding:9px;margin-bottom:5px}.mobile-action-card strong{font-size:12px;line-height:1.7}.mobile-action-card>span{font-size:11px;line-height:1.6}.privacy-section{padding:17px;gap:11px;align-items:flex-start;flex-wrap:wrap;border-radius:14px}.privacy-emblem{flex:0 0 27px;margin-top:2px}.privacy-emblem .icon{width:25px;height:25px}.privacy-section>div{flex:1;min-width:0}.privacy-section h2{font-size:14px;line-height:1.7;margin-bottom:4px}.privacy-section p{font-size:12px;line-height:1.85}.privacy-more{width:100%;margin:0;border-top:1px solid #d6e2f5;padding-top:8px;font-size:12px}.faq-section{display:block;padding:0}.faq-intro{margin-bottom:14px}.faq-intro>.eyebrow{display:none}.faq-intro h2{font-size:20px}.faq-intro>p:not(.eyebrow){font-size:12px;margin-top:5px}.faq-intro>.text-button{margin-top:1px}.faq-list{padding-inline:15px;border-radius:14px}.faq-list summary{font-size:13px;line-height:1.8;padding:15px 0}.faq-list details p{font-size:12px;line-height:1.9}.site-footer{margin:26px 20px 0;padding:20px 0;display:flex;flex-direction:column;gap:8px;font-size:11px}.footer-identity{gap:10px}.footer-identity p{font-size:11px}.site-footer nav{margin:0;gap:20px}.footer-local{display:none}
  body.editing{overflow:hidden;overscroll-behavior:none}.editing .site-header{display:none}.editing #mainContent{height:100dvh;overflow:hidden}.editor{display:flex;flex-direction:column;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:env(safe-area-inset-top) 0 0;background:#fff}.document-bar{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:5px;min-height:65px;padding:9px 8px 6px}.document-info{flex:1;min-width:0;gap:4px}.document-info>div{min-width:0}.document-info h1{font-size:13px;line-height:1.7;max-width:none}.document-info p{font-size:10px;line-height:1.6;margin-top:0}.document-info .file-symbol{display:none}.close-document{width:44px;min-width:44px;margin:0}.document-actions{display:contents}.document-actions #replaceFile,.document-actions #managePages,.document-actions #saveProject{display:none}.document-actions #exportBtn{flex-shrink:0;min-height:44px;margin:0;padding:10px 11px;border-radius:10px;font-size:12px;gap:7px;box-shadow:none}.document-actions #exportBtn .icon{width:17px;height:17px}#mobileMore{display:flex;width:44px;height:44px;min-width:44px}.document-actions #readyDownload{max-width:110px;font-size:10px;white-space:normal;padding:6px}.editor-meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;flex:0 0 auto;gap:8px;align-items:center;min-height:48px;padding:0 12px 5px;border-bottom:1px solid var(--line);background:#fff}#documentStatus{font-size:10px;line-height:1.7;gap:6px;min-width:0;overflow-wrap:anywhere}.editor-meta>[data-open-help]{display:none}.editor-body{position:relative;display:flex;flex:1 1 auto;width:100%;min-height:0;height:auto;max-height:none;overflow:hidden;border:0;border-radius:0;box-shadow:none;isolation:isolate}.canvas-workspace{display:flex;flex:1 1 auto;width:100%;min-width:0;min-height:0;max-height:none;background:#eaf0f8}.canvas-toolbar{display:flex;flex:0 0 auto;min-height:54px;height:auto;padding:4px 8px;gap:0;background:#fbfcff}.history-tools,.zoom-group,.page-navigation{gap:0}.canvas-toolbar .icon-button{width:44px;min-width:44px;height:44px;padding:11px;border-radius:9px}.canvas-toolbar .icon-button .icon{width:19px;height:19px}.zoom-tools{height:44px;gap:0;background:transparent}.fit-page{margin-inline-end:0}#zoomValue{min-width:40px;font-size:11px}#pageLabel{min-width:39px;font-size:11px}.canvas-scroll{padding:20px 16px 72px;background:#eaf0f8}.canvas-hint,.export-note{display:none}.text-edit-mode .canvas-hint{display:flex;flex:0 0 auto;min-height:34px;padding:8px 13px;font-size:11px;line-height:1.7;text-align:center;background:#edf4ff}
  .mobile-toolbar{position:relative;display:flex;flex:0 0 auto;justify-content:space-around;gap:3px;min-height:74px;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;z-index:45}.mobile-toolbar button{display:flex;align-items:center;justify-content:center;flex:1 1 0;flex-direction:column;gap:5px;min-width:0;min-height:58px;padding:6px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:#596e8e;font-size:12px;line-height:1.6}.mobile-toolbar button .icon{width:22px;height:22px}.mobile-toolbar button[aria-pressed=true],.mobile-toolbar button.is-active,.mobile-toolbar button[data-active=true]{color:var(--blue);background:#eaf2ff;border-color:#d8e6ff}.mobile-toolbar button:hover:not(:disabled){background:#f0f5ff;color:var(--blue)}.mobile-toolbar button span{white-space:nowrap}
  .inspector,.pages-panel{display:none}.inspector.mobile-panel-open,.pages-panel.mobile-panel-open{position:absolute;inset:auto 8px 8px;display:block;width:auto;min-height:0;max-height:min(68dvh,calc(100% - 8px));overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #ccdaf0;border-radius:20px;box-shadow:0 -6px 28px #14213d20;z-index:40;scrollbar-width:thin}.inspector .original-tools-section,.inspector .tools-section,.inspector .empty-selection,.inspector .inspector-note{display:none}.inspector.mobile-panel-open .tools-section{display:block;padding:11px 18px 0;border:0}.inspector .tools-section>.panel-label,.inspector .tools-section>.tool-grid{display:none}.inspector .tools-section .font-preset{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;padding:8px 11px;gap:4px 9px;margin:0}.inspector .font-preset-label{font-size:10px}.inspector .font-preset-value{font-size:11px}.inspector #resetFontStyle{min-height:44px;padding:8px 10px;margin-inline-start:auto;background:var(--light-blue);font-size:11px!important;border-radius:9px}.mobile-panel-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fff;z-index:2}.mobile-panel-heading h2{font-size:16px;line-height:1.7}.mobile-panel-heading p{font-size:11px;color:var(--muted);line-height:1.7}.mobile-panel-heading button{min-height:44px;font-size:12px}.mobile-panel-heading .button-primary{padding-inline:17px}#textSettings,#selectionSettings{padding:17px 18px 20px;border:0}#textInput{height:88px;min-height:72px;font-size:16px}.inspector input[type=range]{min-height:44px;margin-block:2px}.inspector select,dialog select{font-size:16px}.inspector .duplicate-selected,.inspector .button-delete{width:calc(50% - 6px);margin:13px 0 0;font-size:12px}.inspector .duplicate-selected{margin-inline-end:8px}.inspector .restore-original{min-height:44px}.pages-panel.mobile-panel-open{max-height:min(230px,calc(100% - 8px))}.pages-panel .pages-heading{display:none}.pages-panel .mobile-panel-heading{padding:10px 14px 8px}.pages-panel .thumb-list{display:flex;flex-direction:row;align-items:flex-start;width:100%;min-height:135px;padding:13px 17px;overflow-x:auto;gap:12px}.pages-panel .thumb{width:74px;padding:6px;gap:5px;font-size:10px}.pages-panel .thumb canvas{max-height:84px}#mobileSelectionBar{display:none}#mobileSelectionBar.mobile-selection-visible{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:5px;border:1px solid #cbdcf6;border-radius:14px;background:#fff;box-shadow:0 7px 24px #14213d20;z-index:35}#mobileSelectionBar button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:10px;background:var(--light-blue);color:var(--blue);font-size:12px;white-space:nowrap}#mobileDeleteSelection{color:var(--danger)!important;background:#fff2f0!important}
  dialog{width:100%;max-width:none;max-height:calc(100dvh - 16px);margin:auto 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;scroll-padding-block:108px 20px}.dialog-heading{top:0;padding-block:16px;margin:-16px 0 18px;gap:10px}.dialog-heading h2,dialog>h2{font-size:20px}.dialog-heading p{font-size:12px}.dialog-icon{width:40px;height:40px;border-radius:11px}.dialog-heading .dialog-close{margin-inline-start:auto}.dialog-actions{gap:8px;margin-top:18px;padding-top:15px}.dialog-actions .button{font-size:13px;min-height:46px;padding-inline:13px}.signature-note{font-size:12px;line-height:1.85;padding:11px 12px}.signature-options{gap:9px}.signature-options .text-button,.signature-color-label{font-size:12px}.signature-surface canvas{min-height:160px}.replacement-options{grid-template-columns:1fr 1fr;gap:13px}.replacement-option:last-child{grid-column:1/-1}.replacement-option:last-child select{width:100%}.help-content>p:not(.signature-note){font-size:13px;line-height:1.9}.help-shortcuts dl>div{font-size:12px}.page-manager-toolbar{flex-wrap:wrap}.page-manager-toolbar .button{font-size:13px;min-height:44px}.page-manager-list{max-height:36dvh}.managed-page-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px}.managed-page-actions{grid-column:1/-1;justify-content:flex-end;gap:6px}.managed-page-actions .icon-button{width:44px;height:44px;min-width:44px}.page-extraction{padding:14px}.page-extraction-controls{flex-direction:column;align-items:stretch}.page-extraction-controls .button{white-space:normal;min-height:46px}.page-manager-note{font-size:11px}.status-message{bottom:calc(85px + env(safe-area-inset-bottom));font-size:13px;max-width:calc(100vw - 28px);width:max-content;padding:12px 17px}
}
@media(max-width:430px){.canvas-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:3px 8px;gap:0}.canvas-toolbar .history-tools{grid-column:1;grid-row:1}.canvas-toolbar .page-navigation{grid-column:2;grid-row:1;justify-self:end}.canvas-toolbar .zoom-group{grid-column:1/-1;grid-row:2;justify-self:center}.canvas-toolbar .zoom-tools{background:#f1f5fc}}
@media(max-width:360px){.header-inner{padding-inline:16px}.landing{padding-inline:14px;gap:19px}.dashboard-heading h1{font-size:25px}.dashboard-heading>p:last-child{font-size:13px}.upload-panel{padding:13px}.upload-zone{padding-inline:10px}.upload-zone h2{font-size:20px}.upload-description{font-size:12px}.demo-bar{font-size:10px}.demo-bar .text-button,.project-resume .text-button{font-size:11px}.project-resume{font-size:10px}.mobile-action-card{padding:12px 7px}.mobile-action-card strong{font-size:11px}.mobile-action-card>span{font-size:10px}.document-bar{gap:3px;padding-inline:5px}.document-actions #exportBtn{padding-inline:9px;font-size:11px}.document-actions #exportBtn .icon{display:none}.document-info h1{font-size:12px}.editor-meta{padding-inline:10px;gap:5px}#documentStatus{font-size:9px}.mobile-toolbar button{font-size:11px}.dialog-heading .dialog-icon{display:none}}
@media(max-height:500px) and (pointer:coarse){.document-bar{min-height:54px;padding-block:5px}.editor-meta{min-height:44px;padding-bottom:0}.canvas-toolbar{display:flex;min-height:48px;padding-block:2px}.mobile-toolbar{min-height:55px;padding:4px 12px max(4px,env(safe-area-inset-bottom))}.mobile-toolbar button{flex-direction:row;min-height:44px;gap:7px}.canvas-scroll{padding:15px 16px 55px}.text-edit-mode .canvas-hint{display:none}.inspector.mobile-panel-open{max-height:calc(100% - 6px)}.signature-surface canvas{min-height:120px}dialog{max-height:calc(100dvh - 12px)}.status-message{bottom:65px}}