.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%}}@media (min-width:591px) and (max-width:900px){.library-toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}.library-toolbar>select{grid-column:1/-1;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 .ws-logo,.print-preview-worksheet .ws-logo{display:none!important}.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:color-mix(in srgb, var(--green) var(--block-frame-opacity,100%), transparent);border-style:solid;border-width:var(--block-frame-width,1px);background:0 0}.page-manager{flex-direction:column;gap:9px;display:flex}.page-table{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9bb8ae transparent;gap:7px;max-height:229px;display:grid;overflow-y:auto}.page-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:auto minmax(72px,1fr) auto auto;align-items:center;gap:8px;min-height:52px;padding:6px 7px;display:grid}.page-row.active{border-color:var(--green);background:var(--soft)}.page-row-open{min-width:52px;min-height:40px;color:var(--ink);font:inherit;text-align:right;background:0 0;border:0;align-items:center;gap:10px;padding:3px 5px;display:flex}.page-row-open i{background:var(--soft);width:48px;height:34px;color:var(--green);border-radius:9px;flex:0 0 48px;place-items:center;font-style:normal;font-weight:900;display:grid}.page-row-name{width:100%;min-width:0;height:38px;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 8px;font-size:11px}.page-row-name:hover,.page-row-name:focus{border-color:var(--line);background:#fff;outline:0}.page-row-name::placeholder{color:var(--muted)}.page-row-count{min-width:32px;height:32px;color:var(--green);background:#edf5f2;border-radius:8px;place-items:center;padding-inline:5px;font-size:11px;font-weight:850;display:grid}.page-row-count:after{content:" عنصر";color:var(--muted);margin-inline-start:3px;font-size:8px;font-weight:600}.page-row-actions{gap:5px;display:flex}.page-row-actions button{border:1px solid var(--line);width:34px;height:34px;color:var(--green);font:inherit;background:#fff;border-radius:9px;place-items:center;padding:0;font-size:17px;font-weight:800;display:grid}.page-row-actions button:last-child{color:#b42318}.page-row-actions button:disabled{opacity:.35}.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:9px;display:grid}.page-manager.single-page>.page-card,.page-manager>.upload-box,.page-manager>.page-table,.page-manager>.page-actions,.page-manager>.page-help{grid-column:1/-1}.page-manager>button:not(.upload-box){min-height:58px}.page-manager>.upload-box{min-height:52px;margin:0;padding:8px 12px;font-size:13px}.page-manager .page-actions{gap:9px}.page-manager .page-actions button{min-height:46px;padding:7px 9px;font-size:11px}.page-manager .page-help{text-align:center;margin:0;padding:9px 11px}.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 (max-width:560px){.page-row{grid-template-columns:40px minmax(0,1fr) 28px auto;gap:4px;padding:5px}.page-row-open{min-width:40px;padding:0}.page-row-open i{flex-basis:38px;width:38px;height:32px}.page-row-name{padding-inline:4px}.page-row-count{width:28px;min-width:28px;padding-inline:2px}.page-row-count:after{display:none}.page-row-actions{gap:2px}.page-row-actions button{border-radius:8px;width:28px;height:32px;font-size:15px}}@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,.ws-logo,.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}.answer-space-presets{flex-wrap:wrap;gap:6px;display:flex}.answer-space-presets button{color:#185b4b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bed7cf;border-radius:8px;flex:60px;padding:6px}.answer-space-presets button[aria-pressed=true]{color:#fff;background:#087963;border-color:#087963}.element-action-panel select{width:100%;min-width:0;min-height:44px;font:inherit}.element-action-panel>small{line-height:1.7;display:block}@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}}
@font-face{font-family:Nashat Arabic Practice;src:url(/fonts/NotoSansArabic-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Nashat Arabic Practice;src:url(/fonts/NotoSansArabic-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}.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}}.worksheet .order-activity,.worksheet .classification-groups,.template-paged-dialog .order-activity,.template-paged-dialog .classification-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheet .ws-match,.template-paged-dialog .ws-match{padding-inline:28px}.worksheet .ws-match .match-side,.template-paged-dialog .ws-match .match-side{width:100%}.worksheet .ws-match .visual-choice>span,.template-paged-dialog .ws-match .visual-choice>span{width:auto}.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;display:flex;overflow:hidden}.trace-row svg{flex:1 1 0;min-width:0;height:100%;display:block}.trace-row text{fill:#0000;stroke:#59796e;stroke-width:2.2px;stroke-dasharray:.1 4.2;stroke-linecap:round;font-family:Nashat Arabic Practice,Cairo,Arial,sans-serif;font-weight:700}.syllable-reading-activity{gap:10px;padding:8px 18px;display:grid}.syllable-reading-activity>b{color:var(--ink);font-size:13px}.syllable-reading-activity>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.syllable-reading-activity span{color:#164b3c;background:#f5faf8;border:1px solid #b9d9ce;border-radius:9px;place-items:center;min-height:60px;font:700 28px/1.4 Nashat Arabic Practice,Cairo,Arial,sans-serif;display:grid}.trace-row .trace-model text{fill:#254b3e;stroke:none}.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 .trace-model-toggle{align-items:center;gap:9px;display:flex}.trace-model-toggle input{accent-color:var(--green);width:17px;height:17px}.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}.trace-glyph-library{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:10px;display:grid}.trace-glyph-library>b{font-size:12px}.trace-glyph-tabs{flex-wrap:wrap;gap:5px;display:flex}.trace-glyph-tabs button{border:1px solid var(--line);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:5px 9px;font-size:11px}.trace-glyph-tabs button.selected,.trace-glyph-grid button.selected{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, #fff);color:var(--green)}.trace-glyph-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:164px;display:grid;overflow-y:auto}.trace-glyph-grid button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;font:700 21px/1 Nashat Arabic Practice,Cairo,Arial,sans-serif}.trace-glyph-grid button:hover,.trace-glyph-tabs button:hover{border-color:var(--green)}.trace-form-picker{border:1px solid var(--line);background:#fff;border-radius:10px;gap:7px;padding:10px;display:grid}.trace-form-picker>b{font-size:12px}.trace-form-picker>div{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:6px;display:grid}.trace-form-picker button{border:1px solid var(--line);min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;gap:2px;padding:4px;display:grid}.trace-form-picker button span{font:700 28px/1 Nashat Arabic Practice,Cairo,Arial,sans-serif}.trace-form-picker button small{font-size:9px}.trace-form-picker button.selected{border-color:var(--green);background:color-mix(in srgb, var(--green) 12%, #fff);color:var(--green)}.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))}}.worksheet .compare-grid,.worksheet .fraction-grid,.worksheet .clock-grid,.worksheet .money-grid,.template-paged-dialog .compare-grid,.template-paged-dialog .fraction-grid,.template-paged-dialog .clock-grid,.template-paged-dialog .money-grid{grid-template-columns:repeat(3,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}.worksheet.full-page-layout.answer-key-paper .ws-blocks{justify-content:flex-start;min-height:0}@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-shell .editor-top[data-exam]{gap:5px;padding-inline:8px!important}.editor-top[data-exam] .editor-brand{flex:0 0 40px;width:40px;min-width:40px;padding:0}.editor-top[data-exam] .selected-brand-image{width:40px;max-width:40px}.editor-top[data-exam] .doc-title{border:0;flex:0 145px;gap:0;min-width:0;max-width:145px;padding-inline:0}.editor-top[data-exam] .doc-title input{box-sizing:border-box;background:#f3f8f6;border:1px solid #d5e3dd;border-radius:7px;min-height:36px;padding:6px 4px;font-size:13px}.editor-top[data-exam] .editor-actions{flex:none;gap:4px;margin-inline-start:auto}.editor-top[data-exam] .editor-actions>button{min-width:0;padding-inline:5px;font-size:10px}.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}.canvas-area{touch-action:none}.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:none}.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{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.marking-points{border:1px solid #c8d8d0;border-radius:8px;width:100%;min-width:0;padding:8px}.marking-points summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.marking-points p{font-size:12px;line-height:1.7}.marking-point{grid-template-columns:minmax(0,1fr) 70px auto;align-items:start;gap:6px;margin:8px 0;display:grid}.question-answer-field textarea,.marking-point textarea{resize:vertical;width:100%;min-width:0;min-height:70px;font:inherit;border:1px solid #c8d8d0;border-radius:6px;padding:8px}.marking-points button,.marking-points input{min-height:44px}@media (max-width:420px){.marking-point{grid-template-columns:minmax(0,1fr) 64px}.marking-point button{grid-column:1/-1}}.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}.drive-pending.drive-ready{background:#f3faf7;border-color:#b7d8cd}.drive-pending.drive-ready b{color:#075f50}.drive-pending.drive-ready span{color:#557169}.drive-pending button{background:var(--green);color:#fff;min-height:42px;font:inherit;border:0;border-radius:11px;margin-top:10px;font-weight:800}.drive-pending button:disabled{color:#75857f;background:#dce8e4}.drive-pending p{color:#075f50;margin:8px 0 0;font-size:11px;font-weight:700}.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}.system-diagnostic-card{background:#f8fbfa;border:1px solid #cfe0da;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:0 26px 14px;padding:14px 16px;display:grid}.system-diagnostic-card h3,.system-diagnostic-card p{margin:0}.system-diagnostic-card h3{font-size:15px}.system-diagnostic-card p{color:#65756f;margin-top:3px;font-size:11px}.system-diagnostic-card>button{color:#06715e;min-height:40px;font:inherit;background:#fff;border:1px solid #07866e;border-radius:10px;padding:0 13px;font-weight:700}.system-diagnostic-card>button:disabled{opacity:.55}.system-diagnostic-results{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:4px;display:grid}.system-diagnostic-results>div{background:#fff;border-radius:10px;align-items:flex-start;gap:8px;padding:9px;display:flex}.system-diagnostic-results i{border-radius:50%;flex:0 0 23px;place-items:center;height:23px;font-style:normal;font-weight:800;display:grid}.system-diagnostic-results .ok i{color:#08745f;background:#def4eb}.system-diagnostic-results .warning i{color:#9a5700;background:#fff1d7}.system-diagnostic-results span{gap:2px;display:grid}.system-diagnostic-results b{font-size:12px}.system-diagnostic-results small{color:#65756f;font-size:10px;line-height:1.55}@media (max-width:560px){.system-diagnostic-card{grid-template-columns:1fr;margin:0 16px 12px}.system-diagnostic-card>button{width:100%}.system-diagnostic-results,.storage-usage-rows{grid-template-columns:1fr}}.storage-modal-layer .storage-modal{flex-direction:column;display:flex;overflow:hidden}.storage-modal>header{flex-shrink:0}.storage-modal .storage-modal-body{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;overflow:hidden auto}.storage-modal .storage-modal-body>*{box-sizing:border-box;flex-shrink:0;min-width:0;margin:0}.storage-modal .storage-modal-body>:is(section,.calendar-preferences,.privacy-card,.storage-summary,.drive-pending){border-radius:16px;padding:18px}.storage-modal .storage-options{gap:14px;padding:0}.storage-modal .storage-options>button{border-radius:16px;min-width:0;padding:18px}.storage-modal .calendar-preferences label{flex-wrap:wrap;gap:10px}.storage-modal .calendar-preferences label>div{flex-wrap:wrap}.storage-modal .storage-modal-body p,.storage-modal .storage-modal-body small{overflow-wrap:anywhere}.storage-modal>footer{background:#fff;border-top:1px solid #d8e5df;flex-shrink:0;padding:12px 16px!important;position:static!important}.storage-modal>footer button{width:100%;min-height:46px}
.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-delivered{text-align:center;outline-offset:4px;background:#e9f8f1;border:1px solid #a7d9c8;border-radius:16px;justify-items:center;gap:12px;margin-top:18px;padding:26px 20px;display:grid}.support-delivered-icon{color:#fff;background:#087d68;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;font-weight:800;display:grid}.support-delivered h3{color:#075c4b;margin:0;font-size:20px;line-height:1.5}.support-delivered p{color:#365e51;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.support-delivered button{color:#075c4b;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #8fbfaf;border-radius:10px;padding:10px 18px}.support-close-footer{border-top:1px solid #d2e3dc;justify-content:flex-end;margin-top:18px;padding-top:16px;display:flex}.support-close-footer button{color:#fff;min-width:120px;min-height:46px;font:inherit;cursor:pointer;background:#087d68;border:0;border-radius:10px;padding:10px 24px;font-weight:800}.support-contact-form>button.primary{width:100%;min-height:48px}@media (max-width:600px){.support-close-footer button{width:100%}.support-delivered{padding:22px 16px}}.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)}}.announcement-top-bar,.announcement-home-card{color:#173b31;background:linear-gradient(135deg,#eef9f5,#fff);border:1px solid #b9ddd0;border-radius:16px;align-items:center;gap:14px;margin:14px auto 0;padding:13px 52px 13px 18px;display:flex;position:relative;box-shadow:0 10px 30px #12372c12}.announcement-top-bar{width:min(1160px,100% - 32px);min-height:62px}.announcement-home-card{align-items:stretch;width:min(1100px,100% - 32px);padding:16px 54px 16px 16px}.announcement-home-card>img{object-fit:cover;border-radius:12px;width:150px;max-height:120px}.announcement-top-bar>div,.announcement-home-card>div{flex:1;gap:3px;display:grid}.announcement-top-bar small,.announcement-home-card small{color:var(--green);font-size:10px;font-weight:900}.announcement-top-bar strong,.announcement-home-card strong{font-size:16px}.announcement-top-bar p,.announcement-home-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.announcement-top-bar>a,.announcement-home-card>a{white-space:nowrap;background:var(--green);color:#fff;border-radius:10px;align-self:center;padding:9px 14px;font-size:11px;font-weight:900;text-decoration:none}.announcement-top-bar>button,.announcement-home-card>button{width:30px;height:30px;color:var(--green);font:inherit;cursor:pointer;background:#dff2eb;border:0;border-radius:9px;font-size:18px;position:absolute;top:12px;right:12px}@media (max-width:767px){.announcement-top-bar,.announcement-home-card{border-radius:13px;gap:10px;width:calc(100% - 20px);margin-top:9px;padding:12px 44px 12px 12px}.announcement-home-card{display:grid}.announcement-home-card>img{width:100%;max-height:160px}.announcement-top-bar strong,.announcement-home-card strong{font-size:14px}.announcement-top-bar p,.announcement-home-card p{font-size:11px}.announcement-top-bar>a,.announcement-home-card>a{justify-self:start;padding:8px 12px}}@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}}
.mobile-panel-actions{display:none}@media (max-width:900px){:root{--mobile-safe-start:max(14px, calc(env(safe-area-inset-left) + 8px));--mobile-safe-end:max(14px, calc(env(safe-area-inset-right) + 8px))}.editor-top,.wizard-bar{padding-inline:var(--mobile-safe-start) var(--mobile-safe-end)!important}.sidepanel{right:var(--mobile-safe-end)!important;left:var(--mobile-safe-start)!important;border:1px solid var(--line)!important;border-radius:20px!important;width:auto!important;height:min(48vh,460px)!important;padding-inline:14px!important}.editor-shell .sidepanel-header{max-height:calc(100dvh - 230px);scroll-padding-bottom:20px;bottom:calc(110px + env(safe-area-inset-bottom))!important;padding-bottom:20px!important}.sidepanel.sidepanel-pages,.sidepanel.sidepanel-style{height:auto!important;max-height:min(72dvh,570px)!important;padding-bottom:14px!important}.sidepanel-pages .panel-title{grid-template-columns:minmax(0,1fr) auto}.sidepanel-pages .mobile-panel-actions{grid-template-columns:repeat(2,minmax(82px,1fr));width:min(184px,48vw);display:grid}.sidepanel-pages .mobile-panel-preview,.sidepanel-pages .mobile-panel-close{width:100%;min-width:0;padding-inline:6px!important}.sidepanel-art .mini-art{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sidepanel-art .mini-art button{border-radius:8px;font-size:24px}.editing-element .element-properties{border:1px solid var(--line);border-radius:20px;right:var(--mobile-safe-end)!important;left:var(--mobile-safe-start)!important;width:auto!important;height:auto!important;max-height:min(36dvh,350px)!important}.editing-element .element-properties-head{padding-left:14px!important;padding-right:14px!important}.editing-element .element-properties .properties{width:100%;padding:12px 14px calc(28px + env(safe-area-inset-bottom))!important}.editing-element .element-properties .property-group,.editing-element .element-action-panel{width:100%;max-width:100%;margin-left:0!important;margin-right:0!important}.sidepanel>*,.panel-content>*,.editing-element>*{max-width:100%}.mobile-tabs{padding-inline:max(36px, var(--mobile-safe-start)) max(36px, var(--mobile-safe-end))!important}.mobile-open-tools{right:var(--mobile-safe-end)!important}.mobile-panel-actions{align-items:center;gap:6px;display:flex}.mobile-panel-preview,.mobile-panel-close{color:var(--green);font:inherit;white-space:nowrap;background:#fff;border:1px solid #a7cabb;border-radius:9px;font-weight:700;min-height:38px!important;padding:5px 9px!important;font-size:10px!important}.mobile-panel-close{background:var(--soft)}.panel-title{gap:8px;top:-10px;box-shadow:none!important;margin-bottom:8px!important;padding-top:4px!important;padding-bottom:8px!important}.panel-title span{line-height:1.25;font-size:17px!important}.panel-title small{margin-top:1px;line-height:1.3!important}.question-search{width:min(100%,340px);height:44px;min-height:44px;padding-block:4px;margin-left:auto!important;margin-right:auto!important}.wizard-bar,.wizard-bar button,.wizard-bar button.active>b{box-shadow:none!important}.wizard-actions{justify-content:space-between;width:min(360px, calc(100% - var(--mobile-safe-start) - var(--mobile-safe-end) - 12px))!important;border-radius:11px!important;gap:10px!important;padding:3px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;box-shadow:0 5px 16px #19382f1c!important}.wizard-actions button{height:34px!important;min-height:34px!important;padding:4px 13px!important;font-size:11px!important}.wizard-actions span{font-size:10px!important}.canvas-area,.worksheet-stage{scroll-padding-inline:var(--mobile-safe-start) var(--mobile-safe-end)}.modal-layer,.teacher-tool-layer,.storage-modal-layer{padding-right:var(--mobile-safe-end)!important;padding-left:var(--mobile-safe-start)!important}.large-modal,.print-modal,.teacher-tool-modal,.storage-modal{border-radius:20px!important;width:100%!important;max-width:100%!important}.storage-modal>header,.storage-options,.storage-modal>footer{padding-left:16px!important;padding-right:16px!important}.print-modal.preview-only{position:relative;height:auto!important;max-height:calc(100dvh - 20px)!important;box-shadow:none!important;background:0 0!important;overflow:visible!important}.print-modal.preview-only>header{z-index:5;position:absolute;top:8px;left:8px;border:0!important;padding:0!important}.print-modal.preview-only>header>div{display:none}.print-modal.preview-only>header>button{background:#fff;border:1px solid #d7e1dd;border-radius:50%;width:40px;height:40px;box-shadow:0 4px 16px #173b3524}.print-modal.preview-only .print-body{overscroll-behavior:contain;max-height:calc(100dvh - 20px);background:0 0!important;overflow:auto!important}.print-modal.preview-only .print-preview{gap:6px;background:0 0!important;padding:0!important;overflow:visible!important}.modal-layer .print-modal.preview-only .mini-sheet{max-width:none;box-shadow:0 14px 42px #102a2250;width:429px!important;height:606.5px!important}.modal-layer .print-modal.preview-only .actual-sheet-preview .print-preview-worksheet{transform:scale(.54)!important}.hero,.section-heading,.template-bank,.exam-builder,.certificate-topbar,.certificate-controls,.certificate-canvas-area{padding-inline:var(--mobile-safe-start) var(--mobile-safe-end)!important}.free-topbar,.free-tools,.free-properties{margin-inline:var(--mobile-safe-start) var(--mobile-safe-end)}.free-properties{right:var(--mobile-safe-end)!important;left:var(--mobile-safe-start)!important}.free-mobile-tabs{padding-right:var(--mobile-safe-end)!important;padding-left:var(--mobile-safe-start)!important}}@media (max-width:430px){.modal-layer .print-modal.preview-only .mini-sheet{width:341.5px!important;height:483px!important}.modal-layer .print-modal.preview-only .actual-sheet-preview .print-preview-worksheet{transform:scale(.43)!important}}@media (max-width:380px){:root{--mobile-safe-start:max(12px, calc(env(safe-area-inset-left) + 7px));--mobile-safe-end:max(12px, calc(env(safe-area-inset-right) + 7px))}.modal-layer .print-modal.preview-only .mini-sheet{width:309.5px!important;height:438px!important}.modal-layer .print-modal.preview-only .actual-sheet-preview .print-preview-worksheet{transform:scale(.39)!important}}@media (min-width:600px) and (max-width:900px) and (max-height:500px) and (orientation:landscape){.editor-shell.editing-element .element-properties{top:112px;bottom:calc(114px + env(safe-area-inset-bottom));border-radius:12px;right:var(--mobile-safe-end)!important;width:280px!important;max-height:none!important;left:auto!important}.editor-shell.editing-element .canvas-area{margin-left:0;margin-right:308px;overflow:auto;width:calc(100% - 308px)!important;height:calc(100dvh - 228px - env(safe-area-inset-bottom))!important}}