.template-choices{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}
.template-choices legend{padding:0 6px;font-weight:700;font-size:14px}
.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px}
.template-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:6px;padding:8px;border:2px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface-2)}
.template-card input{position:absolute;top:12px;right:12px;width:20px;height:20px;z-index:1;accent-color:var(--accent)}
.template-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.template-card:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.template-card:has(input:disabled){opacity:.6;cursor:default}
.template-preview{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;height:130px;border-radius:6px;background:#e8ebef}
.template-preview svg{display:block;width:100%;height:100%;pointer-events:none}
.template-caption{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;line-height:1.3}
@media(max-width:480px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-preview{height:110px}.template-choices{padding:8px}.template-card{padding:6px}}