@media (min-width:901px){.editor-actions .new-template-button{display:none}.editor-actions button,.desktop-panel-tabs button{white-space:nowrap;flex:none}.editor-body{grid-template-columns:310px minmax(0,1fr)!important}.sidepanel{grid-area:1/1;padding-top:72px}.canvas-area{grid-area:1/2}.desktop-panel-tabs{z-index:24;direction:rtl;gap:4px;display:flex;position:fixed;top:12px;left:445px}.desktop-panel-tabs button{border:1px solid var(--line);color:#5c6964;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:5px;height:40px;padding:0 10px;display:flex}.desktop-panel-tabs button span{font-size:14px}.desktop-panel-tabs button small{font-size:10px}.desktop-panel-tabs button.active{background:var(--soft);color:var(--green);border-color:#a7c8bb;font-weight:700}.editor-actions .top-style{background:var(--soft);color:var(--green);border-color:#a7c8bb}}@media (min-width:1351px){.desktop-panel-tabs{left:540px}}@media (max-width:1100px) and (min-width:901px){.editor-body{grid-template-columns:275px minmax(0,1fr)!important}.desktop-panel-tabs{left:330px}.desktop-panel-tabs button small{display:none}.desktop-panel-tabs button{justify-content:center;width:38px;padding:0}}@media (max-width:1350px) and (min-width:901px){.editor-top{gap:8px;padding-inline:8px}.editor-actions{flex:none;min-width:0}.editor-actions .preview-button{display:none}.editor-actions .top-style{white-space:nowrap;width:36px;padding:0;font-size:0;overflow:hidden}.editor-actions .top-style:before{content:"◐";font-size:14px}.editor-actions .primary{white-space:nowrap;width:72px;padding:0;font-size:0;overflow:hidden}.editor-actions .primary:before{content:"طباعة";font-size:12px}}@media (max-width:900px){.desktop-panel-tabs{display:none}}
.empty-workspace{text-align:center;background:linear-gradient(#f7fcf9,#fff);border:1px dashed #a9c5ba;border-radius:18px;max-width:430px;margin:58px auto 0;padding:24px}.empty-workspace .empty-spark{background:var(--soft);width:46px;height:46px;color:var(--green);border-radius:14px;place-items:center;margin:0 auto 8px;font-size:22px;display:grid}.empty-workspace h3{margin:0;font-size:18px;display:block}.empty-workspace p{color:var(--muted);margin:5px 0 17px;font-size:10px}.empty-workspace ol{text-align:right;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.empty-workspace li{background:#fff;border:1px solid #e1e9e5;border-radius:10px;align-items:center;gap:9px;padding:8px;display:flex}.empty-workspace li>b{background:var(--soft);width:25px;height:25px;color:var(--green);border-radius:8px;place-items:center;display:grid}.empty-workspace li span{flex-direction:column;display:flex}.empty-workspace li strong{font-size:10px}.empty-workspace li small{color:var(--muted);font-size:8px}.empty-workspace>div{justify-content:center;gap:7px;margin-top:16px;display:flex}.empty-workspace>div button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:9px}.empty-workspace>div .primary{background:var(--green);color:#fff;border-color:var(--green)}@media (max-width:900px){.empty-workspace{max-width:290px;margin:24px auto 0;padding:14px}.empty-workspace h3{font-size:13px}.empty-workspace p{margin-bottom:10px;font-size:8px}.empty-workspace li{padding:5px}.empty-workspace li>b{width:20px;height:20px}.empty-workspace>div{flex-direction:column}.empty-workspace>div button{padding:6px}}
.wizard-bar{border-bottom:1px solid var(--line);z-index:18;background:#fff;justify-content:center;align-items:center;gap:0;height:72px;padding:8px 20px;display:flex;position:relative}.wizard-bar button{text-align:right;color:#7a8681;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:min(210px,22vw);padding:7px 15px;display:flex;position:relative}.wizard-bar button:not(:last-child):after{content:"";border-top:1px dashed #bdc9c4;width:20px;position:absolute;left:-6px}.wizard-bar button>b{background:#fff;border:1px solid #cbd5d1;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.wizard-bar button span{flex-direction:column;display:flex}.wizard-bar button strong{font-size:11px}.wizard-bar button small{font-size:9px;line-height:1.45}.wizard-bar button.active{color:var(--green)}.wizard-bar button.active>b{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 0 0 5px var(--soft)}.wizard-bar button.done>b{background:var(--soft);color:var(--green);border-color:#9bc5b5}.editor-body{height:calc(100vh - 136px)!important}.worksheet-frame{margin:auto;transition:width .2s,min-height .2s}.canvas-bar button:disabled{opacity:.35;cursor:not-allowed}.wizard-actions{z-index:35;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:7px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #19382f26}.wizard-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:38px;padding:8px 15px;font-size:11px}.wizard-actions button:disabled{opacity:.4}.wizard-actions .primary{background:var(--green);color:#fff;border-color:var(--green)}.wizard-actions span{color:var(--muted);font-size:10px}@media (max-width:900px){.wizard-bar{justify-content:stretch;height:64px;padding:5px 4px}.wizard-bar button{justify-content:center;width:25%;min-height:44px;padding:6px 2px}.wizard-bar button>b{width:28px;height:28px;font-size:10px}.wizard-bar button span small{display:none}.wizard-bar button strong{font-size:9px;line-height:1.25}.wizard-bar button:not(:last-child):after{display:none}.editor-body{height:calc(100vh - 180px)!important}.wizard-actions{justify-content:space-between;width:calc(100% - 20px);bottom:64px}.wizard-actions button{min-height:42px;font-size:11px}.wizard-actions span{font-size:10px}.worksheet-frame{margin:auto}.canvas-area{padding-bottom:48vh!important}}
.canvas-area{direction:ltr;flex-direction:column;display:flex}.canvas-area.canvas-zoom-contained{overflow-x:hidden}.canvas-area.canvas-zoom-overflow{overflow-x:auto}.canvas-bar{flex:none;width:100%;max-width:none;padding-inline:4px}.worksheet-stage{box-sizing:border-box;direction:rtl;flex:1;justify-content:safe center;align-items:safe center;width:100%;min-width:max-content;min-height:max-content;padding:10px 8px 74px;display:flex}.worksheet-frame{flex:none;transition:width .2s,min-height .2s;position:relative}.worksheet-scale{position:absolute;top:0;left:0}.worksheet{font-size:15px;line-height:1.75;width:794px!important;min-height:1123px!important;padding:22px 48px 34px!important}.ws-logo{width:44px;height:44px;font-size:16px}.ws-ministry-logo{width:var(--ministry-logo-width,96px);height:calc(var(--ministry-logo-width,96px) * .875)}.ws-head b{font-size:23px}.ws-head h2{margin:4px 0 0;font-size:18px}.ws-head .ws-date{min-width:0;margin-bottom:2px;padding-bottom:6px;font-size:15px}.ws-student-name{width:min(72%,520px);font-size:15px}.ws-meta{gap:0;padding:13px 0}.ws-meta span{min-height:40px;padding:8px 10px;font-size:14px}.ws-student{padding:7px 0 12px;font-size:13px}.ws-blocks{padding-top:12px}.ws-block{margin-bottom:8px;padding:10px}.ws-block h3{margin:4px 0 10px;font-size:15.5px}.ws-block h3>b{width:25px;height:25px;font-size:13px}.ws-options{gap:10px;padding-right:34px}.ws-options>span{padding:7px;font-size:14px}.ws-options>span>i{flex-basis:20px;width:20px;height:20px}.ws-match{grid-template-columns:65px 1fr 38px;gap:7px 12px;padding:0 34px;font-size:14px}.ws-match i{font-size:26px}.true-row{padding-right:34px;font-size:14px}.true-row i{padding:5px 10px}.answer-lines{background:repeating-linear-gradient(transparent, transparent calc(var(--line-spacing,22px) - 1px), #ccd4d0 var(--line-spacing,22px));height:100px;margin-right:34px}.math-boxes{padding-right:34px}.math-problem{padding:10px 16px}.instruction{padding:10px;font-size:14px}.worksheet footer{font-size:11px;bottom:28px;left:48px;right:48px}.block-toolbar{top:-18px}.block-toolbar button{min-width:24px;min-height:24px;font-size:12px}.empty-workspace{max-width:500px;margin-top:115px;padding:30px}.empty-workspace h3{font-size:22px}.empty-workspace p,.empty-workspace li strong{font-size:13px}.empty-workspace li small{font-size:10px}.empty-workspace>div button{padding:10px 15px;font-size:12px}.wizard-actions{justify-content:space-between;width:286px;left:calc(50% + 205px);right:auto;transform:translate(-50%)}.wizard-actions span{white-space:nowrap}@media (max-width:1100px) and (min-width:901px){.worksheet-stage{padding-inline:28px}.wizard-actions{width:250px;left:calc(50% + 137px)}}@media (max-width:900px){.worksheet{width:794px!important;min-height:1123px!important;padding:44px 48px 34px!important}.worksheet-stage{justify-content:flex-start;align-items:flex-start;padding:18px 14px 48vh}.wizard-actions{width:auto;left:10px;right:10px;transform:none}.empty-workspace{margin-top:70px}.ws-head,.ws-meta,.ws-student,.ws-blocks{transform:none!important}}
.element-properties{scrollbar-gutter:stable;background:#fff;min-width:0;display:none;overflow:hidden auto}.element-properties-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.element-properties-head b,.element-properties-head small{display:block}.element-properties-head b{font-size:15px}.element-properties-head small{color:var(--muted);margin-top:3px;font-size:9px}.element-properties-head button{border:1px solid var(--green);background:var(--soft);color:var(--green);font:inherit;cursor:pointer;border-radius:9px;flex:none;padding:8px 12px;font-size:11px;font-weight:700}.mobile-properties-done,.properties-toggle-fab,.mobile-property-tabs{display:none}.element-properties .properties{border:0;padding-top:12px;display:block}.element-properties .props-head{display:none}.element-action-panel{background:#f8fbf9;border:1px solid #d8e5df;border-radius:12px;margin-bottom:14px;padding:10px}.element-action-panel>b{margin-bottom:8px;font-size:12px;display:block}.element-action-panel>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.element-action-panel button{color:#174c3e;min-width:0;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cadbd3;border-radius:9px;font-size:10px}.element-action-panel button:disabled{opacity:.38;cursor:not-allowed}.element-action-panel button.danger{color:#a63f37;border-color:#efcfcc}@media (min-width:901px){.properties-collapsed .element-properties{display:none}.properties-toggle-fab{z-index:32;color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#087d67;border:1px solid #96c6b5;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex;position:fixed;top:218px;left:18px;box-shadow:0 10px 28px #123c3238}.properties-toggle-fab span{font-size:16px}.editor-body.has-properties{direction:ltr;grid-template-areas:"properties canvas activities";grid-template-columns:330px minmax(390px,1fr) 140px!important}.editor-body.has-properties .sidepanel{direction:rtl;grid-area:activities}.editor-body.has-properties .canvas-area{direction:rtl;grid-area:canvas}.element-properties{border-right:1px solid var(--line);direction:rtl;grid-area:properties;display:block}.element-properties-head{padding:16px 20px 15px 18px}.element-properties-head b{font-size:15px}.element-properties-head small,.element-properties .property-group label,.element-properties .property-group small{font-size:12px;line-height:1.65}.element-properties-head button{padding:8px 10px;font-size:11px}.element-properties .properties{padding:14px 20px 24px 18px}.element-properties .property-group{overflow-wrap:anywhere;min-width:0;margin-left:18px;margin-right:20px;padding-block:15px}.element-properties .property-group>*{min-width:0;max-width:100%}.element-properties .property-group p{font-size:11px;line-height:1.8}}@media (max-width:1100px) and (min-width:901px){.editor-body.has-properties{grid-template-columns:300px minmax(330px,1fr) 200px!important}}@media (max-width:900px){.desktop-properties-hide{display:none}.mobile-properties-done{place-items:center;width:44px;height:44px;padding:0;display:grid}.mobile-properties-done span{border-bottom:2.5px solid;border-right:2.5px solid;border-radius:1px;width:12px;height:12px;transform:translateY(-3px)rotate(45deg)}.editing-element .sidepanel,.editing-element .wizard-actions{display:none}.editing-element .canvas-area{height:100%;display:block;padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}.editing-element .editor-body{height:calc(100vh - 114px)!important}.editing-element .element-properties{z-index:34;top:auto;right:10px;bottom:calc(114px + env(safe-area-inset-bottom));border:1px solid #c9dbd4;border-radius:20px;padding-bottom:8px;display:block;position:fixed;left:10px;box-shadow:0 -10px 35px #102b2233;height:auto!important;max-height:min(36dvh,350px)!important}.editing-element .element-properties-head{z-index:2;background:#fff;min-height:46px;padding:4px 10px;position:sticky;top:0;box-shadow:0 5px 18px #17332a0b}.editing-element .element-properties-head small{display:none}.editing-element .element-properties-head b{font-size:14px}.editing-element .mobile-properties-done{border-radius:10px;width:36px;height:36px}.editing-element .mobile-properties-done span{width:10px;height:10px}.editing-element .element-properties .properties{max-width:560px;margin:auto}.editing-element .mobile-tabs button.active{color:#aebbb6}.element-action-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fbf9f2;position:static}.element-action-panel>div{grid-template-columns:repeat(4,1fr)}.element-action-panel button{min-height:44px}.element-action-panel button span{margin-top:2px;font-size:8px;display:block}.mobile-property-tabs{z-index:42;right:0;bottom:calc(58px + env(safe-area-inset-bottom));scroll-snap-type:x proximity;scrollbar-width:none;height:56px;padding:4px max(36px, calc(env(safe-area-inset-right) + 30px)) 4px max(36px, calc(env(safe-area-inset-left) + 30px));direction:rtl;background:#fff;border-top:1px solid #cadad4;gap:2px;display:flex;position:fixed;left:0;overflow:auto hidden;box-shadow:0 -5px 18px #17352d1a}.mobile-property-tabs::-webkit-scrollbar{display:none}.mobile-property-tabs button{color:#52675f;min-width:68px;font:inherit;scroll-snap-align:start;background:0 0;border:0;border-radius:9px;flex:0 0 68px;align-content:center;place-items:center;gap:2px;display:grid}.mobile-property-tabs button span{font-size:16px;line-height:1}.mobile-property-tabs button small{white-space:nowrap;font-size:8px}.mobile-property-tabs button.active{color:var(--green);background:#e8f6f1;font-weight:800}.mobile-property-tabs .mobile-scroll-arrow,.mobile-tabs .mobile-scroll-arrow{z-index:45;width:27px;color:var(--green);unicode-bidi:isolate;background:#f2faf7;border-radius:9px;font-weight:800;line-height:1;position:fixed;box-shadow:0 0 8px #173b3524;direction:ltr!important;flex:0 0 27px!important;min-width:27px!important;padding:0!important;font-size:23px!important}.mobile-property-tabs .mobile-scroll-right,.mobile-tabs .mobile-scroll-right{right:max(3px, env(safe-area-inset-right))}.mobile-property-tabs .mobile-scroll-left,.mobile-tabs .mobile-scroll-left{left:max(3px, env(safe-area-inset-left))}.mobile-property-tabs .mobile-scroll-arrow{bottom:calc(63px + env(safe-area-inset-bottom));height:46px}.mobile-tabs .mobile-scroll-arrow{bottom:calc(6px + env(safe-area-inset-bottom));height:46px;color:var(--lime);background:#22332d}.editing-element .element-properties>.props-head,.editing-element .element-properties>.property-group{display:none}.editing-element .element-properties>.element-main-properties{display:block}.editing-element .element-properties>.element-main-properties>*{display:none!important}.editing-element .element-properties[data-mobile-section=text] .mobile-property-text,.editing-element .element-properties[data-mobile-section=options] .mobile-property-options,.editing-element .element-properties[data-mobile-section=options] .early-tool-assistant,.editing-element .element-properties[data-mobile-section=size] .mobile-property-sizing,.editing-element .element-properties[data-mobile-section=align] .mobile-property-alignment,.editing-element .element-properties[data-mobile-section=frame] .block-frame-controls,.editing-element .element-properties[data-mobile-section=manage] .element-action-panel{display:block!important}.editing-element .element-properties[data-mobile-section=color]>.property-group:nth-last-of-type(2),.editing-element .element-properties[data-mobile-section=answer]>.property-group:last-of-type{display:block}.mobile-property-options,.mobile-property-sizing,.mobile-property-alignment{width:100%}.mobile-property-empty{color:#274b40;background:#f5faf8;border:1px dashed #bad3ca;border-radius:12px;gap:4px;padding:14px;display:grid}.mobile-property-empty small{color:#6b7d77;font-size:10px;line-height:1.6}.mobile-property-options>:first-child,.mobile-property-sizing>:first-child{margin-top:0}}
.save-status{min-width:86px;transition:color .2s;color:var(--green)!important}.property-group input:not([type=checkbox]):not([type=range]){border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fbfcfb;border-radius:9px;margin-top:5px;padding:9px}.property-group input[type=range]{width:100%;accent-color:var(--green);margin-top:10px}.choice-editor{border:1px solid var(--line);background:#f8fbf9;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.choice-editor>b,.answer-picker>b,.coloring-picker>b{width:100%;font-size:11px}.editable-choice{align-items:end;gap:6px;display:flex}.editable-choice label{flex:1}.editable-choice button,.choice-editor>button,.answer-picker button,.coloring-picker button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px}.editable-choice button{color:#a83f4a;width:34px;height:34px}.editable-choice button:disabled{opacity:.3;cursor:not-allowed}.choice-editor>button{color:var(--green);border-style:dashed;padding:8px}.answer-picker,.coloring-picker{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:7px;padding:11px;display:flex}.answer-picker button{flex:1;padding:9px}.coloring-picker button{width:42px;height:42px;font-size:21px}.answer-picker button.active,.coloring-picker button.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.math-boxes{flex-wrap:wrap}@media (max-width:900px){.save-status{display:none!important}.element-properties .property-group{padding-inline:4px}}
.print-modal{flex-direction:column;height:min(88dvh,760px);max-height:calc(100dvh - 32px);display:flex}.print-modal>header{flex:none}.print-body{flex:1;min-height:0;overflow:hidden}.print-preview{min-height:0;overflow:hidden}.print-settings{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.download-actions{z-index:4;background:linear-gradient(#fff0,#fff 12px 100%);margin-inline:-4px;padding:11px 4px 4px;position:sticky;bottom:-1px}.mobile-download-label,.mobile-print-roadmap{display:none}.print-tip{background:var(--soft);border:1px solid #b8d7ca;border-radius:11px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.print-tip b{color:var(--green);font-size:11px}.print-tip span{color:var(--muted);font-size:11px;line-height:1.6}.margin-setting{justify-content:space-between;align-items:center;gap:10px;display:flex}.margin-setting>b{font-size:11px}.margin-setting>div{gap:5px;display:flex}.margin-setting button{border:1px solid var(--line);min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 11px;font-size:10px}.margin-setting button.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.export-status{color:var(--green);text-align:center;background:#f1f7f4;border-radius:8px;margin:0;padding:9px 11px;font-size:10px}.page-selection-setting{border:1px solid var(--line);border-radius:11px;flex-direction:column;gap:9px;padding:11px 12px;display:flex}.page-selection-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.page-selection-heading>b{font-size:11px}.page-selection-heading>div{gap:5px;display:flex}.page-selection-heading button,.page-number-choices button{border:1px solid var(--line);min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:10px}.page-selection-heading button.active,.page-number-choices button.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.page-number-choices{flex-wrap:wrap;gap:6px;display:flex}.page-number-choices button{min-width:32px}.page-selection-setting>small{color:var(--muted);font-size:10px;line-height:1.5}@media (max-width:900px){.mobile-print-roadmap{z-index:5;background:#fffffff4;border:1px solid #cfe0d9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;margin:-2px -2px 10px;padding:6px;display:grid;position:sticky;top:0;box-shadow:0 4px 12px #173b3512}.mobile-print-roadmap span{color:#718079;text-align:center;border-radius:7px;padding:7px 3px;font-size:9px}.mobile-print-roadmap .done{color:#08745f}.mobile-print-roadmap .active{color:#075f50;background:#e8f5f0;font-weight:800}.margin-setting{flex-direction:column;align-items:stretch}.margin-setting>div{grid-template-columns:1fr 1fr;display:grid}.margin-setting button,.page-selection-heading button,.page-number-choices button{min-height:44px;font-size:11px}.print-settings select{min-height:44px}.page-selection-heading{flex-direction:column;align-items:stretch}.page-selection-heading>div{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:560px){.download-actions{gap:6px;padding-top:7px}.download-actions button,.download-actions button.primary,.download-actions button.secondary{color:#fff;background:#075f50;border-color:#075f50;height:38px;min-height:38px;padding:0 8px;font-size:13px;font-weight:800;line-height:1}.download-actions button:disabled,.download-actions button.primary:disabled,.download-actions button.secondary:disabled{color:#fff;opacity:1;background:#7f9b94;border-color:#7f9b94}.desktop-download-label{display:none}.mobile-download-label{display:inline}}body.print-narrow-margin .print-pages .worksheet{padding:26px 30px 24px!important}body.print-narrow-margin .print-pages .worksheet footer{bottom:20px!important;left:30px!important;right:30px!important}@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;min-width:210mm;height:auto;background:#fff!important;margin:0!important;padding:0!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.editor-top,.wizard-bar,.sidepanel,.element-properties,.canvas-bar,.wizard-actions,.mobile-tabs,.modal-layer,.block-toolbar{display:none!important}.editor-shell,.editor-body,.canvas-area,.worksheet-stage,.worksheet-frame{background:#fff!important;width:210mm!important;min-width:210mm!important;height:auto!important;min-height:297mm!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.worksheet-frame>div{transform:none!important}.worksheet{width:210mm!important;height:297mm!important;min-height:297mm!important;box-shadow:none!important;box-sizing:border-box!important;border:0!important;margin:0!important;overflow:hidden!important}.worksheet.print-page-excluded{display:none!important}body.print-narrow-margin .worksheet{padding:7mm 8mm 6mm!important}body.print-narrow-margin .worksheet footer{bottom:5mm!important;left:8mm!important;right:8mm!important}.ws-block,.ws-block.selected{orphans:3;widows:3;break-inside:avoid-page!important;page-break-inside:avoid!important;background:0 0!important;border-color:#0000!important}.ws-block.show-block-frame,.ws-block.show-block-frame.selected{border-color:var(--green)!important;border-style:solid!important;border-width:var(--block-frame-width,1px)!important}.ws-options,.ws-match,.true-row,.answer-lines,.math-boxes,.number-sequence,.order-activity,.classification-groups,.classification-bank,.compare-grid,.fraction-grid,.clock-grid,.money-grid,.worksheet-image{break-inside:avoid-page!important;page-break-inside:avoid!important}.visual-choice img,.worksheet-image img{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ws-block[data-block-type=image] .worksheet-image{max-height:205mm}}@media (max-width:900px){.print-modal{width:100%;height:min(94dvh,820px);max-height:94dvh}.print-settings{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.download-actions{padding-bottom:calc(5px + env(safe-area-inset-bottom))}}
.number-sequence{direction:ltr;justify-content:center;align-items:center;gap:8px;padding:12px 34px;display:flex}.number-sequence span{direction:rtl;background:#fff;border:2px solid #b8c7c1;border-radius:10px;flex:1;place-items:center;min-width:42px;max-width:62px;height:44px;font-size:18px;font-weight:700;display:grid}.number-sequence span.blank{border-style:dashed;border-color:var(--green);background:var(--soft)}.number-line{gap:0;padding-top:20px;position:relative}.number-line:before{content:"";border-top:2px solid #82908a;position:absolute;top:42px;left:40px;right:40px}.number-line span{z-index:1;background:#fff;border-width:1px;border-radius:50%;height:46px;position:relative}.sequence-editor{border:1px solid var(--line);background:#f8fbf9;border-radius:12px;flex-direction:column;gap:11px;padding:12px;display:flex}.sequence-editor>b{font-size:11px}.sequence-editor select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:9px;margin-top:5px;padding:9px}@media (max-width:900px){.number-sequence{gap:6px}}
.image-upload-control{text-align:center;display:block}.image-upload-control input,.replace-image input{opacity:0;pointer-events:none;height:1px;position:absolute;overflow:hidden;width:1px!important}.worksheet-image{text-align:center;border-radius:10px;margin:8px auto;position:relative;overflow:hidden}.worksheet-image img{object-fit:contain;width:100%;max-height:390px;display:block}.worksheet-image.image-grayscale img{filter:grayscale()}.worksheet-image.image-line img{filter:grayscale()contrast(2.25)brightness(1.15)}.worksheet-image figcaption{padding:7px 10px;font-size:14px;font-weight:700;line-height:1.6}.worksheet-image.caption-overlay figcaption{color:#17211e;background:#ffffffde;border-radius:8px;position:absolute;bottom:12px;left:12px;right:12px}.image-editor{border:1px solid var(--line);background:#f8fbf9;border-radius:12px;flex-direction:column;gap:11px;padding:12px;display:flex}.image-editor>b,.image-mode-picker>b{font-size:11px}.replace-image{background:var(--soft);text-align:center;cursor:pointer;border:1px dashed #9cbcaf;border-radius:9px;padding:10px;display:block;position:relative;color:var(--green)!important}.image-mode-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.image-mode-picker>b{grid-column:1/-1}.image-mode-picker button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px 5px;font-size:9px}.image-mode-picker button.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.image-editor p{color:var(--muted);margin:0;font-size:9px;line-height:1.7}@media print{.worksheet-image img{max-height:103mm}}
.template-bank{flex-direction:column;gap:11px;display:flex}.template-mode-tabs{background:#eef3f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px;padding:4px;display:grid}.template-mode-tabs button{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;font-family:inherit}.template-mode-tabs b,.template-mode-tabs small{display:block}.template-mode-tabs b{font-size:11px}.template-mode-tabs small{margin-top:2px;font-size:9px}.template-mode-tabs button.active{color:var(--green);background:#fff;border-color:#b5d1c6;box-shadow:0 3px 10px #234a3d12}.age-filter{background:#f5faf8;border:1px solid #cfe1da;border-radius:12px;gap:7px;padding:9px;display:grid}.age-filter>b{color:var(--ink);font-size:11px}.age-filter>div{flex-wrap:wrap;gap:5px;display:flex}.age-filter button{min-height:34px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #c9dcd5;border-radius:9px;flex:calc(50% - 5px);padding:6px 8px;font:700 10px/1.35 inherit}.age-filter button:first-child{flex-basis:100%}.age-filter button.active{border-color:var(--green);color:var(--green);background:#e5f4ee;box-shadow:inset 0 0 0 1px #07866e18}.tool-age-filter{margin-bottom:9px}.template-search{border:1px solid var(--line);background:#fbfcfb;border-radius:10px;align-items:center;gap:7px;padding:0 9px;display:flex}.template-search span{color:var(--muted);font-size:16px}.template-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:11px}.template-categories{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.template-categories button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:99px;flex:none;align-items:center;gap:5px;min-height:34px;padding:6px 9px;font-size:10px;display:inline-flex}.template-categories button small{color:#68736e;background:#f0f3f1;border-radius:99px;place-items:center;min-width:17px;height:17px;font-size:8px;display:inline-grid}.template-categories button.active{background:var(--soft);color:var(--green);border-color:#a5cabb;font-weight:700}.template-categories button.active small{color:var(--green);background:#fff}.template-filter-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.template-filter-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.template-filter-row select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;min-height:38px;padding:0 8px;font-size:10px}.template-filter-groups{gap:7px;display:grid}.template-filter-groups details{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.template-filter-groups summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:11px;font-weight:700;list-style:none;display:flex}.template-filter-groups summary::-webkit-details-marker{display:none}.template-filter-groups summary:after{content:"⌄";color:var(--green)}.template-filter-groups details[open] summary:after{content:"⌃"}.template-filter-groups summary small{color:var(--muted);margin-inline-start:auto;font-size:8px;font-weight:400}.template-filter-groups details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;max-height:176px;padding:0 9px 9px;display:grid;overflow-y:auto}.template-filter-groups details>div>label{min-width:0;min-height:28px;color:var(--ink);cursor:pointer;align-items:center;gap:5px;font-size:9px;display:flex}.template-filter-groups input{width:16px;height:16px;accent-color:var(--green);flex:none;margin:0}.template-filter-groups label span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.template-filter-groups label small{color:var(--muted);margin-inline-start:auto;font-size:8px}.template-results-count{color:var(--green);font-size:10px;font-weight:700}.template-results-count b,.template-results-count small{display:block}.template-results-count small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:400}.template-results-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-results-summary>button{border:1px solid var(--line);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:6px 8px;font-size:9px}.template-scope-tabs{grid-template-columns:.65fr 1fr 1.45fr;gap:5px;display:grid}.template-scope-tabs button{border:1px solid var(--line);min-width:0;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;min-height:36px;padding:7px 5px;font-size:9px}.template-scope-tabs button.active{background:var(--soft);color:var(--green);border-color:#9ac6b5;font-weight:700}.template-scope-tabs small{background:#fff;border-radius:99px;place-items:center;min-width:17px;height:17px;margin-inline-start:3px;font-size:8px;display:inline-grid}.template-list{gap:8px}.template-list article{border:1px solid var(--line);background:#fbfcfb;border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.template-list article>i{background:var(--soft);width:38px;height:38px;color:var(--green);border-radius:10px;place-items:center;font-style:normal;font-weight:700;display:grid}.template-list article>span,.template-list article b,.template-list article small,.template-list article em{min-width:0;display:block}.template-list article b{font-size:11px}.template-list article small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.5}.template-list article em{color:var(--green);margin-top:4px;font-size:9px;font-style:normal}.template-list article>button,.template-card-actions button{color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #a5cabb;border-radius:8px;min-height:36px;padding:7px;font-size:10px}.template-list article>button:hover,.template-card-actions button:hover{background:var(--soft)}.template-list article.full-page-template{border-right:4px solid var(--green);background:linear-gradient(135deg,#fff,#f5fbf8)}.template-card-actions{flex-direction:column;align-items:stretch;gap:5px;display:flex}.template-card-actions .template-favorite{color:#8c938f;min-width:68px;padding:5px}.template-card-actions .template-favorite.active{color:#c58a00;background:#fff8d9;border-color:#d2a52c}.template-card-actions .use-page-template{background:var(--green);color:#fff}.template-empty{text-align:center;color:var(--muted);padding:28px 12px}.template-empty b,.template-empty span{font-size:10px;display:block}.template-note{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.template-load-more{background:var(--soft);width:100%;color:var(--green);font:inherit;cursor:pointer;border:1px dashed #91bbaa;border-radius:11px;padding:10px;font-size:10px;font-weight:700}.template-load-more small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400;display:block}.palestinian-template-badge{width:fit-content;color:var(--green);background:#e6f4ed;border-radius:99px;margin-top:5px;padding:4px 8px;font-size:9px;font-weight:700}@media (max-width:900px){.age-filter{padding:8px}.age-filter button{min-height:40px}.template-mode-tabs button{min-height:58px}.template-categories button,.template-scope-tabs button,.template-filter-row select{min-height:44px}.template-mode-tabs b{font-size:11px}.template-mode-tabs small{font-size:8px}.template-filter-row select{min-height:40px;font-size:10px}.template-list article{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.template-list article b{font-size:12px}.template-list article em{font-size:10px}.template-card-actions button{min-height:42px;font-size:11px}.template-scope-tabs button{font-size:9px}}
.activity-count{border:1px solid var(--line);color:var(--green);background:#fff;border-radius:99px;padding:7px 12px;font-size:10px}.library-toolbar{grid-template-columns:auto minmax(220px,1fr) 160px;align-items:center;gap:10px;margin-bottom:18px;display:grid}.library-kind-tabs{border:1px solid var(--line);background:#f7faf8;border-radius:12px;padding:3px;display:flex}.library-kind-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 13px;display:flex}.library-kind-tabs button.active{color:var(--green);background:#fff;box-shadow:0 3px 10px #173b3020}.library-kind-tabs small{background:var(--soft);border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.library-search{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:7px;height:42px;padding-inline:11px;display:flex}.library-search span{color:var(--green);font-size:18px}.library-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.library-toolbar>select{border:1px solid var(--line);height:42px;color:var(--ink);background:#fff;border-radius:11px;padding-inline:10px}.library-transfer{background:#f8fcfa;border:1px solid #c8ded5;border-radius:14px;align-items:center;gap:14px;margin:-4px 0 18px;padding:12px 14px;display:flex}.library-transfer>div:first-child{flex-direction:column;flex:1;min-width:0;display:flex}.library-transfer b{font-size:11px}.library-transfer small{color:var(--muted);font-size:9px}.library-transfer-actions{gap:7px;display:flex}.library-transfer-actions button{color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #9bc8b6;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:700}.library-transfer-actions button:disabled{opacity:1;color:#66736f;cursor:not-allowed;background:#eef1f0;border-color:#d3dcda}.library-transfer>p{color:var(--green);margin:0;font-size:9px;font-weight:700}.saved-file-meta{color:var(--muted);justify-content:space-between;align-items:center;margin:10px 8px 0;font-size:10px;display:flex}.saved-file-meta span{background:var(--soft);color:var(--green);border-radius:99px;padding:3px 7px}.install-app-banner{background:#f3fbf7;border:1px solid #9bc8b6;border-radius:14px;align-items:center;gap:10px;max-width:610px;margin-top:17px;padding:11px;display:flex}.install-app-banner>span{background:var(--green);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.install-app-banner>div{flex-direction:column;flex:1;min-width:0;display:flex}.install-app-banner b{font-size:11px}.install-app-banner small{color:var(--muted);font-size:9px}.install-app-banner button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:8px 11px;font-size:10px}.install-app-banner.installed{border-color:var(--line);background:#fff}.saved-activity-grid article{cursor:pointer;transition:transform .2s,box-shadow .2s}.saved-activity-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 28px #18372e12}.saved-activity-grid .thumb i{color:#244d40;direction:rtl;font-size:34px;font-weight:700}.saved-activity-actions{border-top:1px solid var(--line);gap:6px;margin:12px 8px 0;padding-top:10px;display:flex}.saved-activity-actions button{border:1px solid var(--line);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:7px;font-size:9px}.library-transfer small{font-size:11px;line-height:1.55}.library-transfer-actions button{min-height:38px;font-size:10px}.library-kind-tabs small{font-size:10px}.saved-file-meta{font-size:11px}.saved-activity-actions button{min-height:38px;font-size:10px}.saved-activity-actions button.danger{color:#a63f4a}.empty-library{background:#fff;border:1px dashed #a9c4b9;border-radius:18px;align-items:center;gap:16px;padding:24px;display:flex}.empty-library>span{background:var(--soft);width:54px;height:54px;color:var(--green);border-radius:15px;place-items:center;font-size:24px;display:grid}.empty-library>div{flex:1}.empty-library b{font-size:14px}.empty-library p{color:var(--muted);margin:3px 0 0;font-size:11px}.empty-library button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px}@media (max-width:590px){.library-toolbar{grid-template-columns:1fr}.library-kind-tabs{width:100%}.library-kind-tabs button{flex:1;justify-content:center}.library-transfer{flex-direction:column;align-items:stretch;gap:9px}.library-transfer-actions button{flex:1;min-height:40px}.library-transfer small{font-size:12px}.saved-activity-actions button{min-height:42px;font-size:11px}.library-transfer>p{text-align:center}.install-app-banner{flex-wrap:wrap;align-items:flex-start}.install-app-banner>div{min-width:calc(100% - 48px)}.install-app-banner button{width:100%;min-height:44px}.empty-library{flex-wrap:wrap;align-items:flex-start}.empty-library>div{min-width:calc(100% - 75px)}.empty-library button{width:100%}}
.print-pages{z-index:-1;visibility:hidden;pointer-events:none;width:794px;display:block;position:fixed;top:0;left:-10000px}.print-pages.export-capture-active{visibility:visible}.print-pages.export-capture-active .ws-block.selected:not(.show-block-frame){background:0 0;border-color:#0000}.print-pages.export-capture-active .ws-block.show-block-frame{border-color:var(--green);border-style:solid;border-width:var(--block-frame-width,1px);background:0 0}.page-manager{flex-direction:column;gap:9px;display:flex}.page-manager>button:not(.upload-box){border:1px solid var(--line);color:#21352e;text-align:right;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:54px;padding:9px 11px;font-family:inherit;transition:border-color .16s,background .16s,transform .16s;display:flex}.page-manager>button:not(.upload-box).active{border-color:var(--green);background:var(--soft)}.page-manager>button:not(.upload-box) i{background:var(--soft);width:32px;height:32px;color:var(--green);border-radius:10px;flex:0 0 32px;place-items:center;font-style:normal;font-weight:800;display:grid}.page-manager>button:not(.upload-box) span{flex-direction:column;gap:2px;min-width:0;display:flex}.page-manager>button:not(.upload-box) b,.page-manager>button:not(.upload-box) small{white-space:nowrap;display:block}.page-manager>button:not(.upload-box):hover{transform:translateY(-1px)}.page-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.page-actions button{border:1px solid var(--line);color:#40504a;cursor:pointer;background:#fff;border-radius:10px;min-height:38px;font-family:inherit;font-size:10px}.page-actions button:disabled{opacity:.45;cursor:not-allowed}.page-help{background:var(--soft);color:var(--muted);border-radius:10px;margin:2px 0 0;padding:10px 11px;font-size:9px;line-height:1.7}.page-capacity-alert{color:#705216;background:#fff9e9;border:1px solid #e8bd63;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:9px 0 2px;padding:8px 10px;display:flex}.page-capacity-alert.overflow{color:#8c2f24;background:#fff1ef;border-color:#e99486}.page-capacity-alert span{flex-direction:column;line-height:1.45;display:flex}.page-capacity-alert b{font-size:11px}.page-capacity-alert small{font-size:9px}.page-capacity-alert button{color:#fff;cursor:pointer;background:#8b681e;border:0;border-radius:7px;flex:none;padding:7px 10px;font-family:inherit;font-size:9px}.page-capacity-alert.overflow button{background:#a64034}.worksheet.page-overflow{box-shadow:0 0 0 3px #d9685a,0 20px 45px #203d3428}.ws-block.exceeds-page{background:#fff7f5;border-color:#d9685a;box-shadow:inset 4px 0 #d9685a}.new-page-start{width:100%;color:var(--green);align-items:center;gap:9px;margin:0 0 10px;font-size:10px;font-weight:800;display:flex}.new-page-start:after{content:"";opacity:.55;border-top:1px dashed;flex:1}@media (max-width:900px){.page-manager{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.page-manager>.upload-box,.page-manager>.page-actions,.page-manager>.page-help{grid-column:1/-1}.page-manager>button:not(.upload-box){min-height:60px}.page-manager>button:not(.upload-box) b{font-size:12px}.page-manager>button:not(.upload-box) small{font-size:10px}.page-capacity-alert{flex-direction:column;align-items:stretch}.page-capacity-alert button{min-height:34px}}@media print{.worksheet-stage>.worksheet-frame{display:none!important}.print-pages{visibility:visible!important;pointer-events:auto!important;z-index:auto!important;width:210mm!important;display:block!important;position:static!important}.print-pages .worksheet{break-after:page;page-break-after:always}.print-pages .worksheet:last-child{break-after:auto;page-break-after:auto}.empty-workspace,.page-capacity-alert{display:none!important}.worksheet.page-overflow{box-shadow:none!important}.ws-block.exceeds-page{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.new-page-start{font-size:9px}}
.worksheet-image.crop-square,.worksheet-image.crop-landscape,.worksheet-image.crop-portrait{background:#f3f6f4}.worksheet-image.crop-square img,.worksheet-image.crop-landscape img,.worksheet-image.crop-portrait img{object-fit:cover;width:100%;height:100%;max-height:none;transition:transform .2s}.worksheet-image.crop-square figcaption,.worksheet-image.crop-landscape figcaption,.worksheet-image.crop-portrait figcaption{z-index:1;background:#ffffffe8;position:absolute;bottom:0;left:0;right:0}.image-crop-picker{grid-template-columns:repeat(4,1fr)}.ws-match{flex-direction:column;gap:10px;width:100%;padding-inline:28px;display:flex}.match-row{width:100%;min-width:0;font-size:inherit;grid-template-columns:minmax(110px,1fr) minmax(80px,2fr) minmax(110px,1fr);align-items:center;gap:16px;padding:4px 0;display:grid}.match-row .match-side{text-align:center;justify-content:center;align-items:center;min-width:0;display:flex}.match-row .visual-choice{width:100%;min-width:0}.match-row .visual-choice>span{overflow-wrap:anywhere;max-width:100%;line-height:1.45}.match-row em{border:0;height:20px;position:relative}.match-row em:before,.match-row em:after{content:"";background:var(--green);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.match-row em:before{right:0}.match-row em:after{left:0}.match-row i{font-style:normal}.match-pair-editor{flex:1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.answer-space-editor{flex-direction:column;gap:10px;display:flex}@media (max-width:900px){.image-crop-picker{grid-template-columns:repeat(2,1fr)}.match-pair-editor{grid-template-columns:1fr}.ws-match{padding-inline:12px}.match-row{grid-template-columns:minmax(72px,1fr) minmax(48px,1.3fr) minmax(72px,1fr);gap:8px}}@media print{.worksheet-image.crop-square img,.worksheet-image.crop-landscape img,.worksheet-image.crop-portrait img{max-height:none}}
.order-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:2px 34px 4px;display:grid}.order-activity span{background:#fff;border:1px solid #ccd7d2;border-radius:9px;align-items:center;gap:9px;min-height:44px;padding:8px 10px;display:flex}.order-activity i{border:1.5px solid #8fa19a;border-radius:50%;flex:none;width:25px;height:25px}.order-activity b{font-size:13px;font-weight:500}.classification-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 34px 8px;display:grid}.classification-groups section{border:1px solid #9fc4b5;border-radius:10px;overflow:hidden}.classification-groups section>b{background:var(--soft);color:var(--green);text-align:center;padding:7px 10px;font-size:12px;display:block}.classification-groups section>div{background:repeating-linear-gradient(#0000,#0000 29px,#dbe3df 30px);min-height:76px}.classification-bank{border:1px dashed #abbab4;border-radius:9px;flex-wrap:wrap;justify-content:center;gap:7px;margin:2px 34px 0;padding:9px;display:flex}.classification-bank span{background:#fff;border:1px solid #d7dfdb;border-radius:7px;padding:5px 11px;font-size:12px}.choice-order-buttons{flex-direction:column;gap:3px;display:flex}.choice-order-buttons button{border:1px solid var(--line);width:26px;min-height:24px;color:var(--green);background:#fff;border-radius:6px}.classification-editor p{color:var(--muted);margin:0;font-size:9px;line-height:1.7}@media (max-width:900px){.order-activity,.classification-groups{grid-template-columns:1fr}}@media print{.order-activity span,.classification-groups section,.classification-bank{break-inside:avoid}}.trace-activity{gap:10px;padding:8px 18px 4px;display:grid}.trace-row{height:calc(var(--trace-size,54px) + 22px);background:linear-gradient(to bottom, transparent 48%, color-mix(in srgb, var(--green) 14%, transparent) 49% 51%, transparent 52%);border-bottom:1px solid #b9c9c3;overflow:hidden}.trace-row svg{width:100%;height:100%;display:block}.trace-row text{fill:#0000;stroke:color-mix(in srgb, var(--green) 64%, #707b77);stroke-width:1.35px;stroke-dasharray:2.2 2.8;stroke-linecap:round;font-family:Cairo,Arial,sans-serif;font-weight:700}.trace-free-line{border-bottom:1.5px solid #7f918a;height:34px;position:relative}.trace-free-line:after{content:"";border-top:1px dashed #cfdbd7;position:absolute;inset:48% 0 auto}.trace-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:12px;padding:12px;display:grid}.trace-settings-editor>b{font-size:13px}.trace-settings-editor label{gap:6px;display:grid}.trace-settings-editor textarea{min-height:72px}.trace-settings-editor small{color:var(--muted);font-size:10px}.trace-settings-editor input[type=range]{width:100%;accent-color:var(--green)}.trace-settings-editor select{border:1px solid var(--line);min-height:40px;font:inherit;background:#fff;border-radius:9px;padding:7px 9px}.pattern-activity{gap:15px;padding:8px 26px 12px;display:grid}.pattern-row{min-height:calc(var(--visual-size,42px) + 26px);border:1px solid var(--line);background:color-mix(in srgb, var(--soft) 55%, white);border-radius:14px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;padding:10px 14px;display:flex}.pattern-row>span,.pattern-missing{width:calc(var(--visual-size,42px) + 10px);height:calc(var(--visual-size,42px) + 10px);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.pattern-row>span{border:1px solid color-mix(in srgb, var(--green) 28%, white);font-size:var(--visual-size,42px)}.pattern-row .visual-choice>span{font-size:var(--visual-size,42px);line-height:1}.pattern-row .visual-choice img{width:var(--visual-size,42px);height:var(--visual-size,42px);object-fit:contain}.pattern-missing{border:2px dashed var(--green);position:relative}.pattern-missing:after{content:"؟";color:var(--green);font-size:calc(var(--visual-size,42px) * .55);font-style:normal;font-weight:800}.pattern-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:11px;padding:12px;display:grid}.pattern-settings-editor>div:first-child{gap:3px;display:grid}.pattern-settings-editor small,.pattern-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.pattern-row-editor{grid-template-columns:minmax(0,1fr) 38px;align-items:end;gap:7px;display:grid}.pattern-row-editor label{gap:5px;display:grid}.pattern-row-editor input{border:1px solid var(--line);min-width:0;min-height:40px;font:inherit;border-radius:9px;padding:7px 9px}.pattern-row-editor>button,.pattern-settings-editor>button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px}.pattern-row-editor>button:disabled,.pattern-settings-editor>button:disabled{opacity:.45;cursor:not-allowed}.pattern-preset-picker{background:#fff;border:1px solid #d7e5df;border-radius:11px;gap:8px;padding:10px;display:grid}.pattern-preset-picker>div:first-child{gap:2px;display:grid}.pattern-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pattern-preset-grid button{color:#17211e;min-width:0;min-height:58px;font:inherit;cursor:pointer;background:#f8fbfa;border:1px solid #d7e4df;border-radius:9px;align-content:center;place-items:center;gap:3px;padding:6px;display:grid}.pattern-preset-grid button:hover{border-color:var(--green);background:var(--soft)}.pattern-preset-grid button>span{white-space:nowrap;max-width:100%;font-size:17px;line-height:1.3;overflow:hidden}.pattern-preset-grid button>small{color:var(--muted);font-size:8px}@media (max-width:900px){.pattern-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-preset-grid button{min-height:54px}.pattern-preset-grid button>span{font-size:15px}}.pattern-emoji-picker{background:#fff;border:1px solid #d7e5df;border-radius:11px;gap:8px;padding:10px;display:grid}.pattern-emoji-picker>div:first-child{gap:2px;display:grid}.pattern-emoji-picker>input{border:1px solid var(--line);width:100%;height:38px;font:inherit;border-radius:9px;padding-inline:10px;font-size:10px}.pattern-emoji-categories{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.pattern-emoji-categories::-webkit-scrollbar{display:none}.pattern-emoji-categories button{border:1px solid var(--line);color:#536861;min-height:30px;font:inherit;cursor:pointer;background:#f8fbfa;border-radius:999px;flex:none;padding:4px 9px;font-size:9px}.pattern-emoji-categories button.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.pattern-emoji-grid{grid-template-columns:repeat(6,1fr);gap:5px;max-height:150px;display:grid;overflow:auto}.pattern-emoji-grid button{aspect-ratio:1;cursor:pointer;background:#fbfdfc;border:1px solid #dce7e3;border-radius:9px;min-width:0;font-size:21px}.pattern-emoji-grid button:hover{border-color:var(--green);background:var(--soft)}.pattern-row-editor input.active{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 14%,transparent)}@media (max-width:900px){.pattern-emoji-grid{grid-template-columns:repeat(7,1fr)}.pattern-emoji-grid button{font-size:19px}}.data-chart{gap:16px;padding:8px 30px 14px;display:grid}.data-chart table{border-collapse:collapse;text-align:center;width:min(100%,540px);font-size:var(--answer-size,12px);margin-inline:auto}.data-chart th,.data-chart td{border:1px solid var(--line);padding:9px 12px}.data-chart th{background:var(--soft);color:var(--green)}.data-chart td:first-child{justify-content:center;align-items:center;gap:9px;display:flex}.data-chart td .visual-choice img{object-fit:contain;width:30px;height:30px}.bar-chart{border-inline-start:2px solid #74867f;direction:rtl;background:repeating-linear-gradient(0deg,#0000 0 54px,#dbe6e2 54px 55px);border-bottom:2px solid #74867f;justify-content:center;align-items:end;gap:18px;height:280px;padding:26px 24px 0;display:flex}.bar-chart>div{flex-direction:column;justify-content:end;align-items:center;width:min(68px,13%);height:100%;display:flex;position:relative}.bar-chart>div>i{background:var(--green);border-radius:7px 7px 0 0;width:72%;min-height:8px;display:block}.bar-chart>div>b{min-height:30px;font-size:var(--answer-size,12px);white-space:nowrap;padding-top:6px}.bar-value{display:none;position:absolute;bottom:calc(100% - 22px)}.bar-chart>div>i+b+*{display:none}.bar-chart>div>i{position:relative}.bar-chart>div>.bar-value{color:var(--green);order:-1;font-size:10px;font-weight:800;display:block;position:static}.picture-chart{gap:8px;display:grid}.picture-chart>div{border-bottom:1px solid var(--line);grid-template-columns:100px minmax(0,1fr) 34px;align-items:center;gap:10px;min-height:52px;padding:6px 10px;display:grid}.picture-chart>div>b{font-size:var(--answer-size,12px)}.picture-chart>div>span{flex-wrap:wrap;gap:5px;display:flex}.picture-chart i{place-items:center;width:34px;height:34px;font-style:normal;display:grid}.picture-chart i img{object-fit:contain;width:32px;height:32px}.picture-chart i .visual-choice>span{font-size:26px}.picture-chart em{color:var(--green);font-style:normal;font-weight:800}.chart-answer-prompts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.chart-answer-prompts span{min-height:36px;font-size:var(--answer-size,12px);border-bottom:1px solid #80928b;justify-content:center;align-items:end;padding:5px;display:flex}.chart-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:11px;padding:12px;display:grid}.chart-settings-editor>div:first-child{gap:3px;display:grid}.chart-settings-editor small,.chart-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.chart-mode-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chart-mode-buttons button,.chart-settings-editor>button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px}.chart-mode-buttons button.active{background:var(--soft);border-color:var(--green);font-weight:700}.chart-item-editor{grid-template-columns:minmax(0,1fr) 68px 64px 36px;align-items:end;gap:6px;display:grid}.chart-item-editor label{gap:4px;min-width:0;font-size:10px;display:grid}.chart-item-editor input{border:1px solid var(--line);min-width:0;height:38px;font:inherit;border-radius:8px;padding:6px}.chart-item-editor>button{color:#aa3f36;background:#fff;border:1px solid #ebc7c4;border-radius:8px;height:38px}.chart-item-editor>button:disabled,.chart-settings-editor>button:disabled{opacity:.45;cursor:not-allowed}.image-puzzle-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:10px 30px 18px;display:grid}.image-puzzle-activity>section{align-content:start;gap:8px;display:grid}.image-puzzle-activity>section>b{text-align:center;color:var(--green);font-size:var(--answer-size,12px)}.puzzle-pieces,.puzzle-assembly{aspect-ratio:3/2;direction:ltr;gap:7px;width:100%;display:grid}.puzzle-pieces i{border:1.5px dashed var(--green);background-repeat:no-repeat;border-radius:7px;min-width:0;min-height:0;display:block}.puzzle-assembly{border:2px solid var(--green);background:color-mix(in srgb, var(--soft) 38%, white);gap:0}.puzzle-assembly i{border:1px dashed color-mix(in srgb, var(--green) 45%, white);min-width:0;min-height:0;color:color-mix(in srgb, var(--green) 48%, white);place-items:center;font-size:11px;font-style:normal;display:grid}.puzzle-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:11px;padding:12px;display:grid}.puzzle-settings-editor>div:first-child{gap:3px;display:grid}.puzzle-settings-editor small{color:var(--muted);font-size:10px;line-height:1.6}.puzzle-source-preview{border:1px dashed var(--green);background:#fff;border-radius:12px;place-items:center;height:118px;display:grid;overflow:hidden}.puzzle-source-preview img{object-fit:contain;width:100%;height:100%}.puzzle-source-preview span{font-size:66px;line-height:1}.puzzle-sample-picker{gap:7px;display:grid}.puzzle-sample-picker>b{font-size:11px}.puzzle-sample-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.puzzle-sample-picker button{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #d7e4df;border-radius:9px;place-items:center;min-width:0;padding:3px;font-size:22px;display:grid}.puzzle-sample-picker button:hover,.puzzle-sample-picker button.active{border-color:var(--green);background:var(--soft);box-shadow:inset 0 0 0 1px var(--green)}.puzzle-settings-editor>label:not(.puzzle-shuffle-toggle){gap:5px;display:grid}.puzzle-settings-editor>label input{border:1px solid var(--line);min-width:0;min-height:40px;font:inherit;border-radius:9px;padding:7px 9px}.puzzle-option-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.puzzle-option-buttons button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px}.puzzle-option-buttons button.active{border-color:var(--green);background:var(--soft);font-weight:700}.puzzle-shuffle-toggle{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.puzzle-shuffle-toggle input{accent-color:var(--green)}@media (max-width:720px){.image-puzzle-activity{grid-template-columns:1fr}}@media print{.image-puzzle-activity,.puzzle-pieces i,.puzzle-assembly{break-inside:avoid}}.symmetry-activity{aspect-ratio:2;border:2px solid var(--green);background:#fff;border-radius:12px;width:min(100%,570px);margin:8px auto 18px;display:grid;position:relative;overflow:hidden}.symmetry-activity.horizontal{grid-template-columns:1fr 1fr}.symmetry-activity.vertical{aspect-ratio:3/2;grid-template-rows:1fr 1fr}.symmetry-image-half{background-repeat:no-repeat;min-width:0;min-height:0}.symmetry-drawing-half{background-color:#fff;min-width:0;min-height:0;position:relative}.symmetry-drawing-half.with-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--green) 16%, transparent) 1px, transparent 1px),linear-gradient(to bottom, color-mix(in srgb, var(--green) 16%, transparent) 1px, transparent 1px);background-size:28px 28px}.symmetry-drawing-half span{text-align:center;color:color-mix(in srgb, var(--green) 58%, white);font-size:10px;position:absolute;inset:auto 10px 10px}.symmetry-axis{z-index:2;pointer-events:none;position:absolute}.symmetry-activity.horizontal .symmetry-axis{border-right:2px dashed var(--green);inset:0 50% 0 auto}.symmetry-activity.vertical .symmetry-axis{border-top:2px dashed var(--green);inset:50% 0 auto}.symmetry-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:11px;padding:12px;display:grid}.symmetry-settings-editor>div:first-child{gap:3px;display:grid}.symmetry-settings-editor small{color:var(--muted);font-size:10px;line-height:1.6}.symmetry-settings-editor>label:not(.puzzle-shuffle-toggle){gap:5px;display:grid}.symmetry-settings-editor>label input{border:1px solid var(--line);min-width:0;min-height:40px;font:inherit;border-radius:9px;padding:7px 9px}.symmetry-half-buttons{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.symmetry-half-buttons button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px}.symmetry-half-buttons button.active{border-color:var(--green);background:var(--soft);font-weight:700}@media print{.symmetry-activity{break-inside:avoid}}.maze-activity{gap:8px;width:min(100%,500px);margin:6px auto 18px;display:grid}.maze-labels{color:var(--green);font-size:var(--answer-size,12px);justify-content:space-between;align-items:center;display:flex}.maze-labels span{align-items:center;gap:7px;display:flex}.maze-labels b{font-size:25px;line-height:1}.maze-grid{aspect-ratio:1;border:2px solid var(--green);direction:ltr;background:#fff;width:min(100%,430px);margin-inline:auto;display:grid}.maze-grid i{border-width:1.5px;border-color:var(--green);place-items:center;min-width:0;min-height:0;font-size:clamp(14px,3vw,25px);font-style:normal;line-height:1;display:grid}.maze-grid i.solution{background:#ffefba;position:relative}.maze-grid i.solution:not(:empty){background:#ffe99f}.maze-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:11px;padding:12px;display:grid}.maze-settings-editor>div:first-child{gap:3px;display:grid}.maze-settings-editor small,.maze-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.maze-level-buttons{grid-template-columns:1fr;gap:6px;display:grid}.maze-level-buttons button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px}.maze-level-buttons button.active{border-color:var(--green);background:var(--soft);font-weight:700}.maze-symbol-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.maze-symbol-fields label{gap:5px;min-width:0;display:grid}.maze-symbol-fields input{border:1px solid var(--line);text-align:center;min-width:0;min-height:40px;font:inherit;border-radius:9px;padding:7px 9px}.maze-preset-picker{background:#fff;border:1px solid #d7e5df;border-radius:11px;gap:8px;padding:10px;display:grid}.maze-preset-picker>div:first-child{gap:2px;display:grid}.maze-preset-picker>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.maze-preset-picker>div:nth-child(2) button{color:#173b35;min-width:0;min-height:54px;font:inherit;cursor:pointer;background:#f8fbfa;border:1px solid #d7e4df;border-radius:9px;align-content:center;place-items:center;gap:2px;padding:5px;display:grid}.maze-preset-picker>div:nth-child(2) button span{direction:ltr;font-size:18px}.maze-preset-picker>div:nth-child(2) button small{font-size:8px}.maze-preset-picker>div:nth-child(2) button.active{border-color:var(--green);background:var(--soft);box-shadow:inset 0 0 0 1px var(--green)}.maze-regenerate{border:1px solid var(--green);min-height:40px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px;font-weight:700}@media print{.maze-activity,.maze-grid{break-inside:avoid}}.shadow-match-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:90px;padding:8px 55px 18px;display:grid}.shadow-match-activity section{align-content:start;gap:9px;display:grid}.shadow-match-activity section>b{text-align:center;color:var(--green);font-size:var(--answer-size,12px)}.shadow-match-activity section>div{min-height:calc(var(--visual-size,42px) + 22px);border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.shadow-match-activity section>div>span{width:calc(var(--visual-size,42px) + 14px);height:calc(var(--visual-size,42px) + 14px);place-items:center;display:grid}.shadow-match-activity .visual-choice img{width:var(--visual-size,42px);height:var(--visual-size,42px);object-fit:contain}.shadow-match-activity .visual-choice>span{font-size:var(--visual-size,42px);line-height:1}.shadow-match-activity section>div>i{border:2px solid var(--green);background:#fff;border-radius:50%;flex:none;width:10px;height:10px}.shadow-visual{filter:grayscale()brightness(0);opacity:.72}.shadow-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:10px;padding:12px;display:grid}.shadow-settings-editor>div:first-child{gap:3px;display:grid}.shadow-settings-editor small,.shadow-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.shadow-item-editor{grid-template-columns:46px minmax(0,1fr) auto 34px;align-items:end;gap:6px;display:grid}.shadow-editor-preview{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-size:25px;display:grid;overflow:hidden}.shadow-editor-preview img{object-fit:contain;width:100%;height:100%}.shadow-item-editor>label{gap:4px;min-width:0;font-size:10px;display:grid}.shadow-item-editor input{border:1px solid var(--line);min-width:0;height:38px;font:inherit;border-radius:8px;padding:6px}.shadow-item-editor>button,.shadow-settings-editor>button{border:1px solid var(--line);min-height:38px;color:var(--green);font:inherit;background:#fff;border-radius:8px}.shadow-item-editor>button{color:#aa3f36}.shadow-item-editor>button:disabled,.shadow-settings-editor>button:disabled{opacity:.45}@media (max-width:720px){.shadow-match-activity{gap:24px;padding-inline:18px}}@media print{.shadow-match-activity,.shadow-match-activity section>div{break-inside:avoid}}.count-color-activity{gap:10px;padding:8px 34px 18px;display:grid}.count-color-activity>div{min-height:calc(var(--visual-size,42px) + 26px);border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) 74px 92px;align-items:center;gap:12px;padding:8px 12px;display:grid}.count-color-activity.mode-count>div{grid-template-columns:minmax(0,1fr) 92px}.count-color-activity.mode-color>div{grid-template-columns:minmax(0,1fr) 74px}.count-color-symbols{direction:rtl;flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.count-color-symbols i{width:calc(var(--visual-size,42px) + 2px);height:calc(var(--visual-size,42px) + 2px);filter:grayscale();place-items:center;font-style:normal;display:grid}.count-color-symbols .visual-choice>span{font-size:var(--visual-size,42px);line-height:1}.count-color-symbols .visual-choice img{width:var(--visual-size,42px);height:var(--visual-size,42px);object-fit:contain}.count-color-activity>div>b{color:var(--green);text-align:center;font-size:var(--answer-size,12px);white-space:nowrap}.count-color-activity>div>label{font-size:var(--answer-size,12px);white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.count-color-activity>div>label em{border:1.5px solid #84968f;border-radius:7px;width:38px;height:32px;display:block}.count-color-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:10px;padding:12px;display:grid}.count-color-settings-editor>div:first-child{gap:3px;display:grid}.count-color-settings-editor small,.count-color-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.count-color-mode-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.count-color-mode-buttons button,.count-color-settings-editor>button{border:1px solid var(--line);min-height:40px;color:var(--green);font:inherit;background:#fff;border-radius:9px}.count-color-mode-buttons button.active{border-color:var(--green);background:var(--soft);font-weight:700}.count-color-row-editor{grid-template-columns:58px minmax(70px,1fr) minmax(78px,1fr) 34px;align-items:end;gap:6px;display:grid}.count-color-row-editor label{gap:4px;min-width:0;font-size:9px;display:grid}.count-color-row-editor input{border:1px solid var(--line);text-align:center;min-width:0;height:38px;font:inherit;border-radius:8px;padding:5px}.count-color-row-editor>button{color:#aa3f36;background:#fff;border:1px solid #ebc7c4;border-radius:8px;height:38px}.count-color-row-editor>button:disabled,.count-color-settings-editor>button:disabled{opacity:.45}@media print{.count-color-activity>div{break-inside:avoid}}.spot-difference-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 28px 4px;display:grid}.spot-difference-activity section{gap:7px;display:grid}.spot-difference-activity section>b{text-align:center;color:var(--green);font-size:var(--answer-size,12px)}.difference-picture{aspect-ratio:10/7;border:2px solid var(--green);background:#fff;border-radius:11px;position:relative;overflow:hidden}.difference-picture img{object-fit:cover;width:100%;height:100%;display:block}.difference-picture i{aspect-ratio:1;border-radius:48% 52% 46% 54%;width:14%;position:absolute;translate:-50% -50%}.difference-mask{background:#fff;box-shadow:0 0 8px 5px #fff}.difference-picture .solution-ring{background-color:#0000;border:3px solid #e04d42;box-shadow:0 0 0 2px #fff}.difference-picture .difference-mask.solution-ring{background:#fff}.difference-answer-count{color:var(--green);font-size:var(--answer-size,12px);justify-content:center;align-items:center;gap:8px;padding:9px 30px 15px;display:flex}.difference-answer-count i{border:1.5px solid #879991;border-radius:50%;width:22px;height:22px}.difference-settings-editor{border:1px solid var(--line);background:#f8fbfa;border-radius:13px;gap:10px;padding:12px;display:grid}.difference-settings-editor>div:first-child{gap:3px;display:grid}.difference-settings-editor small,.difference-settings-editor p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.difference-upload-card{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:9px;display:grid}.difference-upload-card>b,.difference-upload-card>span{grid-column:1/-1}.difference-upload-card>span{border:1px dashed var(--line);border-radius:8px;place-items:center;height:90px;display:grid;overflow:hidden}.difference-upload-card img{object-fit:contain;width:100%;height:100%}.difference-upload-card em{font-size:48px;font-style:normal}.difference-upload-card input:not([type=file]){border:1px solid var(--line);min-width:0;height:38px;font:inherit;border-radius:8px;padding:6px}.difference-upload-card>label,.difference-upload-card>button{border:1px solid var(--line);min-height:36px;color:var(--green);font:inherit;background:#fff;border-radius:8px;place-items:center;display:grid}.difference-upload-card input[type=file]{display:none}.difference-position-grid{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.difference-position-grid button{border:1px dashed color-mix(in srgb,var(--green) 45%,white);background:var(--soft);color:var(--green);font:inherit;border-radius:7px}.difference-position-grid button.active{background:var(--green);color:#fff;border-style:solid}@media (max-width:720px){.spot-difference-activity{grid-template-columns:1fr}}@media print{.spot-difference-activity,.difference-picture{break-inside:avoid}}
.compare-grid,.fraction-grid,.clock-grid,.money-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:3px 34px 6px;display:grid}.compare-grid>span{border:1px solid #ccd7d2;border-radius:10px;grid-template-columns:1fr 38px 1fr;place-items:center;min-height:58px;font-size:22px;display:grid}.compare-grid i{border:1.5px dashed #81928b;border-radius:7px;width:31px;height:31px}.fraction-question,.clock-question,.money-grid>div{border:1px solid #d3dcd8;border-radius:10px;flex-direction:column;align-items:center;gap:9px;padding:11px;display:flex}.money-grid>div{justify-content:space-between;min-height:142px}.fraction-shape{border:2px solid #26332e;border-radius:7px;width:118px;height:58px;display:grid;overflow:hidden}.fraction-shape i{border-left:1px solid #52615b}.fraction-shape i.filled{background:#95dac3}.fraction-question>span{grid-template-rows:22px 1px 22px;width:34px;display:grid}.fraction-question>span b{border:1px dashed #7d8c86}.fraction-question>span em{background:#26332e}.clock-face{background:#fff;border:3px solid #26332e;border-radius:50%;width:104px;height:104px;position:relative}.clock-face b{font-size:10px;position:absolute}.clock-face b:first-child{top:3px;left:44px}.clock-face b:nth-child(2){top:43px;right:5px}.clock-face b:nth-child(3){bottom:2px;left:48px}.clock-face b:nth-child(4){top:43px;left:6px}.clock-face i{transform-origin:bottom;background:#17211e;border-radius:2px;width:2px;position:absolute;bottom:50%;left:calc(50% - 1px)}.clock-face .hour-hand{height:28px}.clock-face .minute-hand{width:1.5px;height:39px}.clock-question>span{font-size:11px}.money-grid>div>span{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.money-grid i{background:#f5f0d7;border:2px double #64756e;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;font-weight:700;display:grid}.money-grid .money-answer{min-height:38px;font-size:var(--answer-size,12px);direction:ltr;align-self:stretch;align-items:flex-end;gap:7px;padding:0 5px 4px;display:flex}.money-grid .money-answer>span{border-bottom:1.5px solid #26332e;flex:1;min-width:0;height:25px}.money-grid .money-answer>em{font-style:normal;font-weight:800;line-height:1}.math-helper{color:var(--muted);margin:0;font-size:9px}@media (max-width:900px){.compare-grid,.fraction-grid,.clock-grid,.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.compare-grid>span,.fraction-question,.clock-question,.money-grid>div{break-inside:avoid}}
@media (min-width:1101px){.wizard-bar{padding-left:20px;padding-right:430px}.editor-body{grid-template-columns:410px minmax(0,1fr)!important}.sidepanel{padding:78px 24px 110px}.panel-title{margin-bottom:18px;padding-bottom:18px}.panel-title span{font-size:19px}.panel-title small{margin-top:5px;font-size:12px}.template-bank,.block-list{gap:12px}.template-mode-tabs button{min-height:66px}.template-mode-tabs b{font-size:13px}.template-mode-tabs small{margin-top:4px;font-size:9px}.template-search{min-height:48px;padding-inline:13px}.template-search input{font-size:14px}.template-categories{gap:7px}.template-categories button{padding:8px 12px;font-size:12px}.template-filter-row{gap:10px}.template-filter-row label{font-size:11px}.template-filter-row select{min-height:43px;padding-inline:11px;font-size:12px}.template-results-count{font-size:12px}.template-list article{border-radius:15px;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;padding:14px}.template-list article>i,.block-list i{width:48px;height:48px;font-size:16px}.template-list article b,.block-list b{font-size:15px}.template-list article small,.block-list small{margin-top:4px;font-size:11px;line-height:1.55}.template-list article em{margin-top:6px;font-size:10px}.template-list article>button{min-height:38px;padding:8px 11px;font-size:11px}.block-list>button{gap:13px;min-height:72px;padding:13px}.form-stack{gap:15px}.form-stack label,.page-manager b,.page-help{font-size:12px}.form-stack input{min-height:44px;padding:11px;font-size:13px}.page-manager small{font-size:10px}.editor-body.has-properties{grid-template-columns:340px minmax(390px,1fr) 340px!important}.element-properties{font-size:12px}.wizard-actions{width:376px;left:calc(50% - 205px)}.editor-shell:has(.editor-body.has-properties) .wizard-bar{padding-left:340px;padding-right:340px}.editor-body.has-properties~.wizard-actions{left:calc(50% + 40px)}}@media (max-width:1100px) and (min-width:901px){.wizard-bar{padding-left:20px;padding-right:410px}.editor-body{grid-template-columns:410px minmax(0,1fr)!important}.sidepanel{padding:72px 20px 110px}.wizard-actions{left:calc(50% - 160px)}.editor-shell:has(.editor-body.has-properties) .wizard-bar{padding-left:300px;padding-right:300px}.editor-body.has-properties{grid-template-columns:300px minmax(330px,1fr) 300px!important}.editor-body.has-properties~.wizard-actions{left:calc(50% - 3px)}.template-list article b,.block-list b{font-size:13px}.template-list article small,.block-list small{font-size:10px}}
.worksheet.full-page-layout .ws-blocks{flex-direction:column;justify-content:space-between;gap:18px;min-height:720px;padding-top:20px;display:flex}.worksheet.full-page-layout .ws-block{margin-bottom:0;padding-block:12px}.worksheet.full-page-layout .instruction{padding:16px 18px;font-size:16px;line-height:1.8}.worksheet.full-page-layout .answer-lines{min-height:88px}.worksheet.full-page-layout .ws-blocks:has(.ws-block:nth-child(5)){justify-content:flex-start;gap:8px;min-height:0;padding-top:12px}.worksheet.full-page-layout .ws-blocks:has(.ws-block:nth-child(5)) .ws-block{padding-block:7px}.worksheet.full-page-layout .ws-blocks:has(.ws-block:nth-child(5)) .instruction{padding:10px 12px;font-size:13px;line-height:1.55}.worksheet.full-page-layout .ws-blocks:has(.ws-block:nth-child(5)) .answer-lines{min-height:54px}@media print{.worksheet.full-page-layout .ws-blocks{min-height:720px}.worksheet.full-page-layout .ws-blocks:has(.ws-block:nth-child(5)){min-height:0}}
@media (max-width:900px){.editor-top{gap:8px;height:50px;padding-inline:8px}.editor-brand span{border-radius:11px;width:40px;height:40px;font-size:17px}.doc-title{min-width:0;padding-right:2px}.doc-title input{width:100%;min-width:0;padding:4px;font-size:15px}.editor-actions .primary{white-space:nowrap;height:38px;padding-inline:10px}.wizard-bar{height:58px;padding:5px 2px}.wizard-bar button{gap:4px;min-width:0;min-height:46px;padding:3px 1px}.wizard-bar button>b{width:27px;height:27px;font-size:10px}.wizard-bar button strong{white-space:nowrap;font-size:9px;line-height:1.25}.wizard-bar button.active strong{font-size:10px;font-weight:700}.wizard-bar button.active>b{box-shadow:0 0 0 3px var(--soft)}.editor-body{height:calc(100vh - 166px)!important}.canvas-area{padding:2px 3px 76px!important}.canvas-bar{box-sizing:border-box;gap:5px;max-width:none;height:40px;min-height:40px;margin:0 0 3px;padding-inline:18px 6px;font-size:10px}.canvas-bar>span{white-space:nowrap}.canvas-bar div{gap:3px}.canvas-bar button{min-width:36px;height:36px;padding-inline:6px;font-size:10px}.canvas-bar div button{padding:0}.canvas-bar div b{text-align:center;min-width:30px;font-size:10px}.worksheet-stage{padding:3px 1px 82px!important}.sidepanel{overscroll-behavior:contain;transition:transform .24s;transform:translateY(calc(100% + 70px));height:min(58vh,560px)!important;padding:10px 14px 22px!important}.mobile-panel-open .sidepanel{transform:translateY(0)}.mobile-panel-open .canvas-area:after{content:"";z-index:25;pointer-events:none;background:#10251e22;position:fixed;inset:94px 0 58px}.mobile-open-tools{z-index:24;background:var(--green);color:#fff;min-height:44px;font:inherit;border:1px solid #8fbdae;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;position:fixed;bottom:126px;right:12px;box-shadow:0 8px 22px #10251e30}.mobile-open-tools span{margin-inline-end:5px}.panel-title{z-index:12;background:#fff;align-items:center;padding-top:10px;position:sticky;top:-10px;box-shadow:0 8px 12px #fffe}.mobile-panel-close{background:var(--soft);color:var(--green);font:inherit;border:1px solid #a7cabb;border-radius:9px;flex:none;min-height:44px;padding:7px 9px;font-size:10px;font-weight:700;display:block}.question-search{z-index:1!important;position:relative!important;top:auto!important}.mobile-tabs{scrollbar-width:none;scroll-snap-type:x proximity;justify-content:flex-start;overflow:auto hidden;padding-inline:max(36px, calc(env(safe-area-inset-right) + 30px)) max(36px, calc(env(safe-area-inset-left) + 30px))!important}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs button{scroll-snap-align:start;touch-action:manipulation;min-width:72px;flex:0 0 72px!important}.mobile-tabs button span{font-size:17px;line-height:1}.mobile-tabs small{margin-top:4px;font-size:10px!important}}@media (min-width:901px){.mobile-panel-close,.mobile-open-tools{display:none}}
.hero-actions .exam-primary{color:#fff;background:#16372e;border:1px solid #16372e;box-shadow:0 10px 24px #16372e22}.hero-actions .exam-primary:hover{background:#234a3f}.exam-bank{padding-bottom:30px}.exam-score-review{background:#f9fcfb;border:1px solid #9bc9b7;border-radius:15px;margin-bottom:15px;padding:13px}.score-review-head{align-items:center;gap:9px;margin-bottom:11px;display:flex}.score-review-head>span{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.score-review-head>div{flex-direction:column;display:flex}.score-review-head b{font-size:12px}.score-review-head small{color:var(--muted);font-size:8px}.score-total{border-radius:11px;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-bottom:10px;padding:9px;display:grid}.score-total.valid{color:#087b63;background:#e7f6ef}.score-total.invalid{color:#a25d13;background:#fff2e2}.score-total>span{flex-direction:column;align-items:center;display:flex}.score-total small{font-size:8px}.score-total b{font-size:19px}.score-total i{white-space:nowrap;border:1px solid;border-radius:99px;padding:3px 7px;font-size:8px;font-style:normal}.exam-meta-edit{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.exam-meta-edit label{color:var(--muted);flex-direction:column;gap:3px;font-size:8px;display:flex}.exam-meta-edit input{border:1px solid var(--line);width:100%;height:32px;color:var(--ink);background:#fff;border-radius:8px;padding-inline:8px}.exam-instructions-edit{margin-bottom:8px}.exam-instructions-edit label{color:var(--muted);flex-direction:column;gap:4px;font-size:8px;display:flex}.exam-instructions-edit textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:8px;font-size:9px;line-height:1.7}.auto-distribute-marks{background:var(--soft);width:100%;color:var(--green);font:inherit;cursor:pointer;border:1px solid #92c2af;border-radius:8px;margin-bottom:9px;padding:8px;font-size:9px;font-weight:700}.auto-distribute-marks:hover{background:#d9eee5}.question-mark-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow:auto}.question-review-row{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px}.question-mark-list label{align-items:center;gap:8px;display:flex}.question-mark-list label>span{flex-direction:column;flex:1;min-width:0;display:flex}.question-mark-list label b{font-size:9px}.question-mark-list label small{color:var(--muted);font-size:8px}.question-mark-list label>span>input{border:0;border-bottom:1px solid var(--line);width:100%;height:29px;color:var(--ink);background:0 0;font-size:9px}.question-mark-field{align-items:center;width:52px;flex:none!important}.question-mark-field input{text-align:center;width:48px;height:30px;color:var(--green);border:1px solid #a9cabc;border-radius:7px;font-weight:700}.question-answer-field{border-top:1px dashed var(--line);grid-template-columns:1fr auto;gap:5px;margin-top:6px;padding-top:6px;display:grid}.question-answer-field>span{color:var(--muted);grid-column:1/-1;font-size:8px}.question-answer-field input,.question-answer-field select{border:1px solid var(--line);background:#fbfcfb;border-radius:7px;width:100%;min-width:0;height:30px;padding-inline:7px;font-size:8px}.question-answer-field button,.save-question-only{background:var(--soft);color:var(--green);cursor:pointer;border:1px solid #a5cabc;border-radius:7px;padding-inline:7px;font-size:8px}.save-question-only{width:100%;margin-top:6px;padding-block:6px}.score-warning{color:#935611;background:#fff2e2;border-radius:8px;margin:9px 0 0;padding:7px;font-size:8px;line-height:1.6}.exam-readiness{border-top:1px solid var(--line);margin-top:11px;padding-top:10px}.exam-readiness>b{font-size:10px}.exam-readiness ul{gap:5px;margin:7px 0 0;padding:0;list-style:none;display:grid}.exam-readiness li{align-items:center;gap:6px;font-size:8px;display:flex}.exam-readiness li i{border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;font-weight:700;display:grid}.exam-readiness li.ready i{color:var(--green);background:#dff3ea}.exam-readiness li.needs-work i{color:#a25d13;background:#fff0dc}.question-bank-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:15px;padding:12px}.question-bank-head>div{flex-direction:column;display:flex}.question-bank-head b{font-size:12px}.question-bank-head small{color:var(--muted);font-size:8px}.question-bank-items{gap:6px;max-height:230px;margin-top:9px;display:grid;overflow:auto}.question-bank-items article{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:7px;display:grid}.question-bank-items article span{flex-direction:column;min-width:0;display:flex}.question-bank-items article b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.question-bank-items article small{color:var(--muted);font-size:7px}.question-bank-items article button{background:var(--soft);color:var(--green);cursor:pointer;border:1px solid #a8c9bc;border-radius:7px;padding:5px;font-size:8px}.question-bank-items article button.danger{color:#a83f4a;background:#fff3f4;border-color:#efd0d4}.exam-intro{background:linear-gradient(135deg,#e8f7f1,#f8fbfa);border:1px solid #b9d9cc;border-radius:14px;align-items:center;gap:11px;margin:0 0 14px;padding:14px;display:flex}.exam-intro>i{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;font-size:20px;font-style:normal;display:grid}.exam-intro span,.exam-template-list article span{flex-direction:column;flex:1;min-width:0;display:flex}.exam-intro b{font-size:13px}.exam-intro small{color:var(--muted);font-size:9px}.custom-exam-builder{background:#fbfdfc;border:1px solid #b8d7cb;border-radius:15px;margin-bottom:15px;padding:13px}.custom-exam-title{align-items:center;gap:9px;margin-bottom:12px;display:flex}.custom-exam-title>span{background:var(--soft);width:30px;height:30px;color:var(--green);border-radius:9px;place-items:center;display:grid}.custom-exam-title div{flex-direction:column;display:flex}.custom-exam-title b{font-size:12px}.custom-exam-title small{color:var(--muted);font-size:8px}.exam-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.exam-fields label{color:#53615c;flex-direction:column;gap:4px;font-size:9px;display:flex}.exam-fields input,.exam-fields select{border:1px solid var(--line);width:100%;height:34px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding-inline:8px}.sections-field{grid-column:1/-1}.sections-field>div{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;height:34px;display:flex;overflow:hidden}.sections-field button{background:var(--soft);width:38px;height:100%;color:var(--green);cursor:pointer;border:0}.answer-sheet-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;grid-column:1/-1;align-items:center;padding:8px 9px;flex-direction:row!important}.answer-sheet-option input{width:17px;height:17px;accent-color:var(--green)}.answer-sheet-option span{flex-direction:column;display:flex}.answer-sheet-option b{color:var(--ink);font-size:10px}.answer-sheet-option small{color:var(--muted);font-size:8px}.build-custom-exam{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:11px;padding:10px;font-size:10px;font-weight:700}.exam-divider{color:var(--muted);align-items:center;gap:8px;margin:14px 0 10px;font-size:9px;display:flex}.exam-divider:before,.exam-divider:after{content:"";background:var(--line);flex:1;height:1px}.exam-template-list{gap:10px;display:grid}.exam-template-list article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.exam-template-list article>i{background:var(--soft);width:38px;height:38px;color:var(--green);border-radius:10px;place-items:center;font-style:normal;font-weight:700;display:grid}.exam-template-list article span>b{font-size:12px}.exam-template-list article small{color:var(--muted);font-size:9px;line-height:1.6}.exam-template-list article em{color:var(--green);font-size:8px;font-style:normal}.exam-template-list article button{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#fff;border-radius:9px;grid-column:1/-1;padding:8px;font-size:10px}.exam-template-list article button:hover{background:var(--green);color:#fff}.exam-note{color:var(--muted);margin:14px 3px;font-size:9px;line-height:1.8}.exam-meta{background:#fafcfb;border:1px solid #aebdb7;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;font-size:10px;display:flex}.exam-meta strong{color:var(--green);font-size:10px}.worksheet.exam-paper .ws-head h2:before{content:"اختبار — "}.worksheet.exam-paper .ws-block[data-question-label]:before{content:attr(data-question-label);background:var(--soft);color:var(--green);border-radius:99px;margin-bottom:7px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.worksheet.exam-paper .ws-block{break-inside:avoid;page-break-inside:avoid}.worksheet.answer-key-paper .ws-head h2:before{content:"نموذج الإجابة — "}.worksheet.answer-key-paper{outline-offset:-12px;outline:2px dashed #8aa99e}.answer-key-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.answer-key-summary>div{border:1px solid #b9cbc4;border-radius:8px;flex-direction:column;gap:3px;padding:8px;display:flex}.answer-key-summary b{color:var(--green);font-size:9px}.answer-key-summary span{font-size:10px;line-height:1.6}.copy-type-setting{background:#f8fcfa;border:1px solid #b8d7cb;border-radius:12px;margin-bottom:14px;padding:11px}.copy-type-setting>b{margin-bottom:8px;font-size:11px;display:block}.copy-type-setting>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.copy-type-setting button{border:1px solid var(--line);text-align:right;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px;display:flex}.copy-type-setting button>i{background:#edf3f0;border-radius:8px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.copy-type-setting button span{flex-direction:column;display:flex}.copy-type-setting button b{font-size:10px}.copy-type-setting button small{color:var(--muted);font-size:8px}.copy-type-setting button.active{border-color:var(--green);background:var(--soft);color:var(--green)}@media print{body.print-student-copy .worksheet-frame:has(.answer-key-paper){min-height:0!important;display:none!important}}@media (max-width:900px){.exam-intro,.exam-template-list article{padding:10px}}
.offline-status{z-index:250;top:max(10px, env(safe-area-inset-top));color:#6f4b08;text-align:center;background:#fff7df;border:1px solid #e2ba67;border-radius:99px;width:max-content;max-width:calc(100vw - 24px);padding:7px 14px;font-size:11px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #32260822}.ios-install-help{color:var(--muted);border-top:1px solid #cfe4da;flex-basis:100%;gap:3px;padding:10px 44px 1px 0;font-size:10px;display:grid}.ios-install-help b,.ios-install-help span{display:block}@media (display-mode:standalone) and (max-width:900px){.topbar{height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.editor-top{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.editor-body{height:calc(100vh - 116px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-tabs{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.sidepanel{bottom:calc(58px + env(safe-area-inset-bottom))}.wizard-actions{bottom:calc(64px + env(safe-area-inset-bottom))}}@media (max-width:590px){.offline-status{top:max(6px, env(safe-area-inset-top));padding:6px 11px;font-size:10px}.ios-install-help{padding-right:0}}
.account-button{align-items:center;gap:8px;max-width:190px;display:flex!important}.account-button>span{background:var(--soft);width:30px;height:30px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.account-button>b{text-overflow:ellipsis;white-space:nowrap;font:inherit;font-weight:600;overflow:hidden}.cloud-sync-bar{color:#17372e;background:#f5fbf8;border:1px solid #cfe4dc;border-radius:15px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(1180px,100% - 40px);min-height:58px;margin:14px auto 0;padding:10px 14px;display:grid}.cloud-sync-bar>span{width:34px;height:34px;color:var(--green);background:#e1f3eb;border-radius:11px;place-items:center;font-size:18px;font-weight:700;display:grid}.cloud-sync-bar>div{flex-direction:column;min-width:0;display:flex}.cloud-sync-bar b{font-size:12px}.cloud-sync-bar small{color:var(--muted);font-size:10px}.cloud-sync-bar>button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #9fcbb9;border-radius:10px;padding:8px 12px;font-weight:700}.cloud-sync-bar>button:disabled{opacity:1;color:#66736f;cursor:default;background:#eef1f0;border-color:#d3dcda}.cloud-sync-bar.error,.cloud-sync-bar.signed-out{background:#fffaf0;border-color:#ead8b5}.cloud-sync-bar.error>span,.cloud-sync-bar.signed-out>span{color:#8a5c00;background:#fff0cf}.cloud-sync-bar.offline{background:#fafbf9;border-style:dashed}.cloud-sync-bar.syncing>span,.cloud-sync-bar.checking>span{animation:1.2s linear infinite cloud-spin}@keyframes cloud-spin{to{transform:rotate(-360deg)}}.cloud-sync-bar.drive,.cloud-sync-bar.unselected{background:#fffaf0;border-color:#ead8b5}.cloud-sync-bar.drive>span,.cloud-sync-bar.unselected>span{color:#805700;background:#fff0cf}.storage-modal-layer{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#10211bbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.storage-modal{background:#fff;border-radius:24px;width:min(720px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #081a144d}.storage-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:24px 26px 18px;display:flex}.storage-modal header span{color:var(--green);font-size:12px;font-weight:700}.storage-modal header h2{margin:3px 0;font-size:25px}.storage-modal header p{color:var(--muted);margin:0;font-size:11px}.storage-modal header>button{cursor:pointer;background:#f0f4f2;border:0;border-radius:11px;flex:none;width:38px;height:38px;font-size:22px}.storage-options{grid-template-columns:1fr 1fr;gap:12px;padding:20px 26px 12px;display:grid}.storage-options>button{text-align:right;border:1px solid var(--line);min-height:150px;color:var(--ink);cursor:pointer;background:#fbfcfb;border-radius:17px;grid-template-columns:46px 1fr 20px;align-items:start;gap:11px;padding:17px;display:grid}.storage-options>button:hover,.storage-options>button.selected{border:2px solid var(--green);background:#f2faf6;padding:16px}.storage-options i{background:var(--soft);width:44px;height:44px;color:var(--green);border-radius:13px;place-items:center;font-size:20px;font-style:normal;font-weight:800;display:grid}.storage-options .drive-icon{color:#2769d8;background:#edf3ff}.storage-options span{flex-direction:column;min-width:0;display:flex}.storage-options b{font-size:14px}.storage-options small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.75}.storage-options em{width:fit-content;color:var(--green);background:#eef3f0;border-radius:99px;margin-top:11px;padding:4px 8px;font-size:9px;font-style:normal}.storage-options strong{color:var(--green);font-size:17px}.storage-notice{color:#17644f;background:#eaf7f1;border-radius:10px;margin:0 26px 12px;padding:10px 12px;font-size:10px}.storage-summary{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:0 26px 14px;padding:13px 15px;display:flex}.storage-summary>div{align-items:center;gap:9px;display:flex}.storage-summary b{color:var(--green);font-size:23px}.storage-summary span{color:var(--muted);font-size:10px}.storage-summary button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #9fcbb9;border-radius:10px;padding:9px 12px;font-weight:700}.privacy-card{background:#f4f7f5;border-radius:15px;margin:0 26px 14px;padding:16px 18px}.calendar-preferences{background:#fbfdfc;border:1px solid #cfe0d9;border-radius:15px;flex-direction:column;gap:12px;margin:0 26px 14px;padding:16px 18px;display:flex}.calendar-preferences>div:first-child{align-items:center;gap:10px;display:flex}.calendar-preferences>div:first-child>span{background:var(--soft);border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.calendar-preferences>div:first-child>div{flex-direction:column;display:flex}.calendar-preferences b{font-size:13px}.calendar-preferences small{color:var(--muted);font-size:9px;line-height:1.6}.calendar-preferences label{color:#42514c;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.calendar-preferences label>div{gap:6px;display:flex}.calendar-preferences button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:7px 10px;font-size:9px}.calendar-preferences button.selected{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:800}.calendar-preferences p{color:#53605c;text-align:center;background:#f1f5f3;border-radius:9px;margin:0;padding:8px 10px;font-size:9px}.privacy-card h3{margin:0 0 8px;font-size:14px}.privacy-card ul{color:#54615d;margin:0;padding:0 18px 0 0;font-size:10px;line-height:2}.privacy-card .delete-legacy{color:#53605c;cursor:pointer;background:#fff;border:1px solid #cbd7d2;border-radius:9px;margin-top:10px;padding:8px 10px;font-size:9px}.drive-pending{background:#fffaf0;border:1px solid #ead8b5;border-radius:14px;flex-direction:column;margin:0 26px 14px;padding:13px 15px;display:flex}.drive-pending b{color:#76520b;font-size:12px}.drive-pending span{color:#766a50;margin-top:3px;font-size:10px;line-height:1.7}.storage-modal>footer{justify-content:flex-start;padding:0 26px 24px;display:flex}.storage-modal>footer button{cursor:pointer;border-radius:11px;min-width:130px;padding:11px 16px}@media (max-width:900px){.top-actions .account-button{display:flex!important}.account-button{max-width:none;padding:5px!important}.account-button>b{display:none}.account-button>span{width:32px;height:32px}.cloud-sync-bar{border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;width:calc(100% - 20px);margin-top:9px;padding:8px 9px}.cloud-sync-bar>span{width:30px;height:30px}.cloud-sync-bar b{font-size:10px}.cloud-sync-bar small{font-size:8px}.cloud-sync-bar>button{padding:7px 8px;font-size:9px}.storage-modal-layer{align-items:end;padding:0}.storage-modal{border-radius:22px 22px 0 0;width:100%;max-height:92dvh}.storage-modal>header{padding:19px 18px 14px}.storage-modal header h2{font-size:21px}.storage-options{grid-template-columns:1fr;padding:15px 16px 10px}.storage-options>button{min-height:118px}.storage-notice,.storage-summary,.privacy-card,.calendar-preferences,.drive-pending{margin-inline:16px}.storage-summary{flex-direction:column;align-items:stretch}.storage-summary button{width:100%}.storage-modal>footer{background:#fff;padding:10px 16px 16px;position:sticky;bottom:0}.storage-modal>footer button{width:100%}}.storage-usage-card{background:#f7fbf9;border:1px solid #d7e4df;border-radius:14px;gap:10px;padding:14px;display:grid}.storage-usage-card h3{margin:0;font-size:15px}.storage-usage-rows{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.storage-usage-rows>div{text-align:center;background:#fff;border:1px solid #e0eae6;border-radius:10px;gap:2px;padding:8px;display:grid}.storage-usage-rows b{color:#12483c;font-size:15px}.storage-usage-rows span{color:#5f6c68;font-size:11px}.storage-usage-bar{background:#e3ece9;border-radius:999px;height:8px;overflow:hidden}.storage-usage-bar>i{background:#07866e;height:100%;display:block}.storage-persist-state{margin:0;font-size:12.5px;line-height:1.7}.storage-persist-state.on{color:#12684f}.storage-persist-state.off{color:#8a4b06}.storage-persist-request{color:#06715e;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #07866e;border-radius:10px;padding:0 14px}.storage-persist-notice{color:#33403c;margin:0;font-size:12.5px}@media (max-width:560px){.storage-usage-rows{grid-template-columns:1fr}}
.teacher-tool-button{place-items:center;width:42px;min-width:42px;height:42px;padding:0!important;display:inline-grid!important}.teacher-tool-button span{font-size:19px;line-height:1}.teacher-tool-compact{min-width:42px;line-height:1;font-size:18px!important}.teacher-tool-layer{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10231dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.teacher-tool-modal{background:#fff;border-radius:22px;width:min(560px,100%);max-height:min(760px,100dvh - 36px);padding:22px;overflow-y:auto;box-shadow:0 28px 80px #001c1266}.teacher-tool-modal>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.teacher-tool-modal>header span{color:var(--green);font-size:11px;font-weight:800}.teacher-tool-modal>header h2{margin:3px 0 0;font-size:27px}.teacher-tool-modal>header>button{cursor:pointer;background:#f0f4f2;border:0;border-radius:12px;width:42px;height:42px;font-size:20px}.support-modal{width:min(610px,100%)}.support-topics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.support-topics article{border:1px solid var(--line);background:#f8fbf9;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.support-topics article>i{background:var(--soft);width:30px;height:30px;color:var(--green);border-radius:9px;flex:0 0 30px;place-items:center;font-style:normal;font-weight:800;display:grid}.support-topics article>div{min-width:0}.support-topics b{margin-bottom:4px;font-size:13px;display:block}.support-topics p{color:var(--muted);margin:0;font-size:11px;line-height:1.75}.support-actions{align-items:center;gap:9px;margin-top:14px;display:flex}.support-actions button,.support-actions a{border:1px solid var(--line);min-height:42px;color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.support-actions .primary{border-color:var(--green);background:var(--green);color:#fff}.support-contact-form{background:#f3faf7;border:1px solid #cfe1da;border-radius:15px;gap:11px;margin-top:14px;padding:16px;display:grid}.support-contact-form>div:first-child{gap:3px;display:grid}.support-contact-form>div:first-child b{font-size:15px}.support-contact-form small{color:var(--muted);font-size:10px}.support-contact-form label{color:#314a42;gap:5px;font-size:11px;font-weight:700;display:grid}.support-contact-form input,.support-contact-form select,.support-contact-form textarea{width:100%;color:var(--ink);font:inherit;resize:vertical;background:#fff;border:1px solid #cddbd6;border-radius:10px;padding:10px 11px}.support-form-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.support-contact-form>button{background:var(--green);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-self:start;padding:0 24px;font-weight:800}.support-form-error,.support-form-success{border-radius:9px;margin:0;padding:9px 11px;font-size:10px}.support-form-error{color:#9b382f;background:#fff0ef}.support-form-success{color:#08705f;background:#e3f6ef}.quick-guide-modal{width:min(980px,100%)}.quick-guide-steps{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.quick-guide-steps li{border:1px solid var(--line);background:#f8fbf9;border-radius:14px;grid-template-columns:175px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px;display:grid}.guide-copy{align-items:flex-start;gap:9px;min-width:0;display:flex}.quick-guide-steps .guide-copy>i{background:var(--green);color:#fff;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.quick-guide-steps div{min-width:0}.quick-guide-steps b{margin-bottom:4px;font-size:13px;display:block}.quick-guide-steps p{color:var(--muted);margin:0;font-size:11px;line-height:1.75}.guide-visual{color:#26483f;background:#fff;border:1px solid #cfe0da;border-radius:11px;flex-direction:column;gap:6px;height:112px;margin:0;padding:11px;font-size:9px;font-style:normal;display:flex;overflow:hidden;box-shadow:0 5px 14px #163e320f}.guide-visual span{font-weight:800}.guide-visual small,.guide-visual em,.guide-visual b{color:#64766f;white-space:nowrap;text-overflow:ellipsis;background:#f8fbfa;border:1px solid #d8e5e0;border-radius:5px;min-width:0;margin:0;padding:5px 7px;font-size:8px;font-style:normal;overflow:hidden}.guide-add-visual span{background:var(--green);color:#fff;border-radius:6px;padding:5px 7px}.guide-add-visual small{color:#173c33}.guide-edit-visual em{background:#fff;min-height:26px}.guide-edit-visual b{color:var(--green)}.guide-arrange-visual>div,.guide-export-visual>div{gap:4px;display:flex}.guide-arrange-visual>div b,.guide-export-visual>div b{text-align:center;color:var(--green);flex:1}.guide-arrange-visual>small{text-align:center;margin-top:auto}.guide-preview-visual{background:#edf4f1;align-items:center}.guide-preview-visual>div{background:#fff;flex:1;align-content:start;gap:4px;width:64px;padding:6px;display:grid;box-shadow:0 3px 9px #1d4c3d1a}.guide-preview-visual>div span{color:var(--green);justify-self:end}.guide-preview-visual>div b,.guide-preview-visual>div small{background:0 0;border:0;padding:0;font-size:6px}.guide-preview-visual>em{color:var(--green);border-color:#abd0c2}.guide-export-visual>span{border-bottom:1px solid #d9e4e0;padding-bottom:4px}.guide-export-visual>div{margin-top:5px}.guide-export-visual>div b{background:var(--soft);padding-block:7px}.quick-guide-start{width:100%;min-height:44px;font:inherit;cursor:pointer;border-radius:10px;margin-top:14px;font-size:12px;font-weight:800}.calendar-modal{width:min(520px,100%);padding:18px;overflow-y:hidden}.calendar-modal>header{margin-bottom:12px}.calendar-modal>header h2{font-size:24px}.calendar-nav{grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.calendar-nav b{text-align:center;font-size:18px}.calendar-nav button{border:1px solid var(--line);height:36px;color:var(--green);cursor:pointer;background:#fff;border-radius:10px;font-size:18px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-weekdays{margin-bottom:7px}.calendar-weekdays b{color:var(--muted);text-align:center;font-size:10px}.calendar-grid button,.calendar-grid span{min-width:0;height:clamp(42px,6vh,52px)}.calendar-grid button{color:var(--ink);font:inherit;cursor:pointer;background:#fbfcfb;border:1px solid #e0e7e4;border-radius:11px;font-size:14px}.calendar-grid button:hover{background:var(--soft);border-color:#8bc3ae}.calendar-grid button.today{font-weight:800;box-shadow:inset 0 0 0 2px #a9d8c6}.calendar-grid button.selected{border-color:var(--green);background:var(--green);color:#fff;font-weight:800}.calendar-selected{background:var(--soft);border:1px solid #b9d9cc;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding:9px 11px;display:flex}.calendar-selected div{flex-direction:column;gap:3px;display:flex}.calendar-selected small{color:var(--muted);font-size:9px}.calendar-selected b{font-size:13px}.calendar-selected button,.calendar-today{border:1px solid var(--green);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.calendar-today{width:100%;margin-top:9px}.calculator-modal{width:min(390px,100%)}.calculator-screen{color:#fff;background:#12241e;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;min-height:105px;margin-bottom:12px;padding:16px 18px;display:flex;overflow:hidden}.calculator-screen small{color:#b8cbc4;overflow-wrap:anywhere;max-width:100%;font-size:16px}.calculator-screen b{overflow-wrap:anywhere;max-width:100%;font-size:29px}.calculator-keys{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.calculator-keys button{min-height:55px;color:var(--ink);font:inherit;cursor:pointer;background:#f7f9f8;border:1px solid #dce5e1;border-radius:12px;font-size:18px;font-weight:700}.calculator-keys button:hover{background:#edf6f2}.calculator-keys button.operator{color:var(--green);background:#e5f4ee}.calculator-keys button.equals{background:var(--green);color:#fff;grid-row:span 2}.calculator-keys button.zero{grid-column:span 2}@media (max-width:900px){.teacher-tool-layer{align-items:end;padding:0}.teacher-tool-modal{width:100%;max-height:91dvh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.teacher-tool-modal>header h2{font-size:23px}.calendar-weekdays b{font-size:8px}.calendar-grid{gap:4px}.calendar-grid button{border-radius:9px;font-size:12px}.calendar-selected{flex-direction:column;align-items:stretch}.calendar-selected button{width:100%}.calculator-keys button{min-height:52px}.support-topics{grid-template-columns:1fr}.support-actions{flex-direction:column;align-items:stretch}.support-form-row{grid-template-columns:1fr}.support-contact-form>button{width:100%}.quick-guide-steps{grid-template-columns:1fr}.quick-guide-steps li{grid-template-columns:118px minmax(0,1fr)}.guide-visual{height:92px}.guide-visual small,.guide-visual em,.guide-visual b{padding:4px 6px;font-size:7px}}.announcement-popup-layer{z-index:180;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1d179e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.announcement-popup{background:#fff;border-radius:22px;width:min(520px,100%);position:relative;overflow:hidden;box-shadow:0 28px 90px #061f1757}.announcement-popup-wide{width:min(760px,100%)}.announcement-popup-portrait{width:min(390px,100%)}.announcement-popup-close{z-index:2;color:#172923;width:40px;height:40px;font:inherit;cursor:pointer;background:#ffffffeb;border:0;border-radius:12px;font-size:22px;position:absolute;top:12px;left:12px;box-shadow:0 3px 12px #12372c26}.announcement-popup-image{background:#edf4f1;width:100%;max-height:310px;display:block;overflow:hidden}.announcement-popup-image img,.announcement-popup-image video,.announcement-popup-image iframe{object-fit:cover;border:0;width:100%;max-height:310px;display:block}.announcement-popup-image iframe{height:310px}.announcement-popup-wide .announcement-popup-image img,.announcement-popup-wide .announcement-popup-image video,.announcement-popup-wide .announcement-popup-image iframe{aspect-ratio:16/7;max-height:300px}.announcement-popup-portrait .announcement-popup-image img,.announcement-popup-portrait .announcement-popup-image video,.announcement-popup-portrait .announcement-popup-image iframe{aspect-ratio:4/5;max-height:420px}.announcement-popup-copy{gap:7px;padding:22px 24px 25px;display:grid}.announcement-popup-copy>span{color:var(--green);font-size:11px;font-weight:800}.announcement-popup-copy h2{margin:0;font-size:24px}.announcement-popup-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.announcement-popup-copy a{background:var(--green);color:#fff;border-radius:9px;justify-self:start;margin-top:4px;padding:9px 14px;font-size:11px;font-weight:800;text-decoration:none}.announcement-popup-copy small{color:#83918c;font-size:9px}.announcement-popup-timer{background:var(--green);transform-origin:100%;width:100%;height:4px;animation:linear forwards announcement-countdown;position:absolute;bottom:0;right:0}@keyframes announcement-countdown{to{transform:scaleX(0)}}@media (max-width:430px){.announcement-popup-layer{padding:14px}.announcement-popup{border-radius:19px}.announcement-popup,.announcement-popup-wide,.announcement-popup-portrait{width:100%}.announcement-popup-image,.announcement-popup-image img,.announcement-popup-image video,.announcement-popup-wide .announcement-popup-image img,.announcement-popup-wide .announcement-popup-image video,.announcement-popup-portrait .announcement-popup-image img,.announcement-popup-portrait .announcement-popup-image video{aspect-ratio:auto;max-height:300px}.announcement-popup-mobile-square .announcement-popup-image img,.announcement-popup-mobile-square .announcement-popup-image video{aspect-ratio:1;max-height:300px}.announcement-popup-mobile-portrait{width:min(360px,100%)}.announcement-popup-mobile-portrait .announcement-popup-image img,.announcement-popup-mobile-portrait .announcement-popup-image video{aspect-ratio:4/5;max-height:360px}.announcement-popup-copy{padding:18px 18px 22px}.announcement-popup-copy h2{font-size:21px}.quick-guide-steps li{grid-template-columns:104px minmax(0,1fr);gap:9px;padding:8px}.guide-visual{height:86px;padding:7px}.quick-guide-steps p{font-size:10px;line-height:1.6}}.support-local-note{color:#795b18;background:#fff8e8;border-radius:9px;margin:0;padding:9px 11px;font-size:10px;line-height:1.7}@media print{.teacher-tool-layer{display:none!important}}