.embedding-lab{margin:18px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:16px}.embedding-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.embedding-heading h3{font-size:18px;margin:0}.embedding-heading>span{font-size:12px;color:var(--muted)}.embedding-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0}.embedding-controls label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;font-size:12px;min-width:0}.embedding-controls label input{grid-column:1;grid-row:2}.embedding-controls label output{grid-column:2;grid-row:2;white-space:nowrap}.embedding-controls input{width:100%;min-width:0;margin:0}.embedding-controls output{font:12px ui-monospace,monospace}.embedding-lab input{accent-color:var(--accent)}.embedding-space{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.embedding-feature-panel{padding:12px;border-right:1px solid var(--line);min-width:0}.embedding-feature-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.embedding-feature-controls label{display:grid;gap:4px;font-size:12px}.embedding-feature-controls select{max-width:100%}.embedding-evidence{padding:14px;min-width:0}.embedding-lab h4{font-size:13px;margin:0 0 10px}.embedding-prediction small{font-size:10px;color:var(--muted)}.embedding-coordinate-note{font-size:12px;color:var(--muted);margin:12px 0 20px}.embedding-prediction{display:grid;grid-template-columns:60px minmax(40px,1fr) 50px 50px;gap:8px;align-items:center;font-size:12px;margin:9px 0}.prediction-track{height:8px;background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden}.prediction-track i{display:block;height:100%;background:var(--accent)}.embedding-loss{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.embedding-loss b,.embedding-loss output{display:block;margin-bottom:6px}.embedding-loss small{font-size:11px;color:var(--muted)}.embedding-loss svg{width:100%;height:55px;background:var(--panel);border-radius:4px}.embedding-loss path{fill:none;stroke:var(--accent);stroke-width:2}.embedding-loss line{stroke:var(--warn);stroke-width:1.5}.embedding-lab details{margin-bottom:0}.embedding-lab code{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.embedding-lab{padding:12px}.embedding-space{grid-template-columns:1fr}.embedding-feature-panel{border-right:0;border-bottom:1px solid var(--line)}.embedding-controls{gap:8px}.embedding-controls label{width:100%}.embedding-controls input{min-width:0}.embedding-prediction{grid-template-columns:50px minmax(35px,1fr) 45px 42px;gap:5px}}

.embedding-table-scroll{overflow-x:auto}.embedding-all-vectors{width:100%;border-collapse:collapse;font-size:12px}.embedding-all-vectors th,.embedding-all-vectors td{padding:5px 4px;text-align:right;border-bottom:1px solid var(--line);color:var(--ink);background:var(--panel)}.embedding-all-vectors th:first-child{text-align:left}.embedding-all-vectors button{font:inherit;padding:3px 5px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;cursor:pointer}.embedding-all-vectors .is-selected button{outline:2px solid var(--ink);outline-offset:1px;font-weight:700}.embedding-all-vectors .is-selected td{font-weight:700;color:var(--accent)}

.embedding-lab{--embedding-token-41:#236a99;--embedding-token-208:#a24236;--embedding-token-17:#697219;--embedding-token-9:#79539a;}
:root[data-theme=dark] .embedding-lab{--embedding-token-41:#76bde9;--embedding-token-208:#ff9c88;--embedding-token-17:#c1d36a;--embedding-token-9:#c7a0eb;}
.embedding-all-vectors button{color:var(--token-color);white-space:nowrap}.embedding-token-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--token-color);margin-right:5px}.embedding-all-vectors .is-selected .embedding-token-swatch{outline:1px solid var(--ink);outline-offset:2px}

.embedding-calculation{font-size:12px;margin:8px 0 12px}.embedding-calculation table{width:100%;border-collapse:collapse;margin:10px 0;color:var(--ink);background:var(--panel)}.embedding-calculation th,.embedding-calculation td{padding:5px 3px;text-align:right;border-bottom:1px solid var(--line)}.embedding-calculation thead th{font-size:10px}.embedding-calculation td{font-family:ui-monospace,monospace}.embedding-calculation small{display:block;color:var(--muted);margin-top:8px}.embedding-score,.embedding-softmax{padding:4px 0}



.embedding-lab{--embedding-token-315:#a15b0d;--embedding-token-78:#087970;--embedding-token-502:#a33771;--embedding-token-93:#515fcc;--embedding-token-10:#576651}:root[data-theme=dark] .embedding-lab{--embedding-token-315:#f4c16c;--embedding-token-78:#65d2bc;--embedding-token-502:#f1a0cb;--embedding-token-93:#a9b6ff;--embedding-token-10:#ced2b5}.embedding-documents{margin:14px 0}.embedding-documents ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.embedding-documents li{display:flex;gap:8px;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--panel);color:var(--ink)}.training-document-id{font-size:11px;color:var(--muted)}.training-document-text{font-size:13px;margin-bottom:7px}.training-document-tokens{display:flex;flex-wrap:wrap;gap:4px}.training-document-tokens button{font:11px ui-monospace,monospace;color:var(--token-color);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px;cursor:pointer}.training-document-tokens button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}@media(max-width:760px){.embedding-documents ol{grid-template-columns:1fr}}

.embedding-loop-state{font-size:11px;color:var(--muted);margin:6px 0 14px}

.embedding-pairs{border-collapse:collapse;width:100%;font:12px ui-monospace,monospace;background:var(--panel);color:var(--ink)}.embedding-pairs th,.embedding-pairs td{padding:6px;border-bottom:1px solid var(--line);text-align:left}.embedding-pairs button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px;cursor:pointer}

.embedding-code-workbench{display:block;margin-top:16px}.embedding-function-detail{min-width:0}

.output-weights{margin:16px 0;min-width:0}.output-weights-table{width:100%;min-width:0;border-collapse:collapse;background:var(--panel);color:var(--ink);font-size:12px}.output-weights-table th,.output-weights-table td{padding:8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}.output-weights-table th:first-child{text-align:left}.output-weights-table thead th{font-size:11px}.output-weights-table .weight-candidate{background:var(--selected);color:var(--ink)}.embedding-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.output-weights-table th small{display:block;font-size:9px;font-weight:400}

.output-weights-table code{white-space:nowrap;overflow-wrap:normal;word-break:normal}

.embedding-controls label>span{grid-column:1 / -1}

.embedding-code-workbench[data-value-only=true]::part(function){display:none}

.embedding-code-workbench{--code-explorer-columns:minmax(280px,.85fr) minmax(0,1.55fr);margin-top:12px}.training-controls,.embedding-view-controls{grid-template-columns:1fr}.embedding-function-detail .embedding-documents ol{grid-template-columns:1fr}.embedding-function-detail .embedding-space{border:0}.embedding-function-detail .embedding-feature-panel{padding:0 12px 0 0}.embedding-function-detail .embedding-evidence{padding:0 0 0 12px}.embedding-function-detail .output-weights{margin:12px 0 0}@media(max-width:1100px){.embedding-function-detail .embedding-space{grid-template-columns:1fr}.embedding-function-detail .embedding-feature-panel{padding:0;border-right:0;border-bottom:1px solid var(--line)}.embedding-function-detail .embedding-evidence{padding:12px 0 0}}

.weights-space .output-weights{min-width:0;padding:0 0 0 12px}.embedding-function-detail .weights-space .output-weights{margin:0}@media(max-width:1100px){.weights-space .output-weights{padding:12px 0 0}}.output-weights-table th button{font:inherit;color:var(--token-color,var(--ink));background:transparent;border:0;padding:3px;white-space:nowrap}.output-weights-table th button[aria-pressed=true]{outline:1px solid var(--accent)}
.matrix-input{display:flex;align-items:center;gap:10px;font-size:12px;margin:8px 0}.matrix-shape{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;margin:12px 0;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink)}.matrix-scores{width:100%;border-collapse:collapse;font-size:11px;margin:10px 0 18px;background:var(--panel);color:var(--ink)}.matrix-scores th,.matrix-scores td{text-align:right;padding:5px 3px;border-bottom:1px solid var(--line)}.matrix-scores th:first-child{text-align:left}.matrix-scores th{font-weight:500}.matrix-scores button{font:inherit;border:1px solid var(--line);border-radius:5px;padding:3px 6px;background:var(--panel);color:var(--ink);cursor:pointer}.matrix-scores .is-selected{background:var(--selected);color:var(--ink)}.matrix-scores button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.matrix-scores td{font-variant-numeric:tabular-nums}

.predict-output-weights caption{text-align:left;color:var(--ink);font-size:12px;font-weight:600;margin:8px 0}.predict-output-weights code{white-space:nowrap}
.embedding-code-workbench::part(layout){transition:grid-template-columns 260ms ease;align-items:stretch}.embedding-code-workbench[data-predict-open=true]{--code-explorer-columns:minmax(110px,.25fr) minmax(0,2.15fr)}.embedding-code-workbench[data-predict-open=true]::part(source-panel){cursor:pointer;overflow:hidden}.embedding-code-workbench[data-predict-open=true]::part(source){overflow:hidden;opacity:.65}.embedding-code-workbench[data-predict-open=true]::part(detail-panel){padding:0;border:0;background:transparent}.embedding-code-workbench[data-predict-open=true]::part(detail-heading),.prediction-code-workbench::part(function){display:none}.prediction-code-workbench{--code-explorer-columns:minmax(0,1fr) minmax(0,1fr)}.prediction-code-workbench::part(layout){align-items:start}.training-loop-heading{font:600 13px system-ui;color:var(--ink);background:var(--panel);border:0;padding:0 0 10px;text-align:left;cursor:pointer}.embedding-code-workbench[data-predict-open=true] .training-controls label{min-width:0}.embedding-code-workbench[data-predict-open=true] .training-controls input{min-width:0;width:100%}@media(max-width:760px){.embedding-code-workbench[data-predict-open=true]::part(layout){grid-template-columns:64px minmax(0,1fr)}.embedding-code-workbench[data-predict-open=true]::part(source-panel){padding:6px}.embedding-code-workbench[data-predict-open=true] .embedding-loop-state{display:none}.embedding-code-workbench[data-predict-open=true] .training-controls label{display:flex;flex-direction:column;align-items:stretch;font-size:9px}.embedding-code-workbench[data-predict-open=true] .training-controls label span{overflow-wrap:anywhere}.prediction-code-workbench::part(layout){grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.embedding-code-workbench::part(layout){transition:none}}

.vector-creature-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.vector-creature-pair figure{margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-width:0}.vector-creature-pair figcaption{text-align:center;font-size:11px;padding-top:8px}.vector-creature{display:block;width:100%;aspect-ratio:4/3}.fingerprint-coordinates,.fingerprint-mapping table{border-collapse:collapse;width:100%;font-size:12px;background:var(--panel);color:var(--ink)}.fingerprint-coordinates caption{text-align:left;font-weight:600;margin:8px 0}.fingerprint-coordinates td,.fingerprint-coordinates th,.fingerprint-mapping td,.fingerprint-mapping th{padding:5px;border-bottom:1px solid var(--line);text-align:right}.fingerprint-coordinates th:first-child,.fingerprint-mapping th{text-align:left}.fingerprint-boundary{font-size:12px;color:var(--muted)}.fingerprint-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.fingerprint-gallery button{padding:0 3px 5px;min-width:0;background:var(--surface);color:var(--ink)}.fingerprint-gallery button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;background:var(--selected);color:var(--ink)}.fingerprint-gallery span{font:11px ui-monospace,monospace}.fingerprint-mapping p{font-size:12px}.embedding-feature-panel{min-width:0}

.embedding-lookup-fingerprint{text-align:center;color:var(--ink);background:var(--panel)}.embedding-lookup-fingerprint .vector-creature{width:160px;max-width:100%;margin:auto}.embedding-lookup-fingerprint small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}

.fingerprint-coordinates th small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.signed-coordinate{display:block;position:relative;width:60px;height:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.signed-coordinate:after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--ink)}.signed-coordinate i{display:block;position:absolute;top:3px;bottom:3px;background:var(--accent)}.signed-coordinate i.negative{background:var(--error)}.zero-fingerprint{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px}.embedding-table-scroll{max-width:100%;min-width:0}.embedding-all-vectors,.output-weights-table,.predict-output-weights,.predict-input-vector,.predict-candidate-vector,.embedding-lookup{white-space:nowrap}.fingerprint-coordinates{font-size:11px}.fingerprint-coordinates td,.fingerprint-coordinates th{padding:5px 2px}.fingerprint-mapping td{white-space:normal}.embedding-predict-detail,.predict-line-values{min-width:0}.embedding-lookup-fingerprint+.embedding-table-scroll{width:100%}
