.attention-viz.svelte-v1x3qe{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:24px 0;overflow:hidden}.viz-header.svelte-v1x3qe{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:12px}.viz-title.svelte-v1x3qe{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:var(--text)}.viz-title.svelte-v1x3qe svg:where(.svelte-v1x3qe){color:var(--primary)}.controls.svelte-v1x3qe{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.checkbox-label.svelte-v1x3qe{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer}.checkbox-label.svelte-v1x3qe input:where(.svelte-v1x3qe){cursor:pointer}.temp-label.svelte-v1x3qe{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.temp-label.svelte-v1x3qe input[type=range]:where(.svelte-v1x3qe){width:80px;cursor:pointer}.input-section.svelte-v1x3qe{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.input-label.svelte-v1x3qe{font-size:12px;color:var(--muted);white-space:nowrap}.sentence-input.svelte-v1x3qe{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg);color:var(--text)}.sentence-input.svelte-v1x3qe:focus{outline:none;border-color:var(--primary)}.viz-content.svelte-v1x3qe{padding:16px;display:flex;flex-direction:column;gap:24px}.section-label.svelte-v1x3qe{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.tokens-section.svelte-v1x3qe{display:flex;flex-direction:column}.tokens-row.svelte-v1x3qe{display:flex;flex-wrap:wrap;gap:8px}.token.svelte-v1x3qe{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:2px solid var(--border);border-radius:8px;background:var(--attention-bg, var(--surface));cursor:pointer;transition:all .15s ease;font-family:inherit;font-size:14px}.token.svelte-v1x3qe:hover{border-color:var(--primary)}.token.selected.svelte-v1x3qe{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.token-text.svelte-v1x3qe{font-weight:500;color:var(--text)}.token-weight.svelte-v1x3qe{font-size:10px;color:var(--muted);font-weight:600}.selection-hint.svelte-v1x3qe{margin-top:8px;font-size:12px;color:var(--text)}.selection-hint.muted.svelte-v1x3qe{color:var(--muted)}.matrix-section.svelte-v1x3qe{overflow-x:auto}.matrix-container.svelte-v1x3qe{display:inline-block;min-width:fit-content}.matrix-labels-top.svelte-v1x3qe{display:flex}.corner-label.svelte-v1x3qe{width:48px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);font-style:italic}.matrix-label.svelte-v1x3qe{width:40px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.matrix-label.top.svelte-v1x3qe{writing-mode:horizontal-tb}.matrix-label.left.svelte-v1x3qe{width:48px;justify-content:flex-end;padding-right:8px}.matrix-label.highlighted.svelte-v1x3qe{color:var(--primary);font-weight:600}.matrix-body.svelte-v1x3qe{display:flex;flex-direction:column}.matrix-row.svelte-v1x3qe{display:flex}.matrix-cell.svelte-v1x3qe{width:40px;height:32px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;background:var(--cell-color);border:1px solid var(--border);margin:-.5px;cursor:pointer;transition:all .1s ease;color:var(--text)}.matrix-cell.masked.svelte-v1x3qe{background:var(--surface);color:var(--muted)}.matrix-cell.highlighted.svelte-v1x3qe{border-color:var(--primary);z-index:1}.mask-x.svelte-v1x3qe{font-size:9px;opacity:.6}.matrix-legend.svelte-v1x3qe{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:var(--muted)}.gradient-bar.svelte-v1x3qe{width:100px;height:12px;background:linear-gradient(to right,#fff,#00b3ff);border:1px solid var(--border);border-radius:2px}[data-theme=dark] .gradient-bar.svelte-v1x3qe{background:linear-gradient(to right,#1e293b,#00b3ff)}.formula-section.svelte-v1x3qe{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.formula.svelte-v1x3qe{font-family:Times New Roman,serif;font-size:14px;color:var(--text);text-align:center}@media(max-width:600px){.viz-header.svelte-v1x3qe,.input-section.svelte-v1x3qe{flex-direction:column;align-items:flex-start}.sentence-input.svelte-v1x3qe{width:100%}.matrix-cell.svelte-v1x3qe{width:32px;height:28px;font-size:9px}.corner-label.svelte-v1x3qe,.matrix-label.left.svelte-v1x3qe{width:40px}.matrix-label.svelte-v1x3qe{width:32px;font-size:9px}}