/* Generator-only additions: compact, accessible preset choices and mobile bulk access. */
.template-chooser{display:grid;gap:10px}
.template-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.template-heading strong{font-size:12px;color:#504a5c}
.template-heading small{font-size:10px;color:#8a8494}
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.template-option{display:grid;justify-items:center;gap:6px;padding:9px 5px 8px;border:1px solid #e4e0e9;border-radius:11px;background:#fff;color:#5c5668;font-size:10px;font-weight:700;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.template-option:hover{transform:translateY(-2px);border-color:#bdb1fa}
.template-option:focus-visible{outline:3px solid #b5a5ff;outline-offset:2px}
.template-option.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,74,255,.12);color:var(--ink)}
.template-mark{width:42px;height:42px;display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:3px;align-content:center;justify-content:center;position:relative;border-radius:7px;background:var(--preset-bg);border:1px solid #e8e4ec}
.template-mark i{display:block;width:12px;height:12px;border:3px solid var(--preset-fg);border-radius:2px}
.template-mark i:nth-child(3){grid-column:1;grid-row:2}
.template-mark b{position:absolute;right:9px;bottom:10px;width:3px;height:3px;background:var(--preset-fg);box-shadow:5px 0 var(--preset-fg),0 5px var(--preset-fg),5px 5px var(--preset-fg)}
.optional-label{font-weight:500;color:#8a8494;font-size:10px}
.bulk-mobile-shortcut{display:none}
@media(max-width:520px){
  .template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .template-option{padding-inline:2px;font-size:9px}
  .template-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .bulk-mobile-shortcut{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:0 -12px 0;background:#f4f0ff;color:#5334cb;font-size:12px;font-weight:750;border-bottom:1px solid #e6defe}
}