.ctr[data-v-f9524aee]{color:var(--text);gap:1rem;padding:1rem;display:grid}.ctr-toolbar[data-v-f9524aee],.ctr-result-head[data-v-f9524aee],.ctr-field-head[data-v-f9524aee],.ctr-control-row[data-v-f9524aee]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ctr-toolbar[data-v-f9524aee]{padding:.25rem .1rem}.ctr-kicker[data-v-f9524aee]{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .2rem;font-size:.8125rem;font-weight:800;line-height:1.125rem}.ctr-toolbar-title[data-v-f9524aee],.ctr-result-title[data-v-f9524aee]{margin:0;font-weight:800}.ctr-toolbar-title[data-v-f9524aee]{font-size:1.125rem;line-height:1.5rem}.ctr-actions[data-v-f9524aee]{gap:.5rem;display:flex}.ctr-button[data-v-f9524aee]{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);touch-action:manipulation;border-radius:.75rem;padding:.65rem .9rem;font-size:.9375rem;font-weight:700;line-height:1.25rem}.ctr-button[data-v-f9524aee]:hover{border-color:var(--accent);color:var(--accent)}.ctr-layout[data-v-f9524aee]{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:1rem;display:grid}.ctr-panel[data-v-f9524aee],.ctr-result[data-v-f9524aee],.ctr-formula[data-v-f9524aee]{border:1px solid var(--border);background:var(--surface);border-radius:1rem}.ctr-panel[data-v-f9524aee]{padding:1rem}.ctr-fields[data-v-f9524aee]{gap:1rem;display:grid}.ctr-field[data-v-f9524aee]{gap:.55rem;display:grid}.ctr-label[data-v-f9524aee]{align-items:center;gap:.55rem;font-weight:750;display:flex}.ctr-channel[data-v-f9524aee]{background:var(--tint-color);width:1.75rem;height:1.75rem;color:var(--cat-color);border-radius:.5rem;place-items:center;font-size:.8125rem;font-weight:900;line-height:1.125rem;display:grid}.ctr-channel[data-channel=m][data-v-f9524aee]{background:var(--tint-image);color:var(--cat-image)}.ctr-channel[data-channel=y][data-v-f9524aee]{background:var(--tint-convert);color:var(--cat-convert)}.ctr-channel[data-channel=k][data-v-f9524aee]{background:var(--elevated);color:var(--text)}.ctr-hint[data-v-f9524aee]{color:var(--muted);font-size:.8125rem;line-height:1.125rem}.ctr-control-row[data-v-f9524aee]{gap:.8rem}.ctr-range[data-v-f9524aee]{width:100%;min-width:0;accent-color:var(--accent)}.ctr-number-wrap[data-v-f9524aee]{color:var(--muted);flex:0 0 6.25rem;align-items:center;gap:.3rem;font-weight:700;display:flex}.ctr-number[data-v-f9524aee]{text-align:right;width:4.65rem}.ctr-number[aria-invalid=true][data-v-f9524aee]{border-color:var(--badge-fail)!important}.ctr-field-error[data-v-f9524aee]{background:var(--tint-fail);color:var(--badge-fail);border-radius:.5rem;margin:0;padding:.5rem .65rem;font-size:.8125rem;font-weight:700;line-height:1.125rem}.ctr-result[data-v-f9524aee]{min-width:0;overflow:hidden}.ctr-result-ready[data-v-f9524aee]{gap:1rem;padding:1rem;display:grid}.ctr-swatch[data-v-f9524aee]{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);border-radius:.8rem;align-items:flex-end;min-height:10rem;padding:.8rem;display:flex}.ctr-swatch span[data-v-f9524aee]{background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text);border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:800}.ctr-result-title[data-v-f9524aee]{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;line-height:1.875rem}.ctr-profile-badge[data-v-f9524aee]{background:var(--elevated);color:var(--muted);text-align:center;border-radius:999px;padding:.35rem .55rem;font-size:.8125rem;font-weight:800;line-height:1.125rem}.ctr-output-list[data-v-f9524aee]{gap:.55rem;display:grid}.ctr-output[data-v-f9524aee]{border:1px solid var(--border);background:var(--elevated);min-height:48px;color:var(--text);text-align:left;touch-action:manipulation;border-radius:.75rem;grid-template-columns:4.3rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .7rem;display:grid}.ctr-output[data-v-f9524aee]:hover{border-color:var(--accent)}.ctr-output>span[data-v-f9524aee]{color:var(--muted);text-transform:uppercase;font-size:.8125rem;font-weight:800;line-height:1.125rem}.ctr-output code[data-v-f9524aee]{overflow-wrap:anywhere;min-width:0;font-weight:700}.ctr-output strong[data-v-f9524aee]{color:var(--accent);font-size:.8125rem;line-height:1.125rem}.ctr-empty[data-v-f9524aee]{min-height:12rem;color:var(--muted);text-align:center;place-content:center;gap:.75rem;padding:2rem;display:grid}.ctr-empty span[data-v-f9524aee]{letter-spacing:.2em;font-size:1.5rem;font-weight:900}.ctr-empty p[data-v-f9524aee]{max-width:18rem;margin:0}.ctr-formula[data-v-f9524aee]{padding:.9rem 1rem}.ctr-formula summary[data-v-f9524aee]{cursor:pointer;touch-action:manipulation;font-weight:800}.ctr-formula summary[data-v-f9524aee]:hover{color:var(--accent)}.ctr-formula>p[data-v-f9524aee]{color:var(--muted);margin:.75rem 0}.ctr-formula-grid[data-v-f9524aee]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.ctr-formula-step[data-v-f9524aee]{background:var(--elevated);font-variant-numeric:tabular-nums;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;padding:.7rem;display:grid}.ctr-formula-step code[data-v-f9524aee]{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem;line-height:1.125rem}@media (width<=760px){.ctr-toolbar[data-v-f9524aee],.ctr-field-head[data-v-f9524aee]{align-items:flex-start}.ctr-layout[data-v-f9524aee],.ctr-formula-grid[data-v-f9524aee]{grid-template-columns:1fr}.ctr-formula-step[data-v-f9524aee]{grid-template-columns:auto 1fr}.ctr-formula-step code[data-v-f9524aee]{grid-area:2/1/auto/-1}.ctr-formula-step span[data-v-f9524aee]{grid-area:1/2;justify-self:end}}@media (width<=480px){.ctr[data-v-f9524aee]{padding:.75rem}.ctr-toolbar[data-v-f9524aee]{display:grid}.ctr-actions[data-v-f9524aee]{width:100%}.ctr-button[data-v-f9524aee]{flex:1}.ctr-field-head[data-v-f9524aee]{gap:.25rem;display:grid}.ctr-control-row[data-v-f9524aee]{gap:.55rem}.ctr-number-wrap[data-v-f9524aee]{flex-basis:5.75rem}.ctr-number[data-v-f9524aee]{width:4.2rem}.ctr-output[data-v-f9524aee]{grid-template-columns:3.5rem minmax(0,1fr) auto}}
