/* نافذة اختيار التصميم (2026-09) — عائمة فوق الصفحة كما هي، بنفس لغة styles.css */
#tplModal{ display:none; position:fixed; inset:0; z-index:250; background:rgba(2,4,18,.78);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); align-items:center; justify-content:center; padding:18px; }
#tplModal.open{ display:flex; }
.tpl-panel{ width:min(100%, 560px); background:linear-gradient(180deg, rgba(20,34,110,.97), rgba(8,15,50,.98));
  border:1px solid rgba(255,215,107,.45); border-radius:20px; padding:16px 14px 18px; box-shadow:0 30px 80px rgba(0,0,0,.6); }
.tpl-title{ margin:0 0 12px; text-align:center; font-weight:800; font-size:17px; color:#ffd76b; min-height:1.4em; }
.tpl-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tpl-pick{ padding:0; border:2px solid rgba(255,255,255,.18); border-radius:14px; background:transparent; overflow:hidden;
  cursor:pointer; -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent; }
.tpl-pick img{ display:block; width:100%; height:auto; aspect-ratio:1/1; }
.tpl-pick:active, .tpl-pick.loading{ border-color:#ffd76b; box-shadow:0 0 0 3px rgba(255,215,107,.25); }
.tpl-pick[disabled]:not(.loading){ opacity:.5; }
.under-stage{ gap:10px; }
@media (max-width:380px){ .tpl-row{ gap:8px } .tpl-panel{ padding:12px 10px 14px } .tpl-title{ font-size:15px } }