/* Windows 5.1: real desktop panels, consistent tools and independent scrolling. */
html.windows-workspace{height:100%;background:#f5f7fd}body{padding:14px 20px!important;background:#f5f7fd!important}body:has(.app-shell:not([hidden])){height:100dvh;overflow:hidden}.app-shell:not([hidden]){display:flex;flex-direction:column;max-width:1800px!important;width:100%!important;height:100%;margin:auto;gap:10px;min-height:0}.app-shell>.topbar{display:none!important}.uc-home{max-width:1180px!important;margin:auto}.uc-home .uc-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-studio-bar{position:static!important;min-height:58px!important;height:58px;flex:none;padding:5px 0 10px!important;margin:0!important;gap:14px!important;background:transparent!important}.uc-studio-bar button{min-height:38px!important;height:38px;font-size:13px!important;padding:8px 14px!important;border-radius:11px!important}.ws-brand{display:flex;align-items:center;gap:9px;direction:ltr;border-left:1px solid #dfe6f4;padding-left:16px;color:#2b477b}.ws-brand img{width:38px;height:38px;border-radius:11px}.ws-brand>span{font:700 18px Arial;white-space:nowrap}.ws-brand small{display:block;font:8px Arial;letter-spacing:1.8px;color:#8091b5;margin-top:5px}.ws-project-identity{flex:1;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:16px}.uc-studio-bar .ws-project-identity strong{flex:0 1 auto;max-width:430px;font-size:15px}.ws-project-identity .uc-save-state{font-size:10px;min-height:0;padding:0;text-align:start;white-space:nowrap}.ws-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;min-height:56px}.uc-step-tabs{position:static!important;display:flex!important;align-items:center;gap:6px;padding:5px!important;margin:0!important;border:1px solid #dfe7f7;border-radius:15px;background:#fff!important}.uc-step-tabs button{min-height:37px!important;display:flex;flex-direction:row!important;gap:8px!important;justify-content:center;padding:9px 16px!important;font-size:12px!important;white-space:nowrap;border-radius:10px!important}.uc-step-tabs svg{height:18px;width:18px}.uc-step-tabs button.selected{background:linear-gradient(120deg,#edf4ff,#efebff)!important;border-color:#d2def9!important;color:#3e65c5!important;box-shadow:none!important}.uc-step-heading{padding:0!important;gap:12px;min-width:0;direction:rtl;text-align:left}.uc-step-heading>span{display:none}.uc-step-heading h2{font-size:18px!important;margin:0 0 4px!important}.uc-step-heading p{font-size:11px!important;line-height:1.45!important;margin:0;max-width:440px;color:#7b8aa4}.workspace{display:block!important;flex:1;min-height:0;width:100%;margin:0;overflow:hidden}.uc-step-page{display:block;height:100%;min-height:0;width:100%;max-width:none!important;overflow:hidden}.uc-step-dock{position:static!important;min-height:43px;flex:none;justify-content:flex-end;gap:9px;margin:0!important;padding:8px 0 0!important;background:transparent!important}.uc-step-dock button{flex:0 0 auto!important;min-width:92px;min-height:36px!important;height:36px;padding:7px 18px!important;font-size:12px;border-radius:11px}.uc-step-dock #ucNextStep{flex:0 0 130px!important}.ws-dock-hint{flex:1;margin:0;color:#8a98af;font-size:10px}.uc-step-page .control-section,.uc-step-page .panel{width:100%;max-width:none!important;margin:0!important;min-width:0;border-color:#dfe7f7;border-radius:18px;box-shadow:0 5px 18px #3a559307}.control-section{padding:18px}.section-head h2{font-size:15px!important}.section-head small{font-size:11px;color:#8392ad}label>span{color:#657591;font-size:12px!important}input:is([type=number],[type=text],[data-uc-number=true]),select{height:40px!important;border-radius:10px!important;font-size:13px!important;padding:8px 10px!important}input[type=color]{height:40px!important;border-radius:10px!important}.grid{gap:11px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-step-page label{min-width:0}button,select,input{transition:box-shadow .14s,border-color .14s}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #7697ec;outline-offset:2px}button svg{width:18px;height:18px;flex:none}button:disabled{cursor:default;opacity:.4}
/* Data: two useful columns instead of floating mobile cards. */
#ucStep0{display:flex;flex-direction:column;gap:14px;overflow:auto;overscroll-behavior:contain}.mode-panel{padding:10px!important;flex:none;border-radius:16px!important}.mode-switch{display:flex;gap:10px}.mode-btn{flex:1;min-height:62px!important;padding:12px 18px!important;display:grid!important;grid-template-columns:1fr;gap:4px!important}.mode-btn strong{font-size:14px!important}.mode-btn small{font-size:11px}.ws-data-columns{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:16px;align-items:start;min-height:0}.ws-data-columns>#wsBackground,.ws-data-columns>#hotspotDataSection{width:100%;min-width:0;flex:none}.ws-data-columns .upload-box{min-height:152px;padding:22px;margin:0}.ws-data-columns #wsBackground .upload-box{min-height:190px}.ws-data-columns .upload-box strong{font-size:15px}.ws-data-columns .upload-box span{font-size:12px}.ws-data-columns .upload-icon{width:46px!important;height:46px!important;display:grid;place-items:center;font-size:24px!important}.ws-data-columns .file-chip{font-size:11px;line-height:1.7;padding:10px 12px;margin-top:12px;overflow-wrap:anywhere}.ws-source-preview{margin:14px 0 0;display:flex;gap:12px;align-items:center;border:1px solid #e4eafa;border-radius:13px;padding:12px;background:#f7f9ff}.ws-source-preview img{width:135px;height:100px;object-fit:contain;border-radius:6px;background:#fff}.ws-source-preview figcaption{font-size:12px;color:#7c8fad}.ws-data-columns #cdGeneric,.ws-data-columns #cdReimport{min-height:40px;padding:9px 12px;font-size:12px;margin:10px 0 0;border-radius:11px}.ws-data-columns #columnMap{margin-top:16px}.ws-data-columns #columnMap .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-data-columns .mini-table{margin-top:12px}.ws-data-columns .cd-data-details{margin-top:14px}.ws-data-columns:has(#hotspotDataSection.mode-hidden){grid-template-columns:minmax(0,1fr)}.ws-data-columns:has(#hotspotDataSection.mode-hidden)>#wsBackground{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.ws-data-columns:has(#hotspotDataSection.mode-hidden)>#wsBackground>.section-head{grid-column:1/-1}.ws-data-columns:has(#hotspotDataSection.mode-hidden)>#wsBackground>.upload-box{grid-row:span 4;min-height:230px}
/* Design and print share the same fixed inspector / expansive canvas grammar. */
.ws-design-layout,.ws-print-layout,.ws-export-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:16px;height:100%;min-height:0;direction:ltr}.ws-canvas-column,.ws-print-canvas{direction:rtl;min-height:0;min-width:0;display:flex;flex-direction:column;gap:12px}.ws-inspector,.ws-export-tools{direction:rtl;min-width:0;min-height:0;background:#fff;border:1px solid #dfe7f7;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 18px #3a559307}.ws-inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px;background:linear-gradient(130deg,#f6f9ff,#f5f2ff);border-bottom:1px solid #e4eafa;flex:none}.ws-inspector-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;background:transparent;min-height:57px;padding:7px 4px;font:12px Tajawal;color:#7b8dab;cursor:pointer}.ws-inspector-tabs svg{height:18px;width:18px}.ws-inspector-tabs button.selected{background:#fff;color:#496cc5;border-color:#d8e3fc;box-shadow:0 3px 9px #3e5fb00a}.ws-inspector-content{min-height:0;overflow:auto;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable}.ws-inspector-pane{min-width:0;min-height:100%;padding:15px}.ws-inspector-pane>.control-section,.ws-inspector-pane>.uce-properties,.ws-inspector-pane>.uce-layer-panel,.ws-inspector-pane>.uc-collapsible{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}.ws-inspector-pane>.uc-collapsible>summary,.ws-inspector-pane>.uce-layer-panel>summary{display:none}.ws-inspector-pane .uc-collapsible>.control-section{padding:0;border:0}.ws-inspector-pane .uce-properties header{margin-bottom:14px}.ws-inspector-pane .uce-properties h3{font-size:17px}.ws-inspector-pane textarea{min-height:78px;padding:10px;font-size:14px!important}.ws-inspector-pane .field-editor{padding:12px;margin-bottom:14px}.ws-inspector-pane .field-editor .grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-inspector-pane .field-editor .grid.three>label:last-child{grid-column:1/-1}.ws-inspector-pane .field-editor .field-title{margin-bottom:12px}.ws-inspector-pane .field-editor .field-title strong{font-size:13px}.ws-inspector-pane .uce-empty{padding:34px 10px}.ws-inspector-pane .uce-empty>span{font-size:34px;display:block;margin-bottom:14px}.ws-inspector-pane .uce-footnote{font-size:11px;line-height:1.8}.ws-inspector-pane .cd-binding{margin:12px 0;padding:12px;border-radius:12px}.ws-inspector-pane .uce-properties details{margin-top:12px;padding-top:10px}.ws-inspector-pane .uce-properties summary{padding-bottom:12px}.ws-inspector-pane .template-grid{grid-template-columns:1fr 1fr}.ws-inspector-pane .extra-field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-inspector-pane #ucLayerList{max-height:none}.ws-single-check{flex:none;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px!important;padding:12px!important;border:0!important;border-top:1px solid #e4eafa!important;border-radius:0!important;box-shadow:none!important;margin:0!important;background:#f8faff!important;align-items:end}.ws-single-check label>span{font-size:10px!important;margin-bottom:4px}.ws-single-check input{height:34px!important}.ws-single-check button{height:34px!important;min-height:34px!important;display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;padding:6px}.ws-single-check svg{width:15px;height:15px}
#designerPanel{display:flex;flex-direction:column;height:100%;min-height:0;padding:16px!important;overflow:hidden;border-radius:18px!important}#designerPanel>.panel-head{flex:none;margin-bottom:12px;gap:10px}#designerPanel>.panel-head h2{font-size:16px!important}#designerPanel>.panel-head p{font-size:11px!important;color:#8390a8}#designerPanel>.cd-browser{flex:none;order:2;margin:0 0 10px;padding:9px 12px;border-radius:12px;gap:8px;flex-wrap:nowrap}#designerPanel>.cd-browser small{display:none}#designerPanel>.cd-browser strong{font-size:11px}#designerPanel>.cd-browser .cd-nav{gap:6px}#designerPanel>.cd-browser input{height:30px!important;width:58px!important;padding:4px!important;font-size:12px!important}#designerPanel>.cd-browser button{width:30px;min-width:30px;min-height:30px;padding:3px;border-radius:8px}#designerPanel>.cd-browser span{font-size:11px}#designerPanel>.panel-head{order:0}.ws-design-ribbon{order:1;flex:none;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8edf8}.ws-design-ribbon .uce-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0}.ws-design-ribbon .uce-tools button,.ws-design-ribbon .uce-tools label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 7px;margin:0;border-radius:10px;border:1px solid #dfe6f7;background:#f7f9ff;color:#4c6599;font-size:12px}.ws-design-ribbon .uce-tools b{display:flex;align-items:center;color:#6c72cf;font-size:16px}.ws-design-ribbon .uce-tools svg{width:18px;height:18px}.ws-design-ribbon .uce-tools select{border:0!important;height:28px!important;background:transparent!important;width:76px;max-width:100%;padding:2px 0!important;font-size:12px!important}.ws-design-ribbon .uce-history{margin:0;display:flex;gap:7px}.ws-design-ribbon .uce-history button{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;background:#fff;border-radius:9px;font-size:11px;border-color:#e1e8f8}.ws-design-ribbon .uce-history button svg{height:15px;width:15px}.ws-design-ribbon #ucOpenLayers{margin-right:auto}.ws-design-ribbon #ucLayerTotal{color:#8b9ab5;font-size:10px}#designerPanel #designerStage{order:3;flex:1;min-height:160px!important;height:auto!important;width:100%;padding:32px!important;margin:0;background-color:#f0f4fc;background-image:radial-gradient(#c7d4ea .8px,transparent .8px);background-size:12px 12px;border-radius:13px;overflow:auto}#designerPanel>.uce-viewbar{order:4;flex:none;padding-top:10px;font-size:11px}#designerPanel>.designer-size,#designerPanel>.image-mode-hint{order:5;flex:none;font-size:10px;margin:6px 0 0}#designerPanel #ucElementImageInput{display:none!important}.ws-focus-canvas{grid-template-columns:minmax(0,1fr)}.ws-focus-canvas>.ws-inspector{display:none}.uce-align-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:53px;padding:8px 4px;font-size:10px}.uce-align-grid svg{width:18px;height:18px}
/* Print: settings stay beside the page, never underneath it. */
.ws-print-canvas>#stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:none;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.ws-print-canvas>#stats>div{padding:11px!important;border:1px solid #dfe7f7!important;border-radius:12px;background:#fff!important;min-width:0}.ws-print-canvas>#stats span{font-size:10px!important}.ws-print-canvas>#stats strong{display:block;font-size:13px!important;margin-top:5px;overflow-wrap:anywhere}.ws-print-canvas>.preview-panel{display:flex;flex-direction:column;flex:1;min-height:0!important;padding:15px!important;overflow:hidden}.ws-print-canvas .preview-head{flex:none;align-items:center;gap:12px;margin-bottom:11px}.ws-print-canvas .preview-head h2{font-size:15px!important}.ws-print-canvas .preview-head p{font-size:10px!important;margin:5px 0 0}.ws-print-canvas .page-nav{flex:none;gap:5px}.ws-print-canvas .page-nav button{min-height:30px;height:30px;width:30px;border-radius:9px}.ws-print-canvas #previewWrap{height:auto!important;flex:1;min-height:160px!important;border-radius:13px;padding:12px;overflow:auto;background:#eaf0fa;display:flex;align-items:center;justify-content:center}.ws-print-canvas #previewCanvas{flex:none;max-width:100%;object-fit:contain}.ws-print-canvas #emptyState{font-size:12px}.ws-inspector-pane .ps-studio{background:transparent!important}.ws-inspector-pane .ps-title h2{font-size:18px}.ws-inspector-pane .ps-title p,.ws-inspector-pane .ps-note{font-size:11px;line-height:1.8}.ws-inspector-pane .ps-presets button{min-height:34px;padding:7px}.ws-inspector-pane .ps-resolution{font-size:11px;padding:11px;line-height:1.8}.ws-inspector-pane .ps-studio details{padding:10px;margin:12px 0}.ws-inspector-pane .all-data-switch{padding:12px}.ws-inspector-pane .range-card{padding:12px}.ws-inspector-pane .page-number-card{padding:12px}.ws-inspector-pane .feature-note{font-size:10px;padding:11px}.ws-inspector-pane #resetBtn{width:100%;margin-top:14px;color:#aa637d;border:1px solid #eddae3;border-radius:10px;min-height:36px}.ws-export-tools{overflow:auto;overscroll-behavior:contain}.ws-export-tools #psExport{border:0;box-shadow:none;background:transparent!important;padding:18px!important;overflow:visible}.ws-export-tools .ps-title h2{font-size:20px;margin:6px 0 10px}.ws-export-tools .ps-preflight{font-size:12px;padding:12px;margin:12px 0}.ws-export-tools .ps-preflight p{font-size:11px;line-height:1.7;margin-top:6px}.ws-export-tools .ps-note{font-size:10px;line-height:1.8;color:#8796ad}.ws-export-tools #downloadPdf{width:100%;min-height:47px;border:0;border-radius:12px;margin:16px 0 10px;padding:12px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(105deg,#357be7,#7056e8);font:700 14px Tajawal;box-shadow:0 6px 14px #516fdb22}.ws-export-tools .ps-export-actions{grid-template-columns:1fr 1fr;gap:9px;margin:0}.ws-export-tools .ps-export-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 7px;min-height:78px;font-size:11px;border-radius:12px}.ws-export-tools .ps-export-actions #psPrint{grid-column:1/-1;flex-direction:row;min-height:41px;background:#eef3ff;border:1px solid #dbe4fa;color:#506fbd}.ws-export-tools #psPages{grid-column:1/-1;flex-direction:row;min-height:42px}.ws-export-tools .grid{grid-template-columns:1fr!important}.ws-export-tools .uce-check{font-size:11px;line-height:1.8;margin-top:4px}.ws-export-tools #psPageRange{grid-template-columns:1fr 1fr!important;margin-top:12px}.uc-dialog,.pt-dialog,.cd-import,.uc-help{max-height:calc(100dvh - 40px)!important;overflow:auto}#singleCardDialog{width:min(620px,85vw)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c7d3ec;border:2px solid #f7f9ff;border-radius:9px}::-webkit-scrollbar-track{background:#f7f9ff}input,select,textarea{min-width:0;max-width:100%}
@media(max-width:1120px){body{padding:10px 12px!important}.ws-design-layout,.ws-print-layout,.ws-export-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px}.ws-brand>span{font-size:15px}.ws-brand small{font-size:7px}.ws-brand{padding-left:10px}.ws-project-identity{gap:8px}.ws-project-identity .uc-save-state{display:none}.uc-step-heading p{display:none}.uc-step-tabs button{padding:8px 12px!important}.ws-design-ribbon .uce-tools button,.ws-design-ribbon .uce-tools label{flex-direction:column;gap:5px;min-height:55px;padding:7px 4px}.ws-design-ribbon .uce-tools select{height:18px!important;padding:0!important}.ws-inspector-pane{padding:12px}.ws-inspector-tabs button{font-size:11px}.ws-data-columns{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}}
@media(max-height:760px){.app-shell:not([hidden]){gap:7px}.uc-studio-bar{min-height:47px!important;height:47px;padding-bottom:7px!important}.ws-navigation{min-height:47px}.uc-step-heading h2{font-size:16px!important}.uc-step-heading p{font-size:10px!important}.uc-step-tabs button{min-height:32px!important;padding-top:7px!important;padding-bottom:7px!important}.ws-inspector-tabs button{min-height:49px;font-size:11px;gap:4px}.ws-design-ribbon{gap:7px;padding-bottom:9px;margin-bottom:9px}.ws-design-ribbon .uce-tools button,.ws-design-ribbon .uce-tools label{min-height:38px}.ws-design-ribbon .uce-history button{min-height:28px;padding:5px 8px}#designerPanel{padding:12px!important}#designerPanel>.panel-head{margin-bottom:9px}#designerPanel>.panel-head p{display:none}.ws-print-canvas>#stats>div{padding:9px!important}.ws-dock-hint{font-size:9px}.uc-step-dock{min-height:38px;padding-top:6px!important}}
/* Match browser-default text inputs to every other inspector field. */
.ws-inspector-pane input:not([type]),.ws-export-tools input:not([type]){height:40px;width:100%;min-width:0;padding:8px 10px;border:1px solid #dfe5f2;border-radius:10px;background:#f8faff;color:#2d4267;font:13px Tajawal,Arial,sans-serif;box-sizing:border-box}.ws-inspector-pane label>span{font-size:12px!important}.ws-inspector-pane .uce-empty p{color:#8594af}.ws-design-ribbon .uce-tools button,.ws-design-ribbon .uce-tools select{font-size:12px!important}#designerPanel #designerStage{padding:26px!important}