:root{--num: "tnum" 1, "zero" 1;--u: 4px;--pitch: 24px;--ctl-h: 28px;--row-h: 26px;--rail-w: 248px;--rail-mini: 54px;--topbar-h: 48px;--status-h: 26px;--font-display: "Saira Semi Condensed", "Arial Narrow", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t: .13s cubic-bezier(.2, .7, .2, 1);--housing: #EEF1F4;--panel: #FFFFFF;--rail: #F8FAFB;--raised: #EEF2F5;--bezel: #DCE4E9;--line-soft: #EBEFF2;--text-hi: #0E1A20;--text: #33424A;--text-mut: #5E6E76;--text-dim: #93A1A8;--signal: #0E9E8E;--signal-dim: #0A7A6D;--signal-bg: rgba(14, 158, 142, .1);--signal-ink: #FFFFFF;--nominal: #1F9D63;--caution: #BC7A12;--alert: #D2402F;--s1: #C6891A;--s2: #1592AD;--s3: #B0468A;--s4: #3E9450;--s5: #CC5A33;--s6: #2F6FB8;--grat-minor: rgba(20, 40, 50, .045);--grat-major: rgba(20, 40, 50, .085);--shadow: 0 1px 2px rgba(16, 26, 32, .06), 0 2px 8px rgba(16, 26, 32, .05);--shadow-pop: 0 8px 28px rgba(16, 26, 32, .14);--r-sm: 6px;--r: 10px;--r-md: 14px}[data-theme=studio]{--housing: #EEF1F4;--panel: #FFFFFF;--rail: #F8FAFB;--raised: #EEF2F5;--bezel: #DCE4E9;--line-soft: #EBEFF2;--text-hi: #0E1A20;--text: #33424A;--text-mut: #5E6E76;--text-dim: #93A1A8;--signal: #0E9E8E;--signal-dim: #0A7A6D;--signal-bg: rgba(14, 158, 142, .1);--signal-ink: #FFFFFF;--nominal: #1F9D63;--caution: #BC7A12;--alert: #D2402F;--s1: #C6891A;--s2: #1592AD;--s3: #B0468A;--s4: #3E9450;--s5: #CC5A33;--s6: #2F6FB8;--grat-minor: rgba(20, 40, 50, .045);--grat-major: rgba(20, 40, 50, .085);--shadow: 0 1px 2px rgba(16, 26, 32, .06), 0 2px 8px rgba(16, 26, 32, .05);--shadow-pop: 0 8px 28px rgba(16, 26, 32, .14);--r-sm: 6px;--r: 10px;--r-md: 14px}[data-theme=meridian]{--housing: #F2EFE9;--panel: #FCFAF6;--rail: #F6F2EB;--raised: #EFEAE0;--bezel: #E3DBCD;--line-soft: #EDE7DB;--text-hi: #211D16;--text: #453F38;--text-mut: #6E675C;--text-dim: #A99F90;--signal: #0F8A5F;--signal-dim: #0B6B49;--signal-bg: rgba(15, 138, 95, .1);--signal-ink: #FFFFFF;--nominal: #2E8B57;--caution: #B0791A;--alert: #C5402F;--s1: #B07A1E;--s2: #1E8FA8;--s3: #A85285;--s4: #3E8F4F;--s5: #C85A30;--s6: #356CA8;--grat-minor: rgba(60, 45, 20, .05);--grat-major: rgba(60, 45, 20, .09);--shadow: 0 1px 2px rgba(60, 45, 20, .07), 0 2px 8px rgba(60, 45, 20, .05);--shadow-pop: 0 8px 28px rgba(60, 45, 20, .16);--r-sm: 6px;--r: 10px;--r-md: 14px}[data-theme=slate]{--housing: #0F1217;--panel: #171C23;--rail: #1B212A;--raised: #232A34;--bezel: #2E3742;--line-soft: #232A33;--text-hi: #F1F4F8;--text: #C3CCD7;--text-mut: #8A95A3;--text-dim: #5C6675;--signal: #38B6D9;--signal-dim: #2A8FAD;--signal-bg: rgba(56, 182, 217, .14);--signal-ink: #06181F;--nominal: #4FB07A;--caution: #E0A23C;--alert: #E5594D;--s1: #E8B84B;--s2: #46C5D8;--s3: #D173AE;--s4: #74C16B;--s5: #E8825A;--s6: #6E9BE0;--grat-minor: rgba(130, 160, 180, .05);--grat-major: rgba(130, 160, 180, .1);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .22);--shadow-pop: 0 12px 36px rgba(0, 0, 0, .5);--r-sm: 6px;--r: 10px;--r-md: 14px}[data-theme=bench]{--housing: #0E1417;--panel: #141C20;--rail: #182226;--raised: #202C32;--bezel: #2C3A41;--line-soft: #213036;--text-hi: #ECF2F3;--text: #C4D0D5;--text-mut: #8A9AA1;--text-dim: #5E727B;--signal: #2FCAB6;--signal-dim: #1E7F74;--signal-bg: rgba(47, 202, 182, .12);--signal-ink: #06201D;--nominal: #4FB07A;--caution: #E6A53C;--alert: #E8584C;--s1: #E8B84B;--s2: #46C5D8;--s3: #D173AE;--s4: #74C16B;--s5: #E8825A;--s6: #5FA8D6;--grat-minor: rgba(124, 166, 176, .045);--grat-major: rgba(124, 166, 176, .1);--shadow: inset 0 1px 0 rgba(255, 255, 255, .02);--shadow-pop: 0 12px 36px rgba(0, 0, 0, .55);--r-sm: 6px;--r: 10px;--r-md: 14px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--housing);color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:var(--num)}.mono{font-family:var(--font-mono);font-feature-settings:var(--num)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:var(--num)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text-hi);margin:0}h1{font-size:30px;line-height:1.05}h2{font-size:19px;line-height:1.1}.label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.13em;font-weight:600;font-size:11px;color:var(--text-dim)}a{color:var(--signal);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.panel{background:var(--panel);border:1px solid var(--bezel);border-radius:var(--r);box-shadow:var(--shadow)}.panel__hd{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 10px;border-bottom:1px solid var(--line-soft);background:var(--rail)}.canvas-surface{background-color:var(--panel);background-image:none}[data-canvas=dots] .canvas-surface{background-image:radial-gradient(var(--grat-major) 1.2px,transparent 1.2px);background-size:18px 18px}[data-canvas=grid] .canvas-surface{background-image:linear-gradient(var(--grat-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grat-minor) 1px,transparent 1px);background-size:24px 24px,24px 24px}[data-canvas=graticule] .canvas-surface{background-image:linear-gradient(var(--grat-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grat-minor) 1px,transparent 1px),linear-gradient(var(--grat-major) 1px,transparent 1px),linear-gradient(90deg,var(--grat-major) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px}.btn{height:var(--ctl-h);display:inline-flex;align-items:center;gap:6px;padding:0 12px;font:500 12px/1 var(--font-body);color:var(--text);background:var(--raised);border:1px solid var(--bezel);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t)}.btn:hover{border-color:var(--signal-dim);color:var(--text-hi)}.btn:disabled{opacity:.45;cursor:default}.btn--signal{background:var(--signal);color:var(--signal-ink);border-color:transparent;font-weight:600}.btn--signal:hover{filter:brightness(1.08);color:var(--signal-ink)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-mut)}.btn--ghost:hover{background:var(--raised);border-color:var(--bezel)}.seg{display:inline-flex;border:1px solid var(--bezel);border-radius:var(--r-sm);overflow:hidden}.seg>button{height:var(--ctl-h);padding:0 12px;font:500 12px/1 var(--font-body);color:var(--text-mut);background:transparent;border:0;cursor:pointer;transition:color var(--t),background var(--t)}.seg>button+button{border-left:1px solid var(--bezel)}.seg>button[aria-selected=true]{background:var(--signal-bg);color:var(--signal)}.input,select.input{height:var(--ctl-h);width:100%;padding:0 9px;font:400 12px/1 var(--font-mono);color:var(--text-hi);background:var(--housing);border:1px solid var(--bezel);border-radius:var(--r-sm);transition:border-color var(--t),box-shadow var(--t)}.input:focus{border-color:var(--signal);outline:none;box-shadow:0 0 0 3px var(--signal-bg)}:focus-visible{outline:2px solid var(--signal);outline-offset:1px;border-radius:var(--r-sm)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.dot--ok{color:var(--nominal);background:var(--nominal)}.dot--warn{color:var(--caution);background:var(--caution)}.dot--alert{color:var(--alert);background:var(--alert)}.dot--dim{background:var(--text-dim);box-shadow:none}