.vector-lab{border-top:2px solid var(--ink);padding-top:16px}.vector-lead{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.vector-lead h2{font:500 25px/1.2 var(--serif);margin:0}.vector-lead p{font-size:12px;color:var(--muted);margin:0}.vector-presets{margin:14px 0 20px;gap:8px}.vector-presets button{font-size:12px;min-height:44px}.vector-experiment{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:40px;align-items:start}.vector-figure{margin:0;min-width:0}.vector-figure canvas{display:block;width:100%;aspect-ratio:1;background:#edf0e9;border:1px solid var(--line);touch-action:none;max-width:540px;margin-inline:auto}.vector-figure figcaption{font:12px/1.6 var(--sans);color:var(--muted);margin:10px 0}.vector-controls{display:grid;grid-template-columns:1fr;gap:16px}.vector-controls fieldset{border:0;margin:0;padding:0;min-width:0}.vector-controls legend{font-size:13px;font-weight:600;margin-bottom:8px}.vector-a,.vector-b{display:inline-block;min-width:22px;text-align:center;margin-right:6px;border:1px solid currentColor}.vector-a{color:#25695e}.vector-b{color:#824b34}.coordinate-row{display:grid;grid-template-columns:auto minmax(50px,1fr) auto minmax(50px,1fr);gap:10px;align-items:center}.coordinate-row input{width:100%;background:transparent;border:1px solid #8a9891;padding:6px 10px;min-height:44px;font-variant-numeric:tabular-nums}.coordinate-row label{font:italic 18px var(--serif)}#input-help,#vector-status{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0}.vector-results{margin:18px 0;border-top:1px solid var(--line)}.vector-results>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.vector-results dt{font-size:13px}.vector-results dd{margin:0;font:36px/1.1 var(--serif);font-variant-numeric:tabular-nums}.vector-results .vector-details dd{font:16px var(--sans)}.vector-results .vector-details dt{font-size:12px}#cosine[data-undefined=true]{font-size:25px}#vector-summary{font:19px/1.5 var(--serif);margin:16px 0 20px;min-height:58px}.vector-panel .control-row button{font-size:12px}.editorial summary{font:600 15px/1.5 var(--sans);padding:16px 0}.editorial details{border-block:1px solid var(--line);margin:28px 0}.vector-figure canvas:active{cursor:grabbing}
@media(max-width:900px){.vector-experiment{gap:24px;grid-template-columns:minmax(0,1fr) minmax(245px,1fr)}.vector-results dd{font-size:30px}.vector-lead{display:block}.vector-lead p{margin-top:5px}}
@media(max-width:600px){.vector-experiment{display:block}.vector-presets{gap:6px;margin:12px 0}.vector-presets button{font-size:11px;padding:8px 10px}.vector-figure canvas{max-height:none}.vector-controls{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.coordinate-row{grid-template-columns:18px minmax(0,1fr);gap:6px}.coordinate-row input{padding:6px 8px}.vector-results{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.vector-results>div{display:block}.vector-results dd{font-size:31px;margin-top:8px}.vector-results dt{font-size:12px}.vector-results .vector-details dd{font-size:14px}.vector-results .vector-details dt{font-size:11px}.vector-lead h2{font-size:23px}#vector-summary{font-size:18px;min-height:0}#cosine[data-undefined=true]{font-size:24px}}

.vector-results{margin-top:0}.vector-results .vector-details{padding-block:8px}@media(max-width:600px){.vector-results>div{padding-block:8px}.vector-results dd{margin-top:3px}.vector-controls{margin-top:10px}.vector-panel .vector-results{margin-top:12px}}