:root{--font-display:"Chakra Petch", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--size-micro:10px;--size-caption:11px;--size-body:12px;--size-bodyStrong:13px;--size-title:14px;--size-sectionTitle:17px;--size-metric:18px;--size-display:22px;--radius-chip:3px;--radius-control:4px;--radius-node:6px;--radius-panel:6px;--space-hair:2px;--space-tight:4px;--space-snug:7px;--space-base:10px;--space-loose:14px;--space-section:16px;--space-page:24px;--chrome-top-bar-height:52px;--chrome-status-bar-height:32px;--chrome-wave-progress-height:54px;--chrome-palette-width:248px;--chrome-inspector-width:320px;--chrome-run-rail-width:348px;--chrome-catalog-detail-width:380px;--chrome-row-height:38px;--chrome-row-height-selected:40px;--chrome-grid-dot:16px;--chrome-snap:8px;--edge-sequence-width:1.5px;--edge-join-width:2.5px;--edge-failed-width:2.5px;--edge-failed-dasharray:6 4;--edge-completed-width:2.5px;--junction-marker-size:14px;--junction-marker-stroke:2px;--handle-plain-size:8px;--handle-plain-stroke:1.5px;--handle-plain-radius:2px;--handle-join-size:10px;--handle-join-stroke:2px;--destructive-hazard-height:6px;--destructive-hazard-angle:45deg;--destructive-hazard-stripe:6px;--timeline-bar-height:30px;--timeline-row-gap:14px;--timeline-label-column-width:286px;--a11y-min-hit-target:44px;--a11y-focus-ring-width:2px;font-variant-numeric:tabular-nums}:root[data-theme=dark]{--color-ground:#0a0d13;--color-ground-rail:#0e121a;--color-surface:#10141d;--color-card:#141a26;--color-card-raised:#161c29;--color-border:#2b3648;--color-border-faint:#232c3d;--color-border-strong:#3a465c;--color-text:#e6ebf2;--color-text-strong:#f2f5fa;--color-text-muted:#94a3b8;--color-text-faint:#6f7e93;--color-grid-dot:#1c2433;--color-link:#7fc4ff;--color-link-hover:#b7deff;--color-focus-ring:#7fc4ff;--color-card-shadow:none;--state-queued:#a6b2c4;--state-running:#2fd0e8;--state-paused:#e8a33d;--state-completed:#3fbf6f;--state-failed:#f2495c;--state-cancelled:#98a3b4;--state-text-queued:#a6b2c4;--state-text-running:#9be9f5;--state-text-paused:#f2d9a0;--state-text-completed:#86e3aa;--state-text-failed:#ffb3b9;--state-text-cancelled:#98a3b4;--category-verification:#ff3b4a;--category-storage:#3b8dff;--category-journal:#ffc93b;--category-purge:#35d07f;--category-backup:#ff6fb5;--category-custom:#9aa7bc;--category-security:#b38bff;--category-monitoring:#2fd3c8;--category-suggested:#b07bff;--destructive-accent:#ff3b4a;--destructive-surface:#1a0e11;--destructive-border:#5a2027;--destructive-text:#ff9ba3;--destructive-body-text:#d6aeb3;--warning-accent:#ffc93b;--warning-surface:#241c08;--warning-border:#6b5320;--warning-title:#ffd97a;--warning-body:#d9be7c;--edge-sequence-color:#5e6e85;--edge-join-color:#c6d2e2;--edge-failed-color:#f2495c;--edge-completed-color:#3fbf6f;--timeline-queue-a:#232c3d;--timeline-queue-b:#161c28;--timeline-queue-border:#3a465c}:root[data-theme=light]{--color-ground:#efede7;--color-ground-rail:#f7f5f1;--color-surface:#fff;--color-card:#fff;--color-card-raised:#fff;--color-border:#c9c3b6;--color-border-faint:#e7e3da;--color-border-strong:#d2cdc2;--color-text:#16181d;--color-text-strong:#16181d;--color-text-muted:#5c6473;--color-text-faint:#7a8296;--color-grid-dot:#dad6cc;--color-link:#1f5fa8;--color-link-hover:#123e70;--color-focus-ring:#1f5fa8;--color-card-shadow:0 1px 2px #16181d12;--state-queued:#6b7280;--state-running:#0e7c96;--state-paused:#9a6a00;--state-completed:#1f8e52;--state-failed:#c0212f;--state-cancelled:#6b7280;--state-text-queued:#4d5567;--state-text-running:#0b5f73;--state-text-paused:#7a5200;--state-text-completed:#1b6e43;--state-text-failed:#a5192a;--state-text-cancelled:#4d5567;--category-verification:#d91f2e;--category-storage:#1f6fd6;--category-journal:#c68a00;--category-purge:#1f8e52;--category-backup:#c4468c;--category-custom:#7a8296;--category-security:#6e3fd1;--category-monitoring:#0e8a82;--category-suggested:#6b3fc4;--destructive-accent:#c0212f;--destructive-surface:#fbeff0;--destructive-border:#e3a8ae;--destructive-text:#8c1420;--destructive-body-text:#6e2027;--warning-accent:#9a6a00;--warning-surface:#fbf4e4;--warning-border:#e0cb93;--warning-title:#6b4e06;--warning-body:#6b4e06;--edge-sequence-color:#8a93a3;--edge-join-color:#16181d;--edge-failed-color:#c0212f;--edge-completed-color:#1f8e52;--timeline-queue-a:#e3dfd4;--timeline-queue-b:#f2efe9;--timeline-queue-border:#c9c3b6}html,body{background:var(--color-ground);height:100%;color:var(--color-text);font-family:var(--font-ui);font-variant-numeric:tabular-nums;margin:0}:root[data-theme=dark]{--canvas-ground:var(--color-ground)}:root[data-theme=light]{--canvas-ground:var(--color-card)}:focus-visible{outline:var(--a11y-focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}dialog.modal{width:440px;max-width:calc(100vw - 32px);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--color-card-shadow);padding:0}dialog.modal::backdrop{background:color-mix(in srgb, var(--color-ground) 70%, transparent)}.modal .modal-body{flex-direction:column;gap:8px;padding:22px;display:flex}.modal h2{font-size:var(--size-sectionTitle);margin:0;font-weight:600}.modal .lead,.modal .error{font-size:var(--size-body);margin:0;line-height:1.5}.modal .lead{color:var(--color-text-muted);margin-bottom:8px}.modal .error{color:var(--destructive-text)}.modal label{font-size:var(--size-caption);color:var(--color-text-muted)}.modal input:not([type=checkbox]){font:inherit;font-size:var(--size-body);color:var(--color-text);background:var(--color-ground);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:8px 9px}.modal .actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.modal button{font:inherit;font-size:var(--size-body);border-radius:var(--radius-control);cursor:pointer;padding:7px 14px}.modal button.primary{color:var(--color-ground);background:var(--color-text);border:1px solid var(--color-text);font-weight:600}.modal button.secondary{color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);font-weight:500}.modal button.quiet{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.modal button:disabled{opacity:.45;cursor:default}
