@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{font-family:Tajawal,Tahoma,Arial,sans-serif;color:#263b39;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.topbar{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9ece6}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:42px;height:42px;border-radius:14px;background:#245a4c;color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;position:relative}.brand-icon i{position:absolute;color:#e7c178;font-size:13px;top:-4px;left:-3px}.brand strong{font-size:22px;display:block;line-height:1}.brand small{font-size:10px;color:#86928c;font-weight:700}.top-actions{display:flex;gap:8px}.top-actions button,.history button,.canvas-footer button{border:0;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:10px 13px}.quiet{background:#f5f7f3;color:#52655e}.export{background:#275e4e;color:#fff;font-weight:700}.top-actions button:hover,.tool-grid button:hover{filter:brightness(.96)}main{max-width:1640px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 2px 28px}.eyebrow,.overline{font-size:11px;font-weight:800;color:#8b9d91;letter-spacing:.03em}.eyebrow{display:flex;align-items:center;gap:6px;color:#b18c4e}h1{font-size:27px;margin:9px 0 4px;font-weight:800}h1 span{color:#d5ad68;font-size:20px}p{margin:0}.intro p{font-size:14px;color:#84918a}.intro-tag{border:1px solid #e4e7dc;background:#fafbf6;border-radius:30px;padding:10px 15px;color:#8b998c;font-size:12px;font-weight:700}.intro-tag span{color:#d3ad68;margin-left:7px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 235px;gap:16px;align-items:start}.toolbox,.properties,.editor{background:#fff;border:1px solid #e9ece6;border-radius:18px;box-shadow:0 8px 30px #465f4c08}.toolbox,.properties{padding:20px 17px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:16px;margin:6px 0 0}.panel-star{color:#dab77b;font-size:18px}.panel-hint{font-size:12px;color:#9aa69e;margin:10px 0 18px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-grid button{border:1px solid #edf0eb;border-radius:12px;background:#fafbf9;color:#52675d;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700}.tool-grid button span{color:#497663;display:grid;place-items:center}.tip{display:flex;gap:10px;background:#f4f7ed;border-radius:12px;padding:14px 11px;margin-top:20px;color:#6c846b}.tip>span{color:#c4a96d}.tip strong{font-size:12px}.tip p{font-size:11px;line-height:1.7;margin-top:5px;color:#8d9d89}.editor{overflow:hidden;min-width:0}.editor-head{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff0ec}.document-title{display:flex;align-items:center;gap:10px}.doc-icon{background:#eff5ef;color:#5a806a;width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.document-title input{border:0;outline:0;width:180px;font-weight:800;color:#354d43;background:transparent}.document-title small{display:block;color:#9ba7a0;font-size:10px;margin-top:3px}.status-dot{display:inline-block;background:#8ab696;width:6px;height:6px;border-radius:50%;margin-left:4px}.history{display:flex;gap:5px}.history button{background:#f7f8f5;color:#64746a;padding:9px}.canvas-area{background:#eef0e9;padding:20px;overflow:auto;min-width:0}.canvas-caption,.canvas-footer{max-width:595px;margin:auto;display:flex;justify-content:space-between;color:#9aa79a;font-size:11px;font-weight:700}.canvas-caption{margin-bottom:14px}.canvas-caption b{color:#cfaa70}.paper{margin:auto;background:#fff;box-shadow:0 8px 30px #6073641e;touch-action:none}.canvas-footer{margin-top:16px;align-items:center}.canvas-footer>span,.canvas-footer div{display:flex;align-items:center;gap:8px}.canvas-footer button{background:#fff;color:#607267;width:26px;height:26px;padding:0;font-size:17px}.properties{min-height:435px;display:flex;flex-direction:column}.empty-state{text-align:center;padding:46px 10px;color:#9ba9a0}.empty-icon{width:50px;height:50px;border-radius:17px;background:#f4f7f1;display:grid;place-items:center;color:#8ca797;margin:0 auto 15px}.empty-state strong{font-size:13px;color:#718379}.empty-state p{font-size:12px;line-height:1.8;margin-top:8px}.properties-bottom{margin-top:auto;border-top:1px solid #eef0eb;padding-top:17px;display:flex;gap:9px;color:#c9a96c}.properties-bottom p{font-size:11px;line-height:1.8;color:#9bab9e}.properties-bottom strong{color:#718b79}.property-fields{display:grid;gap:13px;margin:20px 0}.selection-label{background:#f3f7f0;border-radius:9px;padding:10px;font-size:11px;color:#8ba094;display:flex;justify-content:space-between}.selection-label strong{color:#476b59}.property-fields label{font-size:12px;font-weight:700;color:#71847a;display:grid;gap:6px}.property-fields input,.property-fields textarea,.property-fields select{width:100%;border:1px solid #e3eae2;border-radius:8px;padding:8px;color:#344e41;background:#fff}.property-fields textarea{min-height:80px;resize:vertical}.property-fields input[type=color]{height:38px;padding:3px}.item-actions{display:flex;gap:8px}.item-actions button{flex:1;border:1px solid #e7ece5;background:#f8faf7;border-radius:8px;padding:9px;color:#557665;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px}.item-actions .delete{color:#b86a65}footer{display:flex;justify-content:space-between;color:#a8b3a8;font-size:11px;padding:25px 3px}footer b{color:#d3ad68}.toast{position:fixed;bottom:22px;left:22px;z-index:10;background:#234f42;color:#fff;border-radius:10px;padding:13px 18px;box-shadow:0 5px 20px #0002;font-size:13px}@media(max-width:1000px){.workspace{grid-template-columns:190px minmax(0,1fr)}.properties{grid-column:1/-1;min-height:0}.empty-state{padding:20px}.properties-bottom{display:none}.property-fields{grid-template-columns:repeat(3,1fr);align-items:end}.property-fields label:has(textarea){grid-column:span 2}}@media(max-width:650px){.topbar{height:66px;padding:0 15px}.brand small{display:none}.brand strong{font-size:19px}.top-actions{gap:4px}.top-actions button{padding:9px}.quiet span{display:none}.export{font-size:12px}.intro{padding:25px 2px 20px}.intro h1{font-size:22px}.intro p{font-size:12px}.intro-tag{display:none}main{padding:0 12px}.workspace{display:flex;flex-direction:column;gap:10px}.toolbox,.editor,.properties{width:100%}.toolbox{padding:15px}.toolbox .panel-title h2{font-size:15px}.panel-hint{margin:6px 0 12px}.tool-grid{display:flex;overflow-x:auto;gap:7px;padding-bottom:3px}.tool-grid button{min-width:68px;min-height:65px}.tip{display:none}.editor-head{padding:12px}.canvas-area{padding:15px 0}.canvas-caption,.canvas-footer{padding:0 16px}.properties{padding:16px}.property-fields{grid-template-columns:repeat(2,1fr)}.empty-state{padding:15px}.empty-icon{margin-bottom:5px}.empty-state p{margin-top:2px}footer{font-size:10px}.canvas-footer>span{font-size:10px}}.library{margin-top:14px;border-top:1px solid #e7ece5;padding-top:12px;font-size:12px}.library summary{cursor:pointer;font-weight:700;min-height:35px}.library p,.table-properties p{font-size:11px;color:#647b70;line-height:1.8}.library label,.table-properties label{display:grid;gap:6px;margin:8px 0}.library input,.library select{max-width:100%;width:100%;padding:8px;border:1px solid #dce6dc;border-radius:8px}.library input[type=checkbox],.table-properties input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.button-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.library button,.button-row button,.cell-grid button{border:1px solid #d7e4da;border-radius:8px;background:#f5f9f3;color:#355e4d;min-height:40px;padding:7px;font-size:12px}.icon-library{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.icon-library svg{display:block;width:32px;height:32px;margin:0 auto 5px}.layer-list{max-height:180px;overflow:auto}.layer-list label{display:flex;align-items:center;gap:8px;padding:3px}.table-properties{grid-column:1/-1;border:1px solid #e2eae1;border-radius:10px;padding:10px;min-width:0}.cell-grid{display:grid;gap:4px;overflow:auto}.cell-grid button[aria-pressed=true]{background:#c8e3dc;border-color:#167cba}.table-properties textarea{min-height:70px}.property-fields input:focus,.property-fields textarea:focus,.property-fields select:focus{outline:2px solid #6eaa96}.property-fields .selection-label{grid-column:1/-1}.stage-three-panel>p{margin:2px 0 10px;line-height:1.7}.stage-three-panel .logo-notice{background:#f7f5eb;border-radius:9px;padding:9px;color:#7d745e}.school-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.school-field-grid button{min-height:46px;display:flex;align-items:center;gap:5px;text-align:right;line-height:1.3;padding:8px 6px}.school-field-grid button span{font-size:16px;color:#799987}.stage-three-actions{display:grid;gap:7px;margin-top:10px}.stage-three-actions button{font-weight:700}.stage-three-actions button:first-child{background:#e6f2e9;color:#295d49}.worksheet-template-list{display:grid;gap:7px;margin-top:10px}.worksheet-template-list>button{min-height:54px;display:flex;align-items:center;gap:9px;text-align:right;background:#fff;padding:8px}.worksheet-template-list>button>span:nth-child(2){flex:1;min-width:0}.worksheet-template-list strong,.worksheet-template-list small{display:block}.worksheet-template-list strong{font-size:12px;color:#35594a}.worksheet-template-list small{font-size:10px;color:#7c9083;line-height:1.5;margin-top:3px}.template-preview{width:36px;height:45px;flex:none;border:1px solid #cdded2;border-radius:4px;background:#fbfdfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.template-preview i{display:block;width:23px;height:3px;border-radius:3px;background:#c1d9c9}.template-preview i:first-child{width:13px;background:#7eaa90}.template-preview.comparison i{height:6px;border:1px solid #b5cfc0;background:transparent;border-radius:0}.template-preview.concept i:nth-child(2){width:12px;height:8px;border:1px solid #9abbab;background:transparent}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1e392db3;display:flex;align-items:center;justify-content:center;padding:20px}.template-dialog{width:min(100%,400px);background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 65px #10291e40}.template-dialog h2{font-size:19px;margin:10px 0;color:#294c3d}.template-dialog p{font-size:13px;line-height:1.9;color:#71847a}.dialog-spark{color:#c2a46a;font-size:24px}.dialog-actions{display:flex;gap:8px;margin-top:18px}.dialog-actions button{flex:1;min-height:46px;border:1px solid #e2eae1;border-radius:10px;background:#f7faf6;color:#456653;font-weight:700}.dialog-actions .dialog-primary{background:#275e4e;color:#fff;border-color:#275e4e}@media(max-width:650px){.school-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.worksheet-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheet-template-list>button{min-width:0}.worksheet-template-list small{display:none}}.page-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid #edf1eb}.page-controls label{font-size:12px;color:#557364;display:flex;align-items:center;gap:6px}.page-controls button,.page-controls select{border:1px solid #dfe9df;background:#f7faf6;color:#3a6651;border-radius:8px;min-height:38px;padding:7px}.page-controls input{width:18px;height:18px}.project-action{font-size:12px}.top-actions{flex-wrap:wrap}.project-action:focus-visible,.page-controls button:focus-visible{outline:2px solid #387e62}@media(max-width:650px){.topbar{height:auto;min-height:66px;gap:6px;flex-wrap:wrap}.top-actions{padding:6px 0}.project-action{font-size:10px!important;padding:7px!important}.page-controls{padding:8px}.page-controls button,.page-controls select{font-size:11px}}.question-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.question-tools button{min-height:44px;text-align:right}.education-properties{grid-column:1/-1;display:grid;gap:8px;padding:10px;border:1px solid #e2eae1;border-radius:10px}.education-properties label{display:grid;gap:5px}.education-properties input[type=checkbox]{width:20px;height:20px}.education-properties button{min-height:40px;border:1px solid #d7e4da;border-radius:8px;background:#f5f9f3;color:#355e4d}.option-editor{display:flex;align-items:end;gap:6px}.option-editor label{flex:1;min-width:0}.graph-properties p{font-size:11px;line-height:1.7;color:#617b6c}.graph-edge{display:grid;gap:6px;padding:8px;border:1px solid #e0e9e1;border-radius:8px;overflow-wrap:anywhere}.graph-edge span{font-size:11px}.graph-properties select{max-width:100%}.icon-library-scroll{max-height:320px;overflow:auto;overscroll-behavior:contain}.icon-library-scroll button{min-height:60px;line-height:1.3}.icon-library-scroll button svg{display:block;margin:0 auto 5px}.item-actions{flex-wrap:wrap}.item-actions button{min-width:65px}.property-editable{display:contents}.lock-control{border:1px solid #d7e4da;border-radius:8px;background:#f5f9f3;color:#355e4d;min-height:42px}.locked-hint{grid-column:1/-1;font-size:12px;color:#92714b}.upload-tool{width:100%;min-height:44px;margin-bottom:10px;border:1px solid #d7e4da;border-radius:10px;background:#eef6ef;color:#355e4d;font-weight:700}.global-tool-search{display:grid;gap:6px;font-size:12px;color:#647b70;font-weight:700;margin:8px 0}.global-tool-search input{width:100%;border:1px solid #dce6dc;border-radius:9px;min-height:42px;padding:8px}.tool-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:240px;overflow:auto;margin-bottom:10px}.tool-search-results button{min-height:42px;border:1px solid #d7e4da;background:#f5f9f3;color:#355e4d;border-radius:8px}.saved-colors{grid-column:1/-1;display:grid;gap:7px}.saved-colors strong{font-size:12px;color:#637f70}.saved-colors>button{border:1px solid #d7e4da;border-radius:8px;min-height:40px;background:#f5f9f3;color:#355e4d}.saved-colors>div{display:flex;flex-wrap:wrap;gap:6px}.saved-colors .color-swatch{width:36px;height:36px;border:2px solid white;outline:1px solid #9daf9e;border-radius:50%}.restore-loading{padding:40px;text-align:center;color:#315c49}.drawing-tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.drawing-tools button{flex:1;min-width:65px;min-height:44px;padding:6px;border:1px solid #d7e4da;background:#f5f9f3;color:#355e4d;border-radius:8px;font-size:11px}.drawing-tools button[aria-pressed=true]{background:#326b52;color:#fff}