.scatter-playground{--scatter-accent:#3468ef;color:var(--text,#151619);min-width:0;font-family:inherit}.scatter-workbench{border:1px solid var(--border,#d9dce1);background:var(--surface,#fffefa);grid-template-columns:minmax(0,1fr) 280px;display:grid}.scatter-preview{align-self:center;min-width:0;padding:30px}.scatter-preview-heading{color:var(--muted,#5d6574);justify-content:space-between;gap:16px;font-size:12px;display:flex}.scatter-preview-heading span:first-child{letter-spacing:.13em;font-family:monospace}.scatter-preview .chart-frame{width:100%;height:auto;margin-top:24px;display:block;overflow:visible}.scatter-grid{stroke:var(--border,#d9dce1);stroke-width:1px}.scatter-axis-label{fill:var(--muted,#5d6574);font-size:12px}.scatter-bar{fill:var(--scatter-accent)}.scatter-preview-caption{color:var(--muted,#5d6574);max-width:48ch;font-size:14px;line-height:1.6}.scatter-controls{border-left:1px solid var(--border,#d9dce1);padding:24px}.scatter-playground fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.scatter-playground legend{margin-bottom:12px;font-size:13px;font-weight:600}.scatter-playground button,.scatter-playground select{font:inherit;color:inherit;border:1px solid var(--border,#d9dce1);cursor:pointer;background:0 0;border-radius:4px;padding:9px 12px;font-size:13px}.scatter-playground button:hover{border-color:var(--scatter-accent)}.scatter-playground button:disabled{opacity:.55;cursor:wait}.scatter-playground :is(button,select,input,pre,ul):focus-visible{outline:2px solid var(--scatter-accent);outline-offset:4px}.scatter-segmented{display:flex}.scatter-segmented button{flex:1;padding:8px 10px}.scatter-segmented button[aria-pressed=true]{background:var(--scatter-accent);color:#fff;border-color:var(--scatter-accent)}.scatter-range{margin-bottom:14px}.scatter-range label{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.scatter-range label span{color:var(--muted,#5d6574);font-variant-numeric:tabular-nums}.scatter-range input{width:100%;accent-color:var(--scatter-accent);cursor:pointer;display:block}.scatter-reset{width:100%;margin-top:8px}.scatter-source{color:#edf0f7;background:#191c24;border:1px solid #303641;min-width:0;margin-top:24px}.scatter-source-toolbar{border-bottom:1px solid #303641;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;font-size:13px;display:flex}.scatter-source-toolbar select{color:#edf0f7;background:#191c24;border-color:#505b6c}.scatter-source-toolbar button{border-color:#505b6c;margin-left:auto}.scatter-source pre{tab-size:2;height:340px;margin:0;padding:24px;font-size:13px;line-height:1.75;overflow:auto}.scatter-source code{color:#bbcafa;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.scatter-export{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.scatter-export p{color:var(--muted,#5d6574);max-width:56ch;font-size:13px;line-height:1.6}.scatter-export-buttons{flex-shrink:0;gap:10px;display:flex}@media (width<=900px){.scatter-workbench{grid-template-columns:1fr}.scatter-controls{border-left:0;border-top:1px solid var(--border,#d9dce1);grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.scatter-reset{align-self:end}.scatter-export{flex-direction:column;align-items:stretch;gap:10px}}@media (width<=480px){.scatter-preview{padding:20px 12px}.scatter-preview-heading{font-size:10px}.scatter-controls{padding:20px;display:block}.scatter-source-toolbar{gap:8px;padding:12px}.scatter-source-toolbar label{width:100%}.scatter-source pre{padding:16px;font-size:12px}.scatter-export-buttons{flex-wrap:wrap}.scatter-export-buttons button{flex:1}}.scatter-point{fill:var(--scatter-accent);stroke:var(--surface,#fffefa);stroke-width:2px;cursor:crosshair}.scatter-point-b{fill:#c95b40}.scatter-point[aria-current=true],.scatter-point:focus-visible{stroke:var(--text,#151619);stroke-width:3px;outline:none}.scatter-legend{color:var(--muted,#5d6574);gap:20px;font-size:13px;display:flex}.scatter-legend span{align-items:center;gap:8px;display:flex}.scatter-legend i{background:var(--scatter-accent);border-radius:50%;width:10px;height:10px}.scatter-legend span:last-child i{background:#c95b40}.scatter-inspector{border:1px solid var(--border,#d9dce1);border-radius:4px;min-height:105px;margin-top:20px;padding:16px;font-size:14px}.scatter-inspector p{margin:0}.scatter-inspector dl{flex-wrap:wrap;gap:12px 24px;margin:12px 0 0;display:flex}.scatter-inspector dl div{gap:8px;display:flex}.scatter-inspector dt{color:var(--muted,#5d6574)}.scatter-inspector dd{font-variant-numeric:tabular-nums;margin:0}.scatter-inspect-select{margin-bottom:20px}.scatter-inspect-select label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.scatter-inspect-select select{width:100%}.chart-viewport{width:100%;min-width:0}.chart-frame:focus-visible{outline:2px solid var(--chart-focus,var(--blue,#3d79fa));outline-offset:4px}.chart-data{margin-top:16px;font-size:12px}.chart-data summary{cursor:pointer}.chart-data table{border-collapse:collapse;width:100%;margin-top:12px}.chart-data th,.chart-data td{text-align:left;border-bottom:1px solid var(--border,#d9dce1);overflow-wrap:anywhere;padding:6px}.chart-data caption{text-align:left;margin-bottom:8px}.live-example[data-astro-cid-ewcgiz5r]{min-width:0}.live-example[data-astro-cid-ewcgiz5r] astro-island[data-astro-cid-ewcgiz5r][ssr]:before{content:"Preparing the live example…";border:1px solid var(--border);color:var(--muted);padding:48px;display:block}