.template-code-preview-module__UjklgG__resources{gap:20px;margin-top:8px;display:grid}.template-code-preview-module__UjklgG__resource{border-top:1px solid #0f172a14;gap:14px;min-width:0;padding-top:20px;display:grid}.template-code-preview-module__UjklgG__resourceHeader,.template-code-preview-module__UjklgG__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.template-code-preview-module__UjklgG__resourceHeader>div{gap:6px;display:grid}.template-code-preview-module__UjklgG__resource h3{color:var(--foreground-strong);font-size:1.2rem;line-height:1.25}.template-code-preview-module__UjklgG__referenceCallout{border-radius:var(--radius-sm);background:radial-gradient(circle at 12% 18%,#146ff61f,#0000 34%),linear-gradient(145deg,#f8fbfffa,#fffffff0);border:1px solid #146ff624;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:clamp(18px,3vw,24px);display:grid}.template-code-preview-module__UjklgG__referenceCallout>div:first-child{gap:8px;display:grid}.template-code-preview-module__UjklgG__referenceCallout p:not(.template-code-preview-module__UjklgG__section-label){color:var(--muted-strong);margin:0;line-height:1.6}.template-code-preview-module__UjklgG__referenceLinks{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.template-code-preview-module__UjklgG__downloadLink,.template-code-preview-module__UjklgG__toolbar a,.template-code-preview-module__UjklgG__toolbar button,.template-code-preview-module__UjklgG__referenceLinks a{min-height:36px;color:var(--brand);border-radius:var(--radius-sm);font:inherit;background:#146ff614;border:1px solid #146ff629;align-items:center;padding:0 12px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.template-code-preview-module__UjklgG__downloadLink:focus-visible,.template-code-preview-module__UjklgG__toolbar a:focus-visible,.template-code-preview-module__UjklgG__toolbar button:focus-visible,.template-code-preview-module__UjklgG__referenceLinks a:focus-visible{outline-offset:3px;outline:3px solid #146ff63d}.template-code-preview-module__UjklgG__downloadGrid{flex-wrap:wrap;gap:10px;display:flex}.template-code-preview-module__UjklgG__documentPreview{object-fit:contain;border-radius:var(--radius-sm);background:#f8fbff;border:1px solid #0f172a14;width:100%;max-height:640px;display:block}.template-code-preview-module__UjklgG__officePreviewFrame{border-radius:var(--radius-sm);background:#f8fbff;border:1px solid #0f172a1f;width:100%;min-height:720px}.template-code-preview-module__UjklgG__previewNote{color:var(--muted-strong);font-size:.95rem;line-height:1.6}.template-code-preview-module__UjklgG__previewFallback{color:var(--muted-strong);border-radius:var(--radius-sm);background:#146ff60d;border:1px solid #146ff61a;padding:16px}@media (max-width:720px){.template-code-preview-module__UjklgG__referenceCallout{grid-template-columns:1fr}.template-code-preview-module__UjklgG__referenceLinks{justify-content:flex-start}.template-code-preview-module__UjklgG__officePreviewFrame{min-height:520px}}.template-code-preview-module__UjklgG__preview{border-radius:var(--radius-sm);background:#0d172a;border:1px solid #0f172a24;min-width:0;display:grid;overflow:hidden}.template-code-preview-module__UjklgG__toolbar{color:#ffffffc2;background:#ffffff0f;border-bottom:1px solid #ffffff14;padding:12px}.template-code-preview-module__UjklgG__toolbar>div{flex-wrap:wrap;gap:8px;display:flex}.template-code-preview-module__UjklgG__toolbar button{cursor:pointer}.template-code-preview-module__UjklgG__preview pre,.template-code-preview-module__UjklgG__markdownPreview{white-space:pre-wrap;max-width:100%;margin:0;overflow:auto}.template-code-preview-module__UjklgG__preview pre{color:#ffffffe6;max-height:520px;padding:18px;font-size:.88rem;line-height:1.6}.template-code-preview-module__UjklgG__markdownPreview{color:var(--foreground-strong);border-radius:var(--radius-sm);background:#146ff60d;border:1px solid #146ff61a;padding:16px;font-family:inherit;font-size:.95rem;line-height:1.65}