.join-lab{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);min-width:0;box-shadow:var(--shadow-sm);margin:28px 0;padding:clamp(18px,3vw,28px)}.join-lab__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 20px;display:flex}.join-lab__toolbar-main{flex:340px;min-width:0}.join-lab__toolbar .visualization-toolbar__label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.join-lab__toolbar p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.join-lab__toolbar p strong{color:var(--text-primary)}.join-lab__toolbar .visualization-toolbar__actions{flex-wrap:wrap;gap:8px;display:flex}.join-lab__progress{background:var(--surface-2);border-radius:999px;height:6px;margin:18px 0 22px;overflow:hidden}.join-lab__progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.join-lab__keys{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.join-lab__keys article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);min-width:0;padding:16px}.join-lab__keys span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.join-lab__keys strong{overflow-wrap:anywhere;font-size:14.5px;line-height:1.45;display:block}.join-lab__keys p{color:var(--text-secondary);margin:8px 0 0;font-size:13.5px;line-height:1.6}.join-lab__equation{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);gap:8px;margin-bottom:16px;padding:16px 18px;display:grid}.join-lab__equation p{color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0;font-size:14px;display:flex}.join-lab__equation p.is-active{color:var(--text-primary);font-weight:620}.join-lab__equation code{border:1px solid var(--border);background:var(--surface-1);border-radius:5px;padding:1px 6px;font-size:13px}.join-lab__equation-result{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:620}.join-lab__equation-total{border-top:1px dashed var(--border);font-variant-numeric:tabular-nums;padding-top:8px}.join-lab__metrics{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px;padding:14px 16px;display:grid}.join-lab__metrics[data-tone=risk]{border-color:var(--danger-border);background:var(--danger-bg)}.join-lab__metrics[data-tone=ok]{border-color:var(--success-border);background:var(--success-bg)}.join-lab__metrics>div{min-width:0}.join-lab__metrics span{color:var(--text-muted);font-size:12px;line-height:1.4;display:block}.join-lab__metrics strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;display:block}.join-lab__metrics>div[data-tone=risk] strong{color:var(--danger-text)}.join-lab__metrics>p{color:var(--text-secondary);grid-column:1/-1;margin:4px 0 0;font-size:13.5px;line-height:1.6}.join-lab__result{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);margin-bottom:18px;overflow:hidden}.join-lab__result[data-tone=risk]{border-color:var(--danger-border)}.join-lab__result[data-tone=ok]{border-color:var(--success-border)}.join-lab__result-heading{background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.join-lab__result[data-tone=risk] .join-lab__result-heading{background:var(--danger-bg)}.join-lab__result[data-tone=ok] .join-lab__result-heading{background:var(--success-bg)}.join-lab__result-heading span{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.join-lab__result-heading strong{font-variant-numeric:tabular-nums}.join-lab__empty{color:var(--text-muted);margin:0;padding:16px;font-size:14px}.join-lab__table-scroll{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;max-width:100%;overflow-x:auto}.join-lab__table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}.join-lab__table th,.join-lab__table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 12px}.join-lab__table thead th{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:700}.join-lab__table td{font-variant-numeric:tabular-nums}.join-lab__table tbody tr.is-active{background:var(--info-bg)}.join-lab__table code{border:1px solid var(--border);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.join-lab__distinct{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px;display:grid}.join-lab__distinct article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);min-width:0;padding:16px}.join-lab__distinct article[data-tone=warning]{border-color:var(--warning-border);background:var(--warning-bg)}.join-lab__distinct span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.join-lab__distinct h4{margin:0 0 10px;font-size:14.5px}.join-lab__distinct code{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);white-space:pre;margin-bottom:10px;padding:10px 12px;font-size:12px;line-height:1.6;display:block;overflow-x:auto}.join-lab__distinct p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.65}.join-lab__sources{gap:14px;display:grid}.join-lab__source{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);min-width:0;overflow:hidden}.join-lab__source[data-tone=risk]{border-color:var(--danger-border)}.join-lab__source-heading{background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:10px 14px;display:flex}.join-lab__source-heading strong{font-size:14px}.join-lab__source-heading span{color:var(--text-muted);font-size:12px}.join-lab__fix{border:1px solid var(--success-border);border-radius:var(--radius-md);background:var(--success-bg);margin-top:16px;padding:16px 18px}.join-lab__fix>span{color:var(--success-text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.join-lab__fix pre{border-radius:var(--radius-sm);background:var(--code-bg);max-width:100%;color:var(--code-text);margin:0;padding:16px;font-size:12.5px;line-height:1.65;overflow-x:auto}.join-lab__fix code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media (width<=680px){.join-lab{padding:16px 14px}.join-lab__toolbar .visualization-toolbar__actions{width:100%}.join-lab__toolbar .visualization-toolbar__actions .button{flex:auto}}