.heatmap-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:20px;padding:20px}.heatmap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.heatmap-title{color:var(--foreground);font-size:15px;font-weight:600}.heatmap-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.heatmap-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.heatmap-visual{aspect-ratio:4/3;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative;overflow:hidden}.heatmap-image{object-fit:contain;width:100%;height:100%;display:block}.heatmap-image--hidden{display:none}.heatmap-loading{color:var(--muted);text-align:center;padding:20px;font-size:14px}.heatmap-placeholder{color:var(--muted);background:#ffffffb3;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.heatmap-caption{color:var(--muted);text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.footer{text-align:center;margin-top:auto;padding-top:24px}