.vector-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vector-inputs .field{margin:0}.vector-inputs input{padding:8px!important}.controls fieldset{border:1px solid var(--line);border-radius:12px;margin:0 0 16px;padding:12px}.controls legend{font-size:12px;font-weight:700;padding:0 6px}.vector-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.swatch-a{background:#69dfce}.swatch-b{background:#ffba7a}.swatch-result{background:#def28f}.vector-stage-title{position:absolute;left:24px;top:20px;color:#ebf6ee;pointer-events:none;z-index:1;right:20px}.vector-stage-title>span{display:block;font-size:10px;letter-spacing:.15em;color:#9fbfbd;margin-bottom:5px}.vector-stage-title strong{font-size:19px;font-weight:500;overflow-wrap:anywhere}.vector-legend{position:absolute;bottom:16px;left:20px;right:15px;display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#cadaD4;pointer-events:none;z-index:1}.vector-results{padding:0 22px 22px}.vector-results caption{text-align:left;padding:8px;font-size:12px;font-weight:650}.vector-results td{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.vector-results th{width:48%}.stage-toolbar #vectorSlideLabel{flex:1;min-width:190px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.stage-toolbar input[type=range]{min-height:18px}#vectorStage[data-invalid=true] canvas{opacity:.18}#vectorNotes{color:#8d4b14}.vector-workbench .stage-panel{align-self:start}.vector-workbench .stage{height:460px}@media(min-width:1050px){.vector-workbench .stage-panel{position:sticky;top:12px}.vector-workbench{overflow:clip}}@media(max-width:700px){.vector-workbench .stage{height:370px}.vector-results{padding:0 10px 16px}.vector-results td{font-size:11px}.vector-stage-title{left:18px}.vector-workbench .controls{padding:16px}.vector-workbench fieldset{padding:10px}.vector-workbench .metrics{grid-template-columns:1fr 1fr 1fr}.vector-workbench .metric strong{font-size:18px}.vector-workbench .metric small{font-size:10px}}