@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0b0f17;--surface: #111827;--surface-2: #161e2e;--border: #1f2a3a;--text: #e5edf5;--text-dim: #8a9ab0;--primary: #2563eb;--primary-2: #3b82f6;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4b4b;--accent: #f97316;--on-primary: #ffffff;--primary-2-rgb: 59 130 246;--danger-rgb: 239 75 75;--warn-rgb: 245 158 11;--ok-rgb: 34 197 94;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--primary-2);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--rail-width: 232px;--min-touch: 44px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:600;margin:0}a{color:inherit}button,input,select,textarea{font-family:inherit;color:inherit}.tabular-nums,.metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--primary);color:var(--on-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.shell{display:flex;min-height:100vh;background:var(--bg)}.rail{position:sticky;top:0;align-self:flex-start;width:var(--rail-width);flex:0 0 var(--rail-width);height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:var(--s5) var(--s3) var(--s4)}.brand{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2);margin-bottom:var(--s6);color:var(--text);text-decoration:none;border-radius:var(--radius-sm);min-height:var(--min-touch)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--primary);color:var(--text);flex:none}.brand-name{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;line-height:1.2}.nav{display:flex;flex-direction:column;gap:var(--s1)}.nav-section-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:0 var(--s2);margin:var(--s4) 0 var(--s1)}.nav-link{display:flex;align-items:center;gap:var(--s3);min-height:var(--min-touch);padding:0 var(--s2);border-radius:var(--radius-md);color:var(--text-dim);text-decoration:none;font-size:var(--text-base);font-weight:500;border:1px solid transparent;transition:background-color var(--duration-base) ease,color var(--duration-base) ease,border-color var(--duration-base) ease;cursor:pointer}.nav-link svg{flex:none}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.is-active{background:var(--surface-2);color:var(--text);border-color:var(--border)}.rail-spacer{flex:1}.active-run-badge{display:flex;align-items:center;gap:var(--s3);min-height:var(--min-touch);padding:var(--s2) var(--s3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:border-color var(--duration-base) ease}.active-run-badge:hover{border-color:var(--primary-2)}.active-run-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-2);flex:none;animation:pulse-dot 1.8s var(--ease-out) infinite}@media(prefers-reduced-motion:reduce){.active-run-dot{animation:none}}@keyframes pulse-dot{0%{box-shadow:0 0 rgb(var(--primary-2-rgb) / .55)}70%{box-shadow:0 0 0 6px rgb(var(--primary-2-rgb) / 0)}to{box-shadow:0 0 rgb(var(--primary-2-rgb) / 0)}}.active-run-text{display:flex;flex-direction:column;min-width:0}.active-run-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.active-run-id{font-family:var(--font-mono);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;min-width:0;padding:var(--s6)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.field-label{font-size:var(--text-sm);color:var(--text-dim);font-weight:500}.field-required{color:var(--danger);margin-left:2px}.field-suffix-text{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono)}.field-input-shell{position:relative;display:flex;align-items:center}.field-input{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:0 var(--s3);min-height:var(--min-touch);border-radius:var(--radius-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:var(--text-base);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.field-input[type=text],.field-input[type=url]{font-family:var(--font-sans)}.field-input::placeholder{color:var(--text-dim);opacity:.7}.field-input:hover{border-color:var(--text-dim)}.field-input:focus-visible{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 3px rgb(var(--primary-2-rgb) / .25)}.field-input:disabled{opacity:.5;cursor:not-allowed}.field-input.has-error{border-color:var(--danger)}.field-input.has-error:focus-visible{box-shadow:0 0 0 3px rgb(var(--danger-rgb) / .22)}.field-unit{position:absolute;right:var(--s3);color:var(--text-dim);font-size:var(--text-sm);font-family:var(--font-mono);pointer-events:none}.field-input.with-unit{padding-right:var(--s6)}.field-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field-input[type=number]::-webkit-outer-spin-button,.field-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.field-helper{font-size:var(--text-xs);color:var(--text-dim);margin:0}.field-error{display:flex;align-items:center;gap:var(--s1);font-size:var(--text-xs);color:var(--danger);margin:0}.field-error svg{flex:none}.segmented{display:inline-flex;width:fit-content;max-width:100%;align-self:flex-start;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);gap:2px}.segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--min-touch);padding:0 var(--s4);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--duration-base) ease,color var(--duration-base) ease}.segmented-option:hover{color:var(--text)}.segmented-option.is-active{background:var(--primary);color:var(--on-primary)}.segmented-option:disabled{opacity:.5;cursor:not-allowed}.slider-field{display:flex;flex-direction:column;gap:var(--s2)}.slider-track-row{display:flex;align-items:center;gap:var(--s3)}.slider-input{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border);cursor:pointer}.slider-input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-2);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:transform var(--duration-fast) ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-2);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer}.slider-input:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.slider-value{min-width:3.5ch;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text)}.select-shell{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;font-family:var(--font-sans);text-align:left;cursor:pointer}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.is-placeholder{color:var(--text-dim)}.select-chevron{flex:none;color:var(--text-dim);transition:transform var(--duration-fast) ease}.select-chevron.is-open{transform:rotate(180deg)}.select-listbox{position:absolute;top:calc(100% + var(--s1));left:0;right:0;z-index:1000;margin:0;padding:var(--s1) 0;list-style:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;outline:none;animation:select-listbox-in var(--duration-fast) var(--ease-out)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:var(--min-touch);padding:0 var(--s3);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer}.select-option:hover{background:rgb(var(--primary-2-rgb) / .12)}.select-option.is-highlighted{background:rgb(var(--primary-2-rgb) / .16)}.select-option.is-selected{color:var(--primary-2);font-weight:600;box-shadow:inset 2px 0 0 var(--primary-2)}.select-option-check{flex:none;color:var(--primary-2)}@keyframes select-listbox-in{0%{opacity:0;transform:translateY(-4px)}}.collapsible{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.collapsible-trigger{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:var(--min-touch);padding:0 var(--s4);background:transparent;border:none;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;text-align:left;cursor:pointer;border-radius:var(--radius-md)}.collapsible-trigger:hover{background:var(--surface-2)}.collapsible-chevron{flex:none;color:var(--text-dim);transition:transform var(--duration-base) var(--ease-out)}.collapsible-chevron.is-open{transform:rotate(90deg)}.collapsible-hint{margin-left:auto;font-size:var(--text-xs);color:var(--text-dim);font-weight:400}.collapsible-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.collapsible-body.is-open{grid-template-rows:1fr}.collapsible-body-inner{overflow:hidden}.collapsible-content{padding:0 var(--s4) var(--s4);display:flex;flex-direction:column;gap:var(--s4)}@media(prefers-reduced-motion:reduce){.collapsible-body,.collapsible-chevron,.select-chevron{transition:none}.select-listbox{animation:none}}.mix-editor{display:flex;flex-direction:column;gap:var(--s4)}.mix-editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.mix-editor-title{font-size:var(--text-base);font-weight:600;color:var(--text)}.mix-sum-badge{display:inline-flex;align-items:baseline;gap:1px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);font-weight:600;padding:var(--s1) var(--s3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:color var(--duration-base) ease,border-color var(--duration-base) ease}.mix-sum-badge.is-valid{color:var(--ok);border-color:var(--ok)}.mix-sum-badge.is-invalid{color:var(--danger);border-color:var(--danger)}.mix-sum-unit{font-size:var(--text-xs);opacity:.8}.mix-bar{display:flex;width:100%;height:10px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.mix-bar-segment{height:100%;transition:width var(--duration-base) var(--ease-out);min-width:0}.mix-legend{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4)}.mix-legend-item{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);color:var(--text-dim)}.mix-legend-dot{width:8px;height:8px;border-radius:50%;flex:none}.mix-legend-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text)}.mix-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s4)}.mix-error{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--danger);margin:0}.mix-error svg{flex:none}@media(prefers-reduced-motion:reduce){.mix-bar-segment{transition:none}}.confirm-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--s5);z-index:1000;animation:confirm-dialog-fade var(--duration-base) var(--ease-out)}.confirm-dialog{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);box-shadow:var(--shadow-lg);animation:confirm-dialog-rise var(--duration-base) var(--ease-out)}.confirm-dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:rgb(var(--danger-rgb) / .12);color:var(--danger);margin-bottom:var(--s4)}.confirm-dialog-title{font-size:var(--text-lg);margin:0 0 var(--s2)}.confirm-dialog-description{color:var(--text-dim);font-size:var(--text-sm);line-height:1.6;margin:0 0 var(--s5)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:var(--s3)}.btn-danger-accent{display:inline-flex;align-items:center;gap:var(--s2);background:var(--accent);color:var(--bg);padding:0 var(--s4);min-height:var(--min-touch);border-radius:var(--radius-md);font-weight:700;font-family:var(--font-sans);font-size:var(--text-sm);border:1px solid transparent;cursor:pointer;transition:filter var(--duration-fast) ease,transform var(--duration-fast) ease}.btn-danger-accent:hover:not(:disabled){filter:brightness(1.08)}.btn-danger-accent:active:not(:disabled){transform:translateY(1px)}.btn-danger-accent:disabled{opacity:.6;cursor:not-allowed}@keyframes confirm-dialog-fade{0%{opacity:0}}@keyframes confirm-dialog-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.confirm-dialog-scrim,.confirm-dialog{animation:none}.btn-danger-accent{transition:none}}.new-run{display:flex;flex-direction:column;gap:var(--s5);max-width:860px}.new-run .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5)}.btn-primary{background:var(--primary);color:var(--on-primary);padding:0 var(--s4);min-height:var(--min-touch);border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);font-size:var(--text-base);border:1px solid transparent;transition:background-color var(--duration-base) ease,transform var(--duration-fast) ease;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--primary-2)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;gap:var(--s2);background:transparent;color:var(--text);border:1px solid var(--border);padding:0 var(--s4);min-height:var(--min-touch);border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-base) ease,background-color var(--duration-base) ease,color var(--duration-base) ease;cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary-2)}.btn-ghost{border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.new-run-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}.new-run-header h1{font-size:var(--text-xl);margin-bottom:var(--s1)}.new-run-subtitle{color:var(--text-dim);font-size:var(--text-base);margin:0;max-width:52ch}.preset-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}.preset-controls{display:flex;align-items:center;gap:var(--s3);flex-wrap:nowrap}.preset-controls .field-input,.preset-controls .btn-secondary,.preset-controls .btn-ghost{height:var(--min-touch);min-height:var(--min-touch)}.preset-select-wrap{min-width:200px}.preset-save-row{display:flex;align-items:center;gap:var(--s2)}.preset-name-input{min-width:160px;height:44px}.target-picker{display:flex;align-items:center;gap:var(--s2)}.target-select-wrap{flex:1;max-width:320px}.btn-icon{padding:0;width:var(--min-touch);height:var(--min-touch);min-height:var(--min-touch);justify-content:center;flex:none}.btn-icon:hover:not(:disabled){color:var(--danger)}.saved-key-row{display:flex;align-items:center;gap:var(--s2)}.saved-key-chip{display:flex;align-items:center;gap:var(--s2);min-height:var(--min-touch);padding:0 var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-dim)}.saved-key-chip svg{color:var(--ok);flex:none}.saved-key-mask{font-family:var(--font-mono);color:var(--text)}.saved-key-row .btn-ghost,.target-save-row .btn-secondary,.target-save-row .btn-ghost{height:var(--min-touch);min-height:var(--min-touch);flex:none}.target-save-row{display:flex;align-items:center;gap:var(--s2)}.target-name-input{max-width:240px;height:var(--min-touch)}.target-save-cta{display:flex;align-items:center;gap:var(--s3)}.target-save-hint{font-size:var(--text-sm);color:var(--text-dim)}.target-message{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--ok);margin:0}.endpoint-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4) var(--s5)}.endpoint-group{display:flex;flex-direction:column;gap:var(--s1)}.checkbox-row.endpoint-row{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;column-gap:var(--s2);min-height:32px}.checkbox-row.endpoint-row input[type=checkbox]{align-self:center}.checkbox-row.endpoint-row.is-locked{opacity:.6;cursor:not-allowed}.endpoint-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);white-space:nowrap}.endpoint-hint{font-size:var(--text-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-disabled-note{margin:0;font-size:var(--text-sm);color:var(--warn)}.preset-message{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--ok);margin:calc(var(--s4) * -1) 0 0}.run-banner{display:flex;align-items:flex-start;gap:var(--s3);border-radius:var(--radius-md);padding:var(--s4);font-size:var(--text-sm)}.run-banner svg{flex:none;margin-top:1px}.run-banner ul{margin:0;padding-left:var(--s4)}.run-banner a{color:var(--primary-2);font-weight:600;text-decoration:underline;text-underline-offset:2px}.run-banner-conflict{background:rgb(var(--warn-rgb) / .1);border:1px solid var(--warn);color:var(--text)}.run-banner-conflict svg{color:var(--warn)}.run-banner-error{background:rgb(var(--danger-rgb) / .1);border:1px solid var(--danger);color:var(--text)}.run-banner-error svg{color:var(--danger)}.new-run-form{display:flex;flex-direction:column;gap:var(--s5)}.form-section{display:flex;flex-direction:column;gap:var(--s4)}.form-section-title{font-size:var(--text-md);margin:0}.form-section-hint{font-size:var(--text-sm);color:var(--text-dim);margin:calc(var(--s3) * -1) 0 0}.form-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4)}.vu-cap-field{display:flex;flex-direction:column;gap:var(--s2)}.form-subsection{display:flex;flex-direction:column;gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--border)}.form-subsection-title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0}.form-subsection-hint{font-size:var(--text-xs);color:var(--text-dim);margin:0}.checkbox-row{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm);color:var(--text);min-height:var(--min-touch);cursor:pointer}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-2);cursor:pointer}.field-toggle-inline{position:absolute;right:var(--s2);display:inline-flex;align-items:center;justify-content:center;width:var(--min-touch);height:var(--min-touch);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--duration-fast) ease}.field-toggle-inline:hover{color:var(--text)}.field-input.with-toggle{padding-right:calc(var(--s3) + var(--min-touch))}.field-input-static{display:flex;align-items:center;color:var(--text-dim);cursor:default;-webkit-user-select:text;user-select:text}.field-input-static:hover{border-color:var(--border)}.new-run-actions{display:flex;align-items:center;gap:var(--s4);padding-top:var(--s2)}.new-run-actions .btn-primary{display:inline-flex;align-items:center;gap:var(--s2);min-width:160px;justify-content:center}.new-run-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.new-run-actions-hint{font-size:var(--text-sm);color:var(--text-dim)}.status-pill{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2)}.status-pill.is-loading{color:var(--text-dim)}.status-pill-pulse{animation:status-pulse 1.8s var(--ease-out) infinite}.status-pill-spin{animation:status-spin 1s linear infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-pill-pulse,.status-pill-spin{animation:none}}.mode-badge{display:inline-flex;align-items:center;padding:var(--s1) var(--s3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.chart-card-titles{display:flex;flex-direction:column;gap:2px}.chart-card-title{font-size:var(--text-base);font-weight:600;color:var(--text);margin:0}.chart-card-subtitle{font-size:var(--text-xs);color:var(--text-dim);margin:0}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4)}.chart-legend-item{display:inline-flex;align-items:center;gap:var(--s2);border:none;background:transparent;padding:0 var(--s2);min-height:var(--min-touch);border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,opacity var(--duration-fast) ease}.chart-legend-item:hover{background:var(--surface-2);color:var(--text)}.chart-legend-item.is-hidden{opacity:.45}.chart-legend-swatch{flex:none;width:16px;height:2px;border-radius:1px}.chart-legend-dot-swatch{flex:none;width:8px;height:8px;border-radius:50%}.chart-legend-label{color:var(--text)}.chart-body{width:100%}.chart-body :is(.recharts-cartesian-axis-tick-value,.recharts-label){font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;fill:var(--text-dim);font-size:11px}.chart-body .recharts-cartesian-grid-horizontal line,.chart-body .recharts-cartesian-grid-vertical line{stroke:var(--border)}.chart-body .recharts-reference-line-line{stroke-width:1}.chart-body .recharts-surface{overflow:visible}@media(prefers-reduced-motion:reduce){.chart-legend-item{transition:none}}.chart-tooltip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s3);box-shadow:var(--shadow-md);min-width:160px}.chart-tooltip-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text-dim);margin:0 0 var(--s2)}.chart-tooltip-row{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);padding:2px 0}.chart-tooltip-key{flex:none;width:12px;height:2px;border-radius:1px}.chart-tooltip-name{color:var(--text-dim);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tooltip-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:600;color:var(--text)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);min-height:180px;color:var(--text-dim);font-size:var(--text-sm);text-align:center}.chart-empty svg{opacity:.6}.chart-skeleton{min-height:180px;border-radius:var(--radius-md);background:linear-gradient(100deg,var(--surface-2) 30%,var(--border) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:chart-skeleton-sweep 1.6s ease-in-out infinite}@keyframes chart-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.chart-skeleton{animation:none;background:var(--surface-2)}}.abort-meter-value{font-size:var(--text-lg);font-weight:600;color:var(--text)}.abort-meter-value-of{font-size:var(--text-sm);font-weight:400;color:var(--text-dim)}.abort-meter-track{position:relative;height:16px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.abort-meter-fill{height:100%;transition:width var(--duration-base) var(--ease-out),background-color var(--duration-base) ease;min-width:2px}.abort-meter-line{position:absolute;top:0;right:0;width:2px;height:100%;background:var(--accent)}.abort-meter-caption{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);margin:0}@media(prefers-reduced-motion:reduce){.abort-meter-fill{transition:none}}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s3)}.kpi-tile{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s4)}.kpi-tile-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-2);color:var(--primary-2)}.kpi-tile.is-warn .kpi-tile-icon{color:var(--warn)}.kpi-tile.is-danger .kpi-tile-icon{color:var(--danger)}.kpi-tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}.kpi-tile-label{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap}.kpi-tile-value{font-size:var(--text-lg);font-weight:600;color:var(--text)}.kpi-tile.is-warn .kpi-tile-value{color:var(--warn)}.kpi-tile.is-danger .kpi-tile-value{color:var(--danger)}.endpoint-table-scroll{overflow-x:auto}.endpoint-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.endpoint-table th{text-align:left;padding:0;border-bottom:1px solid var(--border);white-space:nowrap}.endpoint-table th.is-numeric{text-align:right}.endpoint-table-sort{display:inline-flex;align-items:center;gap:6px;width:100%;min-height:var(--min-touch);padding:0 var(--s3);background:transparent;border:none;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color var(--duration-fast) ease}.endpoint-table th.is-numeric .endpoint-table-sort{justify-content:flex-end;flex-direction:row-reverse}.endpoint-table-sort:hover{color:var(--text)}.endpoint-table-sort svg.is-idle{opacity:.4}.endpoint-table-sort svg.is-active{color:var(--primary-2)}.endpoint-table td{padding:var(--s3);border-bottom:1px solid var(--border);color:var(--text)}.endpoint-table td.is-numeric{text-align:right}.endpoint-table td.is-ok{color:var(--text-dim)}.endpoint-table td.is-warn{color:var(--warn)}.endpoint-table td.is-danger{color:var(--danger)}.endpoint-table-endpoint{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.endpoint-table tbody tr{transition:background-color var(--duration-fast) ease}.endpoint-table tbody tr:hover{background:var(--surface-2)}.live-run{display:flex;flex-direction:column;gap:var(--s5);max-width:1120px}.live-run-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.live-run-heading{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.live-run-title{font-size:var(--text-lg);margin:0;color:var(--text)}.live-run-header-right{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.live-run-clock{display:flex;align-items:center;gap:var(--s2);color:var(--text-dim);font-size:var(--text-sm)}.live-run-clock strong{color:var(--text);font-weight:600}.live-run-clock-sep{color:var(--border)}.verdict-panel{display:flex;align-items:flex-start;gap:var(--s4);background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-lg);padding:var(--s5);position:relative}.verdict-panel-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid;border-radius:var(--radius-md)}.verdict-panel-body{display:flex;flex-direction:column;gap:var(--s3);min-width:0;flex:1}.verdict-panel-title{font-size:var(--text-lg);margin:0}.verdict-panel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s4);margin:0}.verdict-panel-stats dt{font-size:var(--text-xs);color:var(--text-dim);margin:0 0 2px}.verdict-panel-stats dd{font-size:var(--text-md);font-weight:600;color:var(--text);margin:0}.verdict-panel-thresholds{display:flex;flex-direction:column;gap:var(--s1);margin:0;padding:0;list-style:none}.verdict-panel-thresholds li{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--danger)}.verdict-panel-link{display:inline-flex;align-items:center;gap:var(--s2);color:var(--primary-2);font-weight:600;font-size:var(--text-sm);text-decoration:none;width:fit-content}.verdict-panel-link:hover{text-decoration:underline;text-underline-offset:3px}.verdict-panel-id{position:absolute;top:var(--s4);right:var(--s5);font-size:var(--text-xs);color:var(--text-dim)}.threshold-badges{display:inline-flex;flex-wrap:wrap;gap:var(--s2)}.threshold-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--s2);border:1px solid;border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}.run-detail{display:flex;flex-direction:column;gap:var(--s5);max-width:1120px}.run-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.run-detail-heading{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.run-detail-title{font-size:var(--text-lg);margin:0;color:var(--text)}.run-detail-date{color:var(--text-dim);font-size:var(--text-sm)}.run-detail-failure{background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}.run-detail-failure-title{font-size:var(--text-md);margin:0;color:var(--text)}.run-detail-failure-meta{font-size:var(--text-sm);color:var(--text-dim);margin:0}.run-detail-failure-log{margin:0;padding:var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:320px;overflow-y:auto}.run-detail-config{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5)}.run-detail-config-title{font-size:var(--text-md);margin:0 0 var(--s4)}.run-detail-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s4);margin:0}.run-detail-config-grid dt{font-size:var(--text-xs);color:var(--text-dim);margin:0 0 2px}.run-detail-config-grid dd{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0;overflow-wrap:anywhere}.run-detail-config-mono{font-family:var(--font-mono);font-size:var(--text-xs)!important;font-weight:400!important;color:var(--text-dim)!important}.run-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s6) var(--s5);background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius-lg);color:var(--text);text-align:center;max-width:480px}.run-detail-error svg{color:var(--danger)}.run-detail-error p{margin:0}.run-detail-skeleton-block{border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--surface-2) 30%,var(--border) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:run-detail-skeleton-sweep 1.6s ease-in-out infinite}@keyframes run-detail-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.run-detail-skeleton-block{animation:none;background:var(--surface-2)}}.run-table-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.run-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.run-table th{text-align:left;padding:var(--s3);border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.run-table th.is-checkbox,.run-table td.is-checkbox{width:var(--min-touch);padding:0}.run-table .checkbox-hit{display:flex;align-items:center;justify-content:center;width:var(--min-touch);height:var(--min-touch);cursor:pointer}.run-table td{padding:var(--s3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.run-table td.is-numeric{text-align:right}.run-table tbody tr:last-child td{border-bottom:none}.run-table-row{cursor:pointer;transition:background-color var(--duration-fast) ease}.run-table-row:hover{background:var(--surface-2)}.run-table-row.is-selected{background:rgb(var(--primary-2-rgb) / .08)}.run-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-2);cursor:pointer}.run-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.run-table-link{display:flex;flex-direction:column;gap:1px;text-decoration:none;color:var(--text);width:fit-content}.run-table-link:hover .run-table-date{color:var(--primary-2)}.run-table-date{font-weight:600;transition:color var(--duration-fast) ease}.run-table-id{font-size:var(--text-xs);color:var(--text-dim)}.run-table-host{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.run-table-skeleton-bar{display:inline-block;height:12px;border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--surface-2) 30%,var(--border) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:run-table-skeleton-sweep 1.6s ease-in-out infinite}@keyframes run-table-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.run-table-skeleton-bar{animation:none;background:var(--surface-2)}}.run-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s6) var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-dim);text-align:center}.run-table-empty svg{opacity:.6}.run-table-empty p{margin:0;font-size:var(--text-base)}.run-table-empty-cta{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s2)}.run-table-error{border-color:var(--danger);color:var(--text)}.run-table-error svg{color:var(--danger);opacity:1}.history{display:flex;flex-direction:column;gap:var(--s5);max-width:1120px}.history-header h1{font-size:var(--text-xl);margin-bottom:var(--s1)}.history-subtitle{color:var(--text-dim);font-size:var(--text-base);margin:0;max-width:60ch}.history-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);background:rgb(var(--primary-2-rgb) / .08);border:1px solid var(--primary-2);border-radius:var(--radius-md);padding:var(--s3) var(--s4);font-size:var(--text-sm);color:var(--text)}.history-selection-actions{display:flex;align-items:center;gap:var(--s3)}.history-load-more{display:flex;justify-content:center}.kpi-diff-table-scroll{overflow-x:auto}.kpi-diff-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.kpi-diff-table th{text-align:left;padding:0 var(--s3) var(--s2);border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi-diff-table th.is-numeric{text-align:right}.kpi-diff-table td{padding:var(--s3);border-bottom:1px solid var(--border);color:var(--text)}.kpi-diff-table tbody tr:last-child td{border-bottom:none}.kpi-diff-table td.is-numeric{text-align:right}.kpi-diff-delta-inner{display:inline-flex;align-items:center;gap:4px}.kpi-diff-delta.is-good{color:var(--ok);font-weight:600}.kpi-diff-delta.is-bad{color:var(--danger);font-weight:600}.compare{display:flex;flex-direction:column;gap:var(--s5);max-width:1120px}.compare-header h1{font-size:var(--text-xl);margin-bottom:var(--s3)}.compare-header-runs{display:flex;flex-direction:column;gap:var(--s2)}.compare-header-run{display:flex;align-items:center;gap:var(--s2);color:var(--text-dim);font-size:var(--text-sm);font-family:var(--font-mono)}.compare-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s6) var(--s5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-dim);text-align:center;max-width:480px}.compare-empty svg{opacity:.6}.compare-empty p{margin:0;font-size:var(--text-base)}.compare-error{border-color:var(--danger)}.compare-error svg{color:var(--danger);opacity:1}.compare-skeleton-block{border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--surface-2) 30%,var(--border) 50%,var(--surface-2) 70%);background-size:200% 100%;animation:compare-skeleton-sweep 1.6s ease-in-out infinite}@keyframes compare-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.compare-skeleton-block{animation:none;background:var(--surface-2)}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--s5)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s6) var(--s5)}.login-brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s5)}.login-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary);color:var(--text)}.login-brand-name{font-family:var(--font-mono);font-weight:600;font-size:var(--text-md)}.login-title{font-size:var(--text-lg);margin-bottom:var(--s1)}.login-subtitle{color:var(--text-dim);font-size:var(--text-sm);margin:0 0 var(--s5)}.login-screen .field{margin-bottom:var(--s4)}.login-screen .field label{display:block;font-size:var(--text-sm);color:var(--text-dim);margin-bottom:var(--s2)}.field-input-wrap{position:relative;display:flex;align-items:center}.field-input-wrap input{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:0 var(--s3);padding-right:calc(var(--s3) + 32px);min-height:var(--min-touch);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.field-input-wrap input:focus-visible{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 3px rgb(var(--primary-2-rgb) / .25)}.field-toggle{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center;width:var(--min-touch);height:var(--min-touch);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--duration-fast) ease}.field-toggle:hover{color:var(--text)}.login-error{display:flex;align-items:flex-start;gap:var(--s2);background:rgb(var(--danger-rgb) / .12);border:1px solid var(--danger);color:var(--text);border-radius:var(--radius-sm);padding:var(--s3);font-size:var(--text-sm);margin-bottom:var(--s4)}.login-error svg{flex:none;color:var(--danger);margin-top:1px}.login-submit{width:100%;background:var(--primary);color:var(--on-primary);border:1px solid transparent;min-height:var(--min-touch);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background-color var(--duration-base) ease;display:flex;align-items:center;justify-content:center;gap:var(--s2)}.login-submit:hover:not(:disabled){background:var(--primary-2)}.login-submit:disabled{opacity:.6;cursor:not-allowed}