.template-bank{flex-direction:column;gap:11px;display:flex}.template-mode-tabs{background:#eef3f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px;padding:4px;display:grid}.template-mode-tabs button{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;font-family:inherit}.template-mode-tabs b,.template-mode-tabs small{display:block}.template-mode-tabs b{font-size:11px}.template-mode-tabs small{margin-top:2px;font-size:9px}.template-mode-tabs button.active{color:var(--green);background:#fff;border-color:#b5d1c6;box-shadow:0 3px 10px #234a3d12}.number-worksheet-builder{color:var(--ink);background:#f2faf6;border:1px solid #b8d9cd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:11px;display:flex}.number-worksheet-builder>div{flex:180px}.number-worksheet-builder b,.number-worksheet-builder small{display:block}.number-worksheet-builder b{font-size:12px}.number-worksheet-builder small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.number-worksheet-builder label{align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.number-worksheet-builder select,.number-worksheet-builder button{min-height:36px;color:var(--green);font:inherit;background:#fff;border:1px solid #bad7cc;border-radius:8px}.number-worksheet-builder select{padding:0 9px}.number-worksheet-builder button{cursor:pointer;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.number-worksheet-builder .number-worksheet-add{background:var(--green);border-color:var(--green);color:#fff}.phonics-worksheet-builder{color:var(--ink);background:#f2faf6;border:1px solid #b8d9cd;border-radius:12px}.phonics-worksheet-builder>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:11px;list-style:none;display:flex}.phonics-worksheet-builder>summary::-webkit-details-marker{display:none}.phonics-worksheet-builder>summary b,.phonics-worksheet-builder>summary small{display:block}.phonics-worksheet-builder>summary b{font-size:12px}.phonics-worksheet-builder>summary small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.phonics-builder-body{gap:10px;padding:0 11px 11px;display:grid}.phonics-builder-body label{gap:5px;font-size:11px;font-weight:700;display:grid}.phonics-builder-body label small{color:var(--muted);font-size:10px;font-weight:400}.phonics-builder-body input,.phonics-builder-body select,.phonics-builder-body textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #bad7cc;border-radius:8px;padding:8px;font:12px/1.4 inherit}.phonics-builder-body textarea{resize:vertical}.phonics-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phonics-group{background:#fff;border:1px solid #d5e8df;border-radius:10px;gap:9px;min-width:0;padding:9px;display:grid}.phonics-error{color:#aa3535;margin:0;font-size:11px}.phonics-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.phonics-actions small{color:var(--muted);flex:150px;font-size:10px}.phonics-actions button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:8px 12px;font:700 11px inherit;display:inline-flex}.phonics-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:420px){.phonics-group-grid{grid-template-columns:1fr}}.age-filter{background:#f5faf8;border:1px solid #cfe1da;border-radius:12px;gap:7px;min-width:0;padding:9px;display:grid}.age-filter>b{color:var(--ink);font-size:11px}.age-filter>div{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:5px;min-width:0;padding-bottom:3px;display:flex;overflow-x:auto}.age-filter button{white-space:nowrap;min-height:34px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #c9dcd5;border-radius:9px;flex:1 0 auto;padding:6px 8px;font:700 10px/1.35 inherit}.age-filter button.active{border-color:var(--green);color:var(--green);background:#e5f4ee;box-shadow:inset 0 0 0 1px #07866e18}.tool-age-filter{margin-bottom:9px}.template-search{border:1px solid var(--line);background:#fbfcfb;border-radius:10px;align-items:center;gap:7px;padding:0 9px;display:flex}.template-search span{color:var(--muted);font-size:16px}.template-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:11px}.template-categories{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.template-categories button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:99px;flex:none;align-items:center;gap:5px;min-height:34px;padding:6px 9px;font-size:10px;display:inline-flex}.template-categories button small{color:#68736e;background:#f0f3f1;border-radius:99px;place-items:center;min-width:17px;height:17px;font-size:8px;display:inline-grid}.template-categories button.active{background:var(--soft);color:var(--green);border-color:#a5cabb;font-weight:700}.template-categories button.active small{color:var(--green);background:#fff}.template-filter-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.template-filter-row label{color:var(--muted);flex-direction:column;gap:4px;font-size:10px;display:flex}.template-filter-row select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;min-height:38px;padding:0 8px;font-size:10px}.template-filter-groups{gap:7px;display:grid}.template-filter-groups details{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.template-filter-groups summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:11px;font-weight:700;list-style:none;display:flex}.template-filter-groups summary::-webkit-details-marker{display:none}.template-filter-groups summary:after{content:"⌄";color:var(--green)}.template-filter-groups details[open] summary:after{content:"⌃"}.template-filter-groups summary small{color:var(--muted);margin-inline-start:auto;font-size:8px;font-weight:400}.template-filter-groups details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;max-height:176px;padding:0 9px 9px;display:grid;overflow-y:auto}.template-filter-groups details>div>label{min-width:0;min-height:28px;color:var(--ink);cursor:pointer;align-items:center;gap:5px;font-size:9px;display:flex}.template-filter-groups input{width:16px;height:16px;accent-color:var(--green);flex:none;margin:0}.template-filter-groups label span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.template-filter-groups label small{color:var(--muted);margin-inline-start:auto;font-size:8px}.template-results-count{color:var(--green);font-size:10px;font-weight:700}.template-results-count b,.template-results-count small{display:block}.template-results-count small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:400}.template-results-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-results-summary>button{border:1px solid var(--line);color:var(--green);font:inherit;cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:6px 8px;font-size:9px}.template-scope-tabs{grid-template-columns:.65fr 1fr 1.45fr;gap:5px;display:grid}.template-scope-tabs button{border:1px solid var(--line);min-width:0;color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;min-height:36px;padding:7px 5px;font-size:9px}.template-scope-tabs button.active{background:var(--soft);color:var(--green);border-color:#9ac6b5;font-weight:700}.template-scope-tabs small{background:#fff;border-radius:99px;place-items:center;min-width:17px;height:17px;margin-inline-start:3px;font-size:8px;display:inline-grid}.template-list{gap:8px}.template-list article{border:1px solid var(--line);background:#fbfcfb;border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.template-list article>i{background:var(--soft);width:38px;height:38px;color:var(--green);border-radius:10px;place-items:center;font-style:normal;font-weight:700;display:grid}.template-list article>span,.template-list article b,.template-list article small,.template-list article em{min-width:0;display:block}.template-list article b{font-size:11px}.template-list article small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.5}.template-list article em{color:var(--green);margin-top:4px;font-size:9px;font-style:normal}.template-list article>button,.template-card-actions button{color:var(--green);font:inherit;cursor:pointer;background:#fff;border:1px solid #a5cabb;border-radius:8px;min-height:36px;padding:7px;font-size:10px}.template-list article>button:hover,.template-card-actions button:hover{background:var(--soft)}.template-list article.full-page-template{border-right:4px solid var(--green);background:linear-gradient(135deg,#fff,#f5fbf8);grid-template-columns:42px minmax(0,1fr);display:grid}.template-card-actions{flex-direction:row;grid-column:1/-1;align-items:stretch;gap:5px;display:flex}.template-card-actions button{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.template-card-actions svg{flex-shrink:0}.template-preview-dialog{color:#243b31;background:#f3f7f5;border:1px solid #c9ddd3;border-radius:20px;width:min(850px,94vw);max-height:92dvh;margin:auto;padding:0;font-family:Cairo,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.template-preview-dialog[open]{flex-direction:column;display:flex}.template-preview-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10251db3}.template-preview-dialog>header,.template-preview-dialog>footer{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;display:flex}.template-preview-dialog h2{margin:0;font-size:19px}.template-preview-dialog button{min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bddacf;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;display:flex}.template-preview-dialog>footer button:first-child{color:#fff;background:#07866e}.template-preview-scroll{overscroll-behavior:contain;min-height:0;padding:18px;overflow:auto}.template-preview-scroll>p{color:#60766b;margin:0 0 14px;font-size:12px}.template-preview-paper{background:#fff;min-width:580px;padding:24px;box-shadow:0 3px 16px #1232}.template-preview-paper>section{border-bottom:1px solid #e6eee9;padding:12px 0}.template-card-actions .template-favorite{color:#8c938f;min-width:68px;padding:5px}.template-card-actions .template-favorite.active{color:#c58a00;background:#fff8d9;border-color:#d2a52c}.template-card-actions .use-page-template{background:var(--green);color:#fff}.template-empty{text-align:center;color:var(--muted);padding:28px 12px}.template-empty b,.template-empty span{font-size:10px;display:block}.template-note{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.template-load-more{background:var(--soft);width:100%;color:var(--green);font:inherit;cursor:pointer;border:1px dashed #91bbaa;border-radius:11px;padding:10px;font-size:10px;font-weight:700}.template-load-more small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:400;display:block}.palestinian-template-badge{width:fit-content;color:var(--green);background:#e6f4ed;border-radius:99px;margin-top:5px;padding:4px 8px;font-size:9px;font-weight:700}@media (max-width:900px){.age-filter{padding:8px}.age-filter button{min-height:40px}.template-mode-tabs button{min-height:58px}.template-categories button,.template-scope-tabs button,.template-filter-row select{min-height:44px}.template-mode-tabs b{font-size:11px}.template-mode-tabs small{font-size:8px}.template-filter-row select{min-height:40px;font-size:10px}.template-list article{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.template-list article b{font-size:12px}.template-list article em{font-size:10px}.template-card-actions button{min-height:42px;font-size:11px}.template-scope-tabs button{font-size:9px}}.template-list .template-card-actions{justify-content:center;gap:8px;width:100%}.template-list .template-card-actions button{height:40px;min-height:40px;flex:0 0 40px!important;width:40px!important;min-width:40px!important;padding:8px!important}.template-list .template-card-actions button>span{display:none}.template-list .template-card-actions .use-page-template{opacity:1;color:#fff!important;background:#07866e!important;border-color:#07866e!important}.template-preview-dialog[open]{height:92dvh}.template-preview-dialog .template-preview-scroll{flex:1;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden}.template-preview-fit{flex-shrink:0;position:relative}.template-preview-dialog .template-preview-paper{transform-origin:0 0;box-sizing:border-box;width:700px;min-width:700px;min-height:990px;padding:28px;position:absolute;top:0;left:0}.template-paged-dialog[open]{height:min(850px,88dvh)}.template-paged-dialog .template-page-nav{flex:none;justify-content:center;align-items:center;gap:12px;padding:8px;font-size:12px;display:flex}.template-paged-dialog .template-page-nav button{min-height:34px;padding:4px 12px;font-size:12px}.template-paged-dialog button:disabled{opacity:.45;cursor:not-allowed}.template-paged-dialog .template-a4{width:794px;min-width:794px;height:1123px;min-height:1123px;padding:32px;position:absolute;overflow:hidden}.template-paper-heading{border-bottom:1px solid #dce8e1;height:110px;margin-bottom:12px}.template-paper-heading h3{margin:5px 0;font-size:24px}.template-paper-heading p{font-size:14px}.template-paper-content{height:850px}.template-measured-block{box-sizing:border-box;overflow-wrap:anywhere;border-bottom:1px solid #e6eee9;padding:12px 0;font-size:16px;line-height:1.7;display:flow-root}.template-measure-host{box-sizing:border-box;visibility:hidden;pointer-events:none;contain:layout style;width:794px;padding:32px;position:fixed;top:0;left:-20000px}.template-paper-number{text-align:center;width:100%;position:absolute;bottom:20px;left:0}.template-size-warning{background:#fff1df;margin:0;padding:8px 16px;font-size:12px;line-height:1.7}@media (max-width:600px){.template-paged-dialog>header,.template-paged-dialog>footer{gap:6px;padding:10px}.template-paged-dialog h2{font-size:15px}.template-paged-dialog>footer button{padding:7px;font-size:12px}.template-paged-dialog .template-page-nav{gap:7px}}
