.encoding-controls{margin-top:.4rem}.vel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.vel-grid .field input,.vel-grid .field select{width:100%}.vel-help{color:var(--text-dim);margin-top:.2rem;font-size:.82rem}.segmented{border:1px solid var(--border);background:var(--bg-surface);height:var(--control-h);box-sizing:border-box;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.seg-btn{height:100%;font-size:var(--control-fs);color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0 12px;transition:all .2s;display:inline-flex}.seg-btn:hover{color:var(--text);background:#ffffff0d}.seg-btn.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #0003}#result-area .bd-row>strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}#result-area .bd-row.vel-eq-row>strong{text-align:left;justify-self:start;font-family:inherit;overflow:visible}#result-area .bd-row.vel-eq-row .katex-display,#result-area .bd-row.vel-eq-row .katex{text-align:left;margin:0}.vel-chart-shell{margin-top:.75rem;position:relative}.vel-chart-shell canvas{width:100%;height:auto;display:block}.vel-chart-title{color:var(--text-dim);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.vel-chart-actions{z-index:2;position:absolute;top:.45rem;right:.55rem}.vel-fs-btn{cursor:pointer;width:1.7rem;height:1.7rem;color:var(--text);background:color-mix(in srgb, var(--bg-surface) 82%, transparent);border:0;border-radius:.4rem;line-height:1}.vel-fs-btn:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.vel-chart-shell:fullscreen{background:var(--bg);border-radius:0;flex-direction:column;width:100vw;height:100vh;padding:.75rem;display:flex}.vel-chart-shell:fullscreen canvas{flex:1;height:calc(100vh - 3rem)}.vel-q-good{color:#2f9e44}.vel-q-ok{color:#5f9e37}.vel-q-warn{color:#b08900}.vel-q-bad{color:#c92a2a}.vel-spock-canvas{border:1px solid var(--border);background:color-mix(in oklab, #2f9e44 4%, var(--bg-surface));border-radius:10px;width:100%;height:150px;margin-top:.45rem}@media (width<=980px){.vel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.vel-grid{grid-template-columns:1fr}}