:root{--bg-root: #111214;--bg-panel: #18191d;--bg-card: #1e2024;--bg-elevated: #262830;--bg-hover: #2c2e38;--bg-active: #33353f;--border-subtle: #2a2d38;--border-default: #383b48;--border-strong: #4a4d5c;--text-primary: #e4e6eb;--text-secondary: #b0b4c0;--text-tertiary: #9094a4;--text-inverse: #111214;--signal-requested: #3b82f6;--signal-started: #f59e0b;--signal-completed: #10b981;--signal-failed: #ef4444;--signal-skipped: #8892a4;--signal-pending: var(--signal-started);--border: var(--border-default);--text-muted: var(--text-tertiary);--radius: 6px;--accent: #2dd4bf;--accent-dim: #0d3d38;--accent-glow: rgba(45, 212, 191, .08);--user-bg: #161e28;--user-border: #1e3050;--assistant-bg: #1a1c22;--assistant-border: #2a2e38;--thinking-bg: #19191c;--thinking-border: #28282c;--tool-bg: #121a16;--tool-border: #1e3828;--level-info: #3b82f6;--level-warn: #f59e0b;--level-error: #ef4444;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--font-mono: "IBM Plex Mono", "Menlo", "Consolas", monospace;--font-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: 11px;--fs-sm: 11px;--fs-base: 12px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 16px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--ease-out: cubic-bezier(.22, 1, .36, 1);--bg-topbar: #141518;--accent-warm: #f0a050;--accent-warm-dim: rgba(240, 160, 80, .1);--duration-fast: .12s;--duration-medium: .2s;--duration-slow: .35s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--glass-bg: rgba(24, 25, 29, .7);--glass-border: rgba(255, 255, 255, .04);--inset-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), inset 0 -1px 0 rgba(0, 0, 0, .1);--surface-gradient: linear-gradient(180deg, rgba(255, 255, 255, .015) 0%, transparent 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-mono);font-size:var(--fs-base);line-height:1.5;color:var(--text-primary);background:var(--bg-root);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(45,212,191,.015) 0%,transparent 60%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent);box-shadow:0 0 4px #2dd4bf4d}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;height:48px;padding:0 var(--sp-4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);gap:var(--sp-4);flex-shrink:0;z-index:10;box-shadow:0 1px #2dd4bf0a,0 4px 12px #00000026;background-image:linear-gradient(180deg,rgba(45,212,191,.03) 0%,transparent 100%)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.topbar__logo{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent),0 0 20px #2dd4bf4d;animation:pulse-glow 3s ease-in-out infinite;outline:2px solid rgba(45,212,191,.2);outline-offset:3px}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent),0 0 16px #2dd4bf4d}50%{box-shadow:0 0 12px var(--accent),0 0 24px #2dd4bf80}}.topbar__title{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.03em;text-shadow:0 0 20px rgba(45,212,191,.1)}.env-toggle{display:flex;gap:2px;background:#ffffff0a;border-radius:6px;padding:2px;flex-shrink:0}.env-toggle__btn{padding:3px 10px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.env-toggle__btn:hover{color:var(--text-secondary);background:#ffffff0f}.env-toggle__btn--active.env-toggle__btn--prod{background:#ef444426;color:#f87171;border-color:#ef44444d}.env-toggle__btn--active.env-toggle__btn--dev{background:#60a5fa26;color:#93bbfd;border-color:#60a5fa4d}.env-toggle__btn--active.env-toggle__btn--local{background:#4ade8026;color:#6ee7a0;border-color:#4ade804d}.topbar__center{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--sp-2)}.topbar__right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}input[type=text],input[type=password],input[type=email]{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:5px 10px;outline:none;transition:border-color .15s var(--ease-out)}input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.btn:focus-visible,.tab:focus-visible,.filter-bar__btn:focus-visible,.replay-controls__filter:focus-visible,.replay-controls__speed:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #2dd4bf1a}input::placeholder{color:var(--text-tertiary)}.input-conv-id{width:420px;border-radius:20px;padding:6px 60px 6px 16px;box-shadow:inset 0 1px 3px #00000026;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out),width .2s var(--ease-out)}.input-conv-id:focus{border-color:var(--accent);box-shadow:inset 0 1px 3px #00000026,0 0 0 2px var(--accent-dim);width:480px}.command-palette{position:relative;display:flex;align-items:center}.command-palette__kbd-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;pointer-events:none;opacity:.6;transition:opacity .15s}.command-palette:focus-within .command-palette__kbd-hint{opacity:0}.command-palette__kbd{font-family:var(--font-mono);font-size:9px;padding:1px 4px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:3px;color:var(--text-tertiary)}.command-palette__recent{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:20;overflow:hidden;animation:recent-slide-down .15s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes recent-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.command-palette__recent-header{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle)}.command-palette__recent-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background .08s;font-size:var(--fs-sm);color:var(--text-primary)}.command-palette__recent-item:hover{background:var(--bg-hover)}.command-palette__recent-item-id{font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette__recent-item-ts{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0;margin-left:var(--sp-2)}.btn{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;padding:5px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-elevated);background-image:var(--surface-gradient);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring);white-space:nowrap;box-shadow:var(--inset-shadow)}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-.5px);box-shadow:var(--inset-shadow),0 2px 4px #0000001a}.btn:active:not(:disabled){background:var(--bg-active);transform:translateY(.5px);box-shadow:none}.btn--primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px #2dd4bf1a,var(--inset-shadow)}.btn--primary:hover{background:#2dd4bf26;box-shadow:0 0 12px #2dd4bf26,0 2px 4px #0000001a}.btn--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn--secondary:hover{color:var(--text-primary);border-color:var(--text-tertiary);background:var(--bg-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn--danger{color:var(--signal-failed);border-color:transparent;background:transparent}.btn--danger:hover{background:#ef44441a}.btn:disabled{opacity:.4;cursor:not-allowed}.auth-form{display:flex;align-items:center;gap:var(--sp-2)}.auth-info{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary)}.auth-email{color:var(--text-primary)}.main{flex:1;display:flex;overflow:hidden}.panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-subtle);background-image:var(--surface-gradient)}.panel:last-child{border-right:none}.panel--timeline{width:25%;min-width:240px}.panel--center{flex:1;min-width:300px;max-width:50%}.panel--inspector{width:30%;min-width:260px;position:relative}.panel__header{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);height:32px;background:var(--bg-panel);background-image:var(--surface-gradient);border-bottom:1px solid var(--border-subtle);box-shadow:var(--inset-shadow);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;gap:var(--sp-2)}.panel__header__count{color:var(--text-tertiary);font-weight:400}.panel__body{flex:1;overflow-y:auto;overflow-x:hidden}.timeline{padding:var(--sp-2) 0}.timeline-group{margin-bottom:2px}.timeline-group__header{display:flex;align-items:center;padding:var(--sp-1) var(--sp-3);gap:var(--sp-2);cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary);transition:background .1s;-webkit-user-select:none;user-select:none}.timeline-group__header:hover{background:var(--bg-hover)}.timeline-group__chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform .15s var(--ease-out);flex-shrink:0}.timeline-group__chevron--open{transform:rotate(90deg)}.timeline-group__name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-group__count{font-size:var(--fs-xs);color:var(--text-tertiary)}.timeline-event{display:flex;align-items:flex-start;padding:3px var(--sp-3) 3px 32px;gap:var(--sp-2);cursor:pointer;transition:background .08s var(--ease-out),transform .08s var(--ease-out);position:relative}.timeline-event:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:var(--border-subtle)}.timeline-event:hover{background:var(--bg-hover);transform:translate(1px)}.timeline-event--selected{background:var(--bg-active);box-shadow:inset 3px 0 0 0 var(--accent)}.timeline-event__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:1}.timeline-event__dot--REQUESTED{background:var(--signal-requested)}.timeline-event__dot--STARTED{background:var(--signal-started)}.timeline-event__dot--COMPLETED{background:var(--signal-completed)}.timeline-event__dot--FAILED{background:var(--signal-failed);box-shadow:0 0 6px var(--signal-failed)}.timeline-event__dot--SKIPPED,.timeline-event__dot--RESET{background:var(--signal-skipped)}.timeline-event__info{flex:1;min-width:0}.timeline-event__state{font-size:var(--fs-xs);font-weight:500}.timeline-event__state--REQUESTED{color:var(--signal-requested)}.timeline-event__state--STARTED{color:var(--signal-started)}.timeline-event__state--COMPLETED{color:var(--signal-completed)}.timeline-event__state--FAILED{color:var(--signal-failed)}.timeline-event__state--SKIPPED,.timeline-event__state--RESET{color:var(--text-tertiary)}.timeline-event__ts{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0}.tab{padding:var(--sp-2) var(--sp-4);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-bottom:none;border-radius:var(--radius-sm);margin:3px 1px;cursor:pointer;transition:color var(--duration-medium) var(--ease-out),background var(--duration-medium) var(--ease-out),box-shadow var(--duration-medium) var(--ease-out);position:relative}.tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab--active{color:var(--accent);background:var(--accent-dim);border:1px solid rgba(45,212,191,.2);border-radius:var(--radius-md);box-shadow:0 0 10px #2dd4bf14,inset 0 1px #2dd4bf0f}.tab--active:hover{background:#2dd4bf1f}.tab__badge{font-size:var(--fs-xs);color:var(--text-tertiary);margin-left:var(--sp-1)}.messages{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.message{padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid;max-width:88%;transition:box-shadow .12s var(--ease-out);position:relative}.message:hover{box-shadow:0 0 0 1px var(--border-strong)}.message--selected{box-shadow:0 0 0 1px var(--accent),inset 0 0 20px #2dd4bf08!important}.message--USER{background:var(--user-bg);border-color:var(--user-border);align-self:flex-start;border-left:3px solid var(--signal-requested)}.message--ASSISTANT{background:var(--assistant-bg);border-color:var(--assistant-border);align-self:flex-end;border-right:3px solid var(--signal-completed)}.message--THINKING{background:var(--thinking-bg);border-color:var(--thinking-border);align-self:flex-end;font-style:italic;opacity:.75;border-right:3px solid var(--text-tertiary)}.message--TOOL_USE{background:var(--tool-bg);border-color:var(--tool-border);align-self:stretch;max-width:100%;border-left:3px solid var(--signal-completed);border-right:none;padding:var(--sp-2) var(--sp-3)}.message--INTERNAL_COMMENT{background:var(--bg-card);border-color:var(--border-subtle);align-self:center;font-size:var(--fs-sm);opacity:.65}.message--INVALIDATED{opacity:.45;text-decoration:line-through}.message__header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);font-size:var(--fs-xs);color:var(--text-tertiary);cursor:pointer}.message__role{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message__role--USER{color:var(--signal-requested)}.message__role--ASSISTANT{color:var(--signal-completed)}.message__type-badge{font-size:var(--fs-xs);padding:1px 6px;border-radius:2px;background:var(--bg-elevated);color:var(--text-secondary)}.message__version{color:var(--text-tertiary)}.message__text{font-size:var(--fs-md);line-height:1.6;white-space:pre-wrap;word-break:break-word}.message__tool-header{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--signal-completed)}.message--TOOL_USE .message__header{margin-bottom:0}.message--TOOL_USE .message__text{font-size:var(--fs-sm);line-height:1.4}.message__chevron{font-size:var(--fs-xs);color:var(--text-tertiary);width:10px;transition:color .12s;flex-shrink:0}.message:hover .message__chevron{color:var(--text-secondary)}.message__preview{font-size:var(--fs-sm);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;line-height:1.4;cursor:pointer}.tool-cluster{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-1) 0}.tool-cluster__chips{display:flex;flex-wrap:wrap;gap:3px;flex:1;min-width:0}.tool-cluster__ts{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;padding-top:2px;flex-shrink:0}.tool-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;line-height:1;padding:1px 6px;border-radius:2px;border:1px solid var(--tool-border);background:var(--tool-bg);color:var(--text-secondary);cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap}.tool-chip:hover{background:var(--bg-hover)}.tool-chip--selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.tool-chip--invalidated{opacity:.45;text-decoration:line-through}.tool-chip__dot{width:5px;height:5px;border-radius:50%;background:var(--signal-completed);flex-shrink:0}.tool-chip--invalidated .tool-chip__dot{background:var(--text-tertiary)}.tool-list{padding:var(--sp-2)}.tool-item{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-1);cursor:pointer;transition:all .1s var(--ease-out),transform .1s var(--ease-out)}.tool-item:hover{border-color:var(--border-default);background:var(--bg-hover);transform:translate(1px)}.tool-item--selected{border-color:var(--accent);background:var(--bg-active);box-shadow:inset 3px 0 0 0 var(--accent)}.tool-item__header{display:flex;align-items:center;gap:var(--sp-2)}.tool-item__name{font-weight:600;font-size:var(--fs-sm);color:var(--text-primary)}.tool-item__meta{font-size:var(--fs-xs);color:var(--text-tertiary);margin-left:auto;display:flex;gap:var(--sp-3)}.tool-item__error{margin-top:var(--sp-2);padding:var(--sp-2);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--signal-failed)}.tool-item__error--recovered{opacity:.6;text-decoration:line-through;background:#f59e0b0f;border-color:#f59e0b26;color:var(--signal-started)}.badge{display:inline-flex;align-items:center;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:10px;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent;animation:badge-pop .2s var(--ease-out) both}.badge--REQUESTED{background:#3b82f61f;color:var(--signal-requested);border-color:#3b82f633;box-shadow:0 0 6px #3b82f61a}.badge--STARTED{background:#f59e0b1f;color:var(--signal-started);border-color:#f59e0b33;box-shadow:0 0 6px #f59e0b1a}.badge--COMPLETED{background:#10b9811f;color:var(--signal-completed);border-color:#10b98133;box-shadow:0 0 6px #10b9811a}.badge--FAILED{background:#ef44441f;color:var(--signal-failed);border-color:#ef444433;box-shadow:0 0 6px #ef44441a}.badge--SKIPPED,.badge--RESET{background:#8892a41f;color:var(--signal-skipped);border-color:#8892a433}.badge--RESUME{background:#8b5cf61f;color:#a78bfa;border-color:#8b5cf633}.badge--PENDING{background:#8892a41f;color:var(--signal-skipped)}.badge--IN_PROGRESS{background:#f59e0b1f;color:var(--signal-started)}.badge--SUPERSEDED{background:#8892a41f;color:var(--signal-skipped)}.badge--RECOVERED{background:#f59e0b1f;color:var(--signal-started);border-color:#f59e0b33;box-shadow:0 0 6px #f59e0b1a}.badge--PRE_INFERENCE{background:#3b82f61f;color:var(--signal-requested)}.badge--FINAL{background:#10b9811f;color:var(--signal-completed)}.badge--INFO{background:#3b82f61f;color:var(--level-info)}.badge--WARN{background:#f59e0b1f;color:var(--level-warn)}.badge--ERROR{background:#ef44441f;color:var(--level-error)}.badge--COMMAND{background:#3b82f61f;color:var(--signal-requested);border-color:#3b82f633}.badge--RESPONSE{background:#10b9811f;color:var(--signal-completed);border-color:#10b98133}.snapshot-list{padding:var(--sp-2)}.snapshot-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);overflow:hidden}.snapshot-item__header{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);cursor:pointer;transition:background .1s}.snapshot-item__header:hover{background:var(--bg-hover)}.snapshot-item__version{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.snapshot-item__tools{display:flex;flex-wrap:wrap;gap:3px;margin-left:auto}.snapshot-item__tool-pill{font-size:9px;padding:1px 5px;border-radius:2px;background:var(--bg-elevated);color:var(--text-secondary)}.snapshot-item__tool-pill--dispatched{background:#10b9811f;color:var(--signal-completed)}.snapshot-item__body{border-top:1px solid var(--border-subtle);padding:var(--sp-2) var(--sp-3);background:var(--bg-root);overflow-x:auto}.snapshot-item__cypher{font-size:var(--fs-sm);line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary)}.snapshot-item__preconditions{border-top:1px solid var(--border-subtle);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--signal-started);background:var(--bg-root)}.snapshot-item__actions{display:flex;gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-2)}.diff{font-size:var(--fs-sm);line-height:1.6;white-space:pre-wrap;word-break:break-all}.diff__line--added{background:#10b9811a;color:var(--signal-completed)}.diff__line--removed{background:#ef44441a;color:var(--signal-failed)}.diff__line--context{color:var(--text-tertiary)}.token-summary{padding:var(--sp-3)}.token-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-bottom:var(--sp-4)}.token-card{padding:var(--sp-3);background:var(--bg-card);background-image:var(--surface-gradient);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--inset-shadow);transition:border-color var(--duration-medium) var(--ease-out)}.token-card:hover{border-color:var(--border-default)}.token-card__label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.token-card__value{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--text-primary)}.token-table{width:100%;border-collapse:collapse}.token-table th{font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border-default)}.token-table td{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.token-table td:first-child{color:var(--text-primary)}.metrics{padding:var(--sp-3)}.metrics__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-4)}.metrics__card{padding:var(--sp-3);background:var(--bg-card);background-image:var(--surface-gradient);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--inset-shadow);transition:border-color var(--duration-medium) var(--ease-out)}.metrics__card:hover{border-color:var(--border-default)}.metrics__card__label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.metrics__card__value{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:var(--sp-2)}.metrics__card__badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600}.metrics__card__badge--ok{color:var(--signal-completed)}.metrics__card__badge--fail{color:var(--signal-failed)}.metrics__card__badge--skip{color:var(--signal-skipped)}.metrics__card__sub{font-size:11px;color:var(--text-tertiary);margin-left:6px}.metrics__section{margin-bottom:var(--sp-4)}.metrics__section-header{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.metrics__table{width:100%;border-collapse:collapse}.metrics__table th{font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border-default)}.metrics__table td{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.metrics__table td:first-child{color:var(--text-primary);font-weight:500}.metrics__cell--ok{color:var(--signal-completed)}.metrics__cell--fail{color:var(--signal-failed);font-weight:600}.metrics__cell--warn,.metrics__cell--rec{color:var(--signal-started)}.metrics__cell--skip{color:var(--signal-skipped)}.inspector__upper{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.inspector__lower{flex:none;max-height:40%;overflow-y:auto;overflow-x:hidden;min-height:0;background:#00000026;border-top:1px solid var(--border-default)}.state-summary{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.state-summary__header{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--sp-1)}.state-summary__empty{color:var(--text-tertiary);font-size:var(--fs-sm);text-align:center;padding:var(--sp-4) 0}.entity-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;line-height:1}.entity-bar__item{display:inline-flex;align-items:center;gap:4px}.entity-bar__label{font-size:var(--fs-xs);font-weight:500;color:var(--text-tertiary);letter-spacing:.04em}.entity-bar__count{font-size:var(--fs-sm);font-weight:700;color:var(--accent)}.entity-bar__dot{color:var(--text-tertiary);font-size:var(--fs-xs)}.booking-pipeline{display:flex;flex-direction:column;gap:var(--sp-2)}.booking-pipeline__bar{display:flex;height:6px;border-radius:3px;overflow:hidden;gap:1px;background:var(--bg-elevated)}.booking-pipeline__seg{min-width:3px;transition:flex .3s var(--ease-out)}.booking-pipeline__seg--blue{background:var(--signal-requested)}.booking-pipeline__seg--amber{background:var(--signal-started)}.booking-pipeline__seg--green{background:var(--signal-completed)}.booking-pipeline__seg--red{background:var(--signal-failed)}.booking-pipeline__legend{display:flex;flex-wrap:wrap;gap:3px}.booking-pipeline__badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:2px;letter-spacing:.02em}.booking-pipeline__badge--blue{background:#3b82f61f;color:var(--signal-requested)}.booking-pipeline__badge--amber{background:#f59e0b1f;color:var(--signal-started)}.booking-pipeline__badge--green{background:#10b9811f;color:var(--signal-completed)}.booking-pipeline__badge--red{background:#ef44441f;color:var(--signal-failed)}.booking-pipeline__sources{font-size:var(--fs-xs);color:var(--text-secondary)}.booking-pipeline__source-label{color:var(--text-tertiary)}.booking-pipeline__source-count{font-weight:600;color:var(--text-primary)}.preconditions{display:flex;flex-direction:column;gap:var(--sp-2);border-left:2px solid var(--signal-started);padding-left:var(--sp-2)}.preconditions--fallback{border-left-color:var(--text-tertiary)}.preconditions__tool{display:flex;flex-direction:column;gap:2px}.preconditions__tool-header{display:flex;align-items:center;gap:var(--sp-1)}.preconditions__tool-name{font-size:var(--fs-xs);font-weight:600;color:var(--text-primary);letter-spacing:.02em}.preconditions__blocked-label{font-size:9px;font-weight:600;color:var(--signal-started);text-transform:uppercase;letter-spacing:.04em}.preconditions__condition{display:flex;align-items:baseline;gap:var(--sp-2);padding-left:var(--sp-2);font-size:var(--fs-xs)}.preconditions__cond-name{color:var(--text-secondary)}.preconditions__cond-count{color:var(--text-tertiary);margin-left:auto;white-space:nowrap}.preconditions__fallback-line{font-size:var(--fs-xs);color:var(--text-secondary)}.offers-line{font-size:var(--fs-xs);display:flex;align-items:center;flex-wrap:wrap;gap:2px}.offers-line__active{color:var(--signal-completed);font-weight:600}.offers-line__methods{font-weight:400;color:var(--text-secondary)}.offers-line__expired{color:var(--text-tertiary)}.failure-list{border-top:1px solid var(--border-subtle);padding-top:var(--sp-2)}.failure-list__header{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--signal-failed);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.failure-list__item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-1) var(--sp-2);align-items:baseline;padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-xs);cursor:pointer;border-radius:4px}.failure-list__item:hover{background:var(--bg-hover)}.failure-list__item--selected{background:var(--bg-active);box-shadow:inset 3px 0 0 0 var(--accent)}.failure-list__item:last-child{border-bottom:none}.failure-list__kind{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:9px;padding:1px 4px;border-radius:2px}.failure-list__kind--event{background:#ef44441f;color:var(--signal-failed)}.failure-list__kind--tool{background:#f59e0b1f;color:var(--signal-started)}.failure-list__kind--integration{background:#ef44441f;color:var(--signal-failed)}.failure-list__label{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failure-list__ts{color:var(--text-tertiary);white-space:nowrap}.failure-list__detail{grid-column:1 / -1;color:var(--signal-failed);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.8}.inspector{padding:var(--sp-3)}.inspector__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--fs-sm)}.inspector__section{margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.inspector__section:last-child{border-bottom:none;padding-bottom:0}.inspector__label{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid rgba(45,212,191,.08)}.inspector__value{font-size:var(--fs-sm);color:var(--text-primary);word-break:break-all}.inspector__kv{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.inspector__kv dt{color:var(--text-tertiary);white-space:nowrap}.inspector__kv dd{color:var(--text-primary);word-break:break-all}.json-viewer{font-size:var(--fs-sm);line-height:1.5;background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);overflow-x:auto;box-shadow:inset 0 2px 4px #00000040,inset 0 0 0 1px #ffffff05}.json-viewer--capped{max-height:120px;overflow:hidden;position:relative}.json-viewer--capped.json-viewer--clickable{cursor:pointer}.json-viewer--capped.json-viewer--clickable:hover{border-color:var(--accent)}.json-viewer__fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg-root));pointer-events:none}.json-viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:var(--bg-panel);animation:fade-in .15s ease-out}.json-viewer-overlay__header{display:flex;justify-content:flex-end;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-default)}.json-viewer-overlay__content{flex:1;overflow-y:auto;overflow-x:hidden;word-break:break-word;padding:var(--sp-3);font-size:var(--fs-sm);line-height:1.5;min-height:0}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-number{color:#fbbf24}.json-boolean{color:#c084fc}.json-null{color:var(--text-tertiary)}.json-toggle{cursor:pointer;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.json-toggle:hover{color:var(--accent)}.json-collapsed{color:var(--text-tertiary);font-style:italic}.cypher-block{margin:var(--sp-1) 0;padding-left:var(--sp-2);border-left:2px solid var(--border-subtle)}.cypher-block>div{white-space:pre}.cypher-type{color:#7dd3fc;font-weight:600}.cypher-rel{color:#fbbf24}.cypher-props{color:#86efac}.cypher-header{color:#c084fc;font-weight:600}.cypher-comment{color:var(--text-tertiary);font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--sp-6);animation:fade-in .5s var(--ease-out)}.empty-state__waveform{display:flex;align-items:center;gap:5px;height:40px;margin-bottom:var(--sp-4)}.empty-state__waveform-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(45,212,191,.4));animation:waveform-pulse 1.4s ease-in-out infinite}.empty-state__waveform-bar:nth-child(1){height:12px;animation-delay:0s}.empty-state__waveform-bar:nth-child(2){height:28px;animation-delay:.15s}.empty-state__waveform-bar:nth-child(3){height:20px;animation-delay:.3s}.empty-state__waveform-bar:nth-child(4){height:36px;animation-delay:.45s}@keyframes waveform-pulse{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.empty-state__title{font-family:var(--font-sans);font-size:var(--fs-xl);font-weight:700;color:var(--text-secondary);margin-bottom:var(--sp-2);letter-spacing:-.02em}.empty-state__subtitle{font-size:var(--fs-sm);color:var(--text-tertiary);max-width:360px;line-height:1.6}.empty-state__shortcut{display:inline-flex;align-items:center;gap:3px;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.empty-state__kbd{display:inline-block;padding:1px 6px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--fs-xs)}.error-banner{padding:var(--sp-2) var(--sp-3);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--signal-failed);font-size:var(--fs-sm);margin:var(--sp-2);animation:fade-in-up .3s var(--ease-out),error-shake .4s var(--ease-out) .3s}.loading-bar{height:2px;background:var(--bg-panel);overflow:hidden;flex-shrink:0}.loading-bar__fill{height:100%;width:30%;background:var(--accent);animation:loading-slide 1.2s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(430%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-panel{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);animation:fade-in .3s var(--ease-out)}.skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(45,212,191,.03) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line--short{width:60%}.skeleton-line--medium{width:80%}.skeleton-line--long{width:95%}.skeleton-line--full{width:100%}.skeleton-line--tall{height:32px;border-radius:var(--radius-sm)}.skeleton-message{padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--sp-1);max-width:80%;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-message--left{align-self:flex-start}.skeleton-message--right{align-self:flex-end}.skeleton-kv{display:flex;gap:var(--sp-3);align-items:center}.skeleton-kv__key{width:70px;height:8px;border-radius:2px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-kv__value{flex:1;height:8px;border-radius:2px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-fade-in{animation:fade-in .3s var(--ease-out)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes badge-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dot-ripple{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes radar-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.integration-list{padding:var(--sp-2)}.integration-item{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-1);cursor:pointer;transition:all .1s var(--ease-out)}.integration-item:hover{background:var(--bg-hover);border-color:var(--border-default)}.integration-item--selected{border-color:var(--accent);background:var(--bg-active);box-shadow:inset 3px 0 0 0 var(--accent)}.integration-item__header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.integration-item__name{font-weight:600;color:var(--text-primary)}.integration-item__task{color:var(--text-secondary)}.integration-item__ts{margin-left:auto;font-size:var(--fs-xs);color:var(--text-tertiary)}.collapsible__trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible__body{overflow:hidden}.timeline-event--stuck{background:#ef44440d}.timeline-event__dot--stuck{animation:stuck-blink 1.5s ease-in-out infinite;box-shadow:0 0 6px var(--signal-failed);background:var(--signal-failed)!important}@keyframes stuck-blink{0%,to{opacity:1}50%{opacity:.3}}.stuck-label{color:var(--signal-failed);font-weight:600;font-size:9px;letter-spacing:.05em}.conversation-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.badge--COMPOSING{background:#3b82f61f;color:var(--signal-requested)}.badge--PROCESSING{background:#f59e0b1f;color:var(--signal-started)}.badge--WAITING_FOR_USER{background:#8b5cf61f;color:#a78bfa}.badge--INTERRUPTED{background:#ef44441f;color:var(--signal-failed)}.entity-change-panel{display:flex;flex-direction:column;height:100%}.entity-change-panel__filters{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--sp-1);flex-shrink:0}.entity-change-panel__filter-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.entity-change-panel__toggle{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 6px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s;background:var(--bg-elevated);color:var(--text-tertiary)}.entity-change-panel__toggle--active{background:var(--accent-dim);color:var(--accent)}.entity-change-panel__toggle:hover{opacity:1;background:var(--bg-hover);color:var(--text-primary)}.entity-change-list{flex:1 1 0;overflow-y:auto}.entity-change-item{padding:var(--sp-2) var(--sp-3);border-left:2px solid transparent;cursor:pointer;transition:background .1s}.entity-change-item:hover{background:var(--bg-hover)}.entity-change-item--selected{background:var(--bg-active);border-left-color:var(--accent)}.entity-change-item__header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.entity-change-item__op{font-family:var(--font-mono);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;width:52px}.entity-change-item__type{font-family:var(--font-mono);color:var(--text-secondary);font-size:var(--fs-xs)}.entity-change-item__id{font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--fs-xs)}.entity-change-item__ts{margin-left:auto;font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--fs-xs);flex-shrink:0}.entity-change-item__inline-diff{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}.entity-change-item__fields{display:flex;flex-wrap:wrap;gap:3px;margin-top:var(--sp-1);padding-left:52px}.field-diff{display:flex;flex-direction:column;gap:var(--sp-1)}.field-diff--compact{gap:2px}.field-diff__row{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);line-height:1.4}.field-diff--compact .field-diff__row{font-size:var(--fs-xs);gap:var(--sp-1)}.field-diff__field{flex-shrink:0;color:var(--text-tertiary);font-family:var(--font-mono);min-width:80px}.field-diff--compact .field-diff__field{min-width:60px}.field-diff__values{display:flex;align-items:baseline;gap:var(--sp-1);flex-wrap:wrap;min-width:0}.field-diff__from{color:var(--signal-failed);text-decoration:line-through;word-break:break-all}.field-diff__arrow{color:var(--text-tertiary);flex-shrink:0}.field-diff__to{color:var(--signal-completed);word-break:break-all}.inspector__collapsible{margin-top:var(--sp-2)}.inspector__collapsible-summary{cursor:pointer;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--sp-1) 0;-webkit-user-select:none;user-select:none}.inspector__collapsible-summary:hover{text-decoration:underline}.entity-change-item__state{border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.entity-change-item__state-label{padding:var(--sp-1) var(--sp-2);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.entity-change-item__state-label--before{background:#ef444414;color:var(--signal-failed);border-bottom:1px solid rgba(239,68,68,.15)}.entity-change-item__state-label--after{background:#10b98114;color:var(--signal-completed);border-bottom:1px solid rgba(16,185,129,.15)}.badge--CREATE{background:#10b9811f;color:var(--signal-completed)}.badge--UPDATE{background:#f59e0b1f;color:var(--signal-started)}.badge--DELETE{background:#ef44441f;color:var(--signal-failed)}.change-group__list{display:flex;flex-direction:column;gap:var(--sp-1);max-height:400px;overflow-y:auto}.change-group__item{flex-shrink:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.change-group__item-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);cursor:pointer}.change-group__item-header:hover{background:var(--bg-hover)}.change-group__field-count{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.change-group__inline-diff{margin-left:auto;display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:10px;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.change-group__item-detail{padding:var(--sp-2);border-top:1px solid var(--border-subtle);background:var(--bg-card)}.topbar__dlq-btn{white-space:nowrap;font-size:var(--fs-xs)}.btn--active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.panel__header__back{cursor:pointer;margin-right:var(--sp-2);color:var(--text-tertiary);font-size:var(--fs-sm)}.panel__header__back:hover{color:var(--accent)}.dlq-browser{padding:var(--sp-4)}.dlq-browser__header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.dlq-browser__title{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--text-primary);margin:0}.dlq-browser__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.dlq-browser__filters{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.dlq-browser__select{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-2);min-width:200px}.dlq-list{display:flex;flex-direction:column;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.dlq-item{background:var(--bg-card)}.dlq-item__header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background .1s}.dlq-item__header:hover{background:var(--bg-hover)}.dlq-item--expanded .dlq-item__header{background:var(--bg-active)}.dlq-item__status{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;width:100px}.dlq-item__topic{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlq-item__ts{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.dlq-item__details{padding:var(--sp-3);border-top:1px solid var(--border-subtle);background:var(--bg-panel)}.dlq-item__section{margin-top:var(--sp-3)}.dlq-item__section-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1)}.dlq-item__stacktrace{font-family:var(--font-mono);font-size:10px;color:var(--signal-failed);background:var(--bg-card);padding:var(--sp-2);border-radius:var(--radius);border:1px solid var(--border-subtle);overflow-x:auto;white-space:pre;max-height:300px;overflow-y:auto}.dlq-browser__pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-3)}.dlq-browser__page-info{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.stepchain{display:flex;flex-direction:column;gap:var(--sp-2)}.stepchain__empty{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.stepchain__branch{display:flex;flex-direction:column;gap:var(--sp-1)}.stepchain__branch-label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stepchain__steps{display:flex;flex-direction:column;gap:var(--sp-1);padding-left:var(--sp-2);border-left:2px solid var(--border-subtle)}.stepchain__step{display:flex;align-items:center;gap:var(--sp-1)}.stepchain__step-states{display:flex;gap:2px}.stepchain__state-pill{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:1px 4px;border-radius:2px;background:#ffffff0a}.stepchain__arrow{flex-shrink:0}.stepchain__topic{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepchain__branch-connector{display:flex;justify-content:center;padding-left:var(--sp-2)}.replay-controls{flex-shrink:0;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}.replay-controls__buttons{display:flex;align-items:center;padding:var(--sp-1) var(--sp-3);gap:var(--sp-1);height:32px}.replay-controls__btn{padding:2px 6px;font-size:var(--fs-sm);line-height:1;min-width:24px;text-align:center}.replay-controls__btn--play{font-size:var(--fs-base)}.replay-controls__counter{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);margin-left:var(--sp-2);white-space:nowrap}.replay-controls__speeds{display:flex;gap:1px;margin-left:auto}.replay-controls__speed{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 6px;border:none;background:var(--bg-elevated);color:var(--text-tertiary);cursor:pointer;transition:all .1s}.replay-controls__speed:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.replay-controls__speed:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.replay-controls__speed:hover{color:var(--text-primary);background:var(--bg-hover)}.replay-controls__speed--active{background:var(--accent-dim);color:var(--accent)}.replay-controls__filters{display:flex;flex-wrap:wrap;align-items:center;padding:0 var(--sp-3) var(--sp-1);gap:3px}.replay-controls__filter{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 6px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s}.replay-controls__filter--active{background:var(--accent-dim);color:var(--accent)}.replay-controls__filter--disabled{background:var(--bg-elevated);color:var(--text-tertiary);opacity:.6;text-decoration:line-through}.replay-controls__filter:hover{opacity:1;background:var(--bg-hover);color:var(--text-primary)}.tl-timeline{padding:var(--sp-1) 0}.tl-row{display:flex;align-items:center}.tl-timestamp{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);width:38px;flex-shrink:0;text-align:right;padding-right:6px;-webkit-user-select:none;user-select:none;cursor:pointer}.tl-timestamp:hover{color:var(--text-secondary)}.tl-timestamp--inline{margin-left:auto;width:auto;flex-shrink:0}.tl-session{margin-bottom:2px}.tl-session__bar{display:flex;align-items:center;padding:4px 12px;gap:var(--sp-2);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;font-family:var(--font-mono);font-size:var(--fs-xs);cursor:pointer;transition:background .1s;flex:1;min-width:0}.tl-session__bar:hover{background:var(--bg-hover)}.tl-session__bar--user{border-left:3px solid var(--signal-completed)}.tl-session__bar--system{border-left:3px solid var(--text-tertiary)}.tl-session__type-badge{display:inline-block;font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);letter-spacing:.08em;flex-shrink:0}.tl-session__type-badge--user{color:var(--signal-completed);background:#34d3991f}.tl-session__type-badge--system{color:var(--text-tertiary);background:#94a3b81a}.tl-session__trigger{font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0;font-size:var(--fs-xs)}.tl-session__duration{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;padding:1px 6px;border-radius:2px;text-align:right;background:var(--bg-elevated);color:var(--text-tertiary);min-width:52px;flex-shrink:0}.tl-session__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);width:28px;flex-shrink:0;text-align:center}.tl-session__toggle{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;cursor:pointer;padding:0 2px;flex-shrink:0;line-height:1}.tl-session__toggle:hover{color:var(--text-primary)}.tl-session__body{animation:tl-expand .2s var(--ease-out)}.tl-session--all-hidden .tl-session__bar{opacity:.55}@keyframes tl-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tl-trace{margin-left:16px;border-left:2px solid var(--accent);margin-bottom:1px}.tl-trace--all-hidden{opacity:.55}.tl-trace__header{display:flex;align-items:center;padding:4px 12px;gap:var(--sp-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-card);border-bottom:1px solid var(--border-subtle);transition:background .1s;position:relative;flex:1;min-width:0}.tl-trace__header:hover{background:var(--bg-hover)}.tl-trace__rail-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative;left:-17px;margin-right:-12px;transition:box-shadow .2s}.tl-trace--has-active .tl-trace__header .tl-trace__rail-dot{box-shadow:0 0 6px var(--accent);animation:tl-rail-pulse 2s ease-in-out infinite}.tl-trace--selected .tl-trace__header{background:#2dd4bf14;border-left:2px solid var(--accent);cursor:pointer}.tl-trace--selected .tl-trace__header .tl-trace__rail-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}@keyframes tl-rail-pulse{0%,to{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 10px var(--accent)}}.tl-trace__name{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;color:var(--accent);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-trace__duration{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;padding:1px 6px;border-radius:2px;background:#2dd4bf14;color:var(--accent);border:1px solid rgba(45,212,191,.15);min-width:52px;flex-shrink:0;text-align:right}.tl-trace__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);width:28px;flex-shrink:0;text-align:center}.tl-trace__toggle{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;cursor:pointer;padding:0 2px;flex-shrink:0;line-height:1}.tl-trace__toggle:hover{color:var(--text-primary)}.tl-trace__body{animation:tl-expand .2s var(--ease-out)}.tl-span{margin-left:10px;border-left:2px dotted var(--border-default);margin-top:1px;margin-bottom:1px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:border-color .15s,background .15s}.tl-span--open{border-left-color:#2dd4bf80;background:#2dd4bf08}.tl-span__label-row{display:flex;align-items:center;padding:2px var(--sp-2);gap:var(--sp-1);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;color:var(--text-tertiary);transition:background .1s}.tl-span__label-row:hover{background:var(--bg-hover)}.tl-span__branch-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0;position:relative;left:-12px;margin-right:-8px}.tl-span--open>.tl-span__label-row>.tl-span__branch-dot{background:#2dd4bf99}.tl-span__name{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-span__duration{font-family:var(--font-mono);font-size:9px;font-weight:400;padding:0 4px;border-radius:2px;color:var(--text-tertiary);background:none;border:none;min-width:40px;flex-shrink:0;text-align:right}.tl-span__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);width:28px;flex-shrink:0;text-align:center}.tl-span__chevron{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform .15s var(--ease-out);flex-shrink:0}.tl-span__chevron--open{transform:rotate(90deg)}.tl-span__body{animation:tl-expand .15s var(--ease-out);padding-left:8px}.tl-orphans{margin-left:16px;border-left:2px dotted var(--border-subtle);margin-bottom:1px}.tl-orphans__label{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);padding:2px 8px 0 12px;text-transform:uppercase;letter-spacing:.5px;opacity:.6}.tl-step{display:flex;align-items:center;padding:3px var(--sp-3);gap:var(--sp-2);cursor:pointer;transition:background .08s var(--ease-out),transform .08s var(--ease-out),opacity var(--duration-medium) var(--ease-out);border-left:2px solid transparent}.tl-step:hover{background:var(--bg-hover);transform:translate(1px)}.tl-step--active{background:var(--bg-active);border-left-color:var(--accent);box-shadow:inset 4px 0 8px -4px #2dd4bf26;position:relative;overflow:hidden}.tl-step--active:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,rgba(45,212,191,.06) 0%,transparent 100%);animation:step-sweep .4s var(--ease-out) forwards;pointer-events:none}@keyframes step-sweep{0%{transform:translate(-100%)}to{transform:translate(0)}}.tl-step--future{opacity:.45}.tl-step--failed{background:#ef44441a;border-left-color:var(--signal-failed)}.tl-step--failed:hover{background:#ef44442e}.tl-step__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-tertiary)}.tl-step__dot--event{background:var(--signal-requested)}.tl-step__dot--message{background:var(--signal-completed)}.tl-step__dot--tool{background:var(--signal-started)}.tl-step__dot--integration{background:var(--level-info)}.tl-step__dot--integrationEvent{background:var(--signal-requested)}.tl-step__dot--usage{background:var(--text-tertiary)}.tl-step__dot--snapshot{background:var(--accent)}.tl-step__dot--change{background:var(--signal-started)}.tl-step__dot--confirmation{background:var(--signal-started);box-shadow:0 0 6px #f59e0b66}.tl-step__dot--create{background:var(--signal-completed)}.tl-step__dot--update{background:var(--signal-started)}.tl-step__dot--delete{background:var(--signal-failed)}.tl-step__dot--changeGroup{background:var(--signal-started);box-shadow:0 0 4px #f59e0b4d;width:7px;height:7px}.tl-step__dot--file{background:var(--signal-requested)}.tl-step__kind{font-size:9px;font-weight:600;letter-spacing:.04em;width:32px;flex-shrink:0;color:var(--text-tertiary)}.tl-step__kind--event{color:var(--signal-requested)}.tl-step__kind--message{color:var(--signal-completed)}.tl-step__kind--tool{color:var(--signal-started)}.tl-step__kind--integration{color:var(--level-info)}.tl-step__kind--integrationEvent{color:var(--signal-requested)}.tl-step__kind--usage{color:var(--text-tertiary)}.tl-step__kind--snapshot{color:var(--accent)}.tl-step__kind--change,.tl-step__kind--changeGroup,.tl-step__kind--confirmation{color:var(--signal-started)}.tl-step__kind--file{color:var(--signal-requested)}.tl-step__label{font-size:var(--fs-xs);color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tl-step__ts{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.tl-duration--fast{color:var(--signal-completed);background:#10b98114;border-color:#10b98126}.tl-duration--medium{color:var(--signal-started);background:#f59e0b14;border-color:#f59e0b26}.tl-duration--slow{color:var(--signal-failed);background:#ef444414;border-color:#ef444426}.metrics__duration-badge{font-weight:600;padding:0 4px;border-radius:2px;border:1px solid transparent}.tl-step__duration-badge{font-size:9px;font-weight:600;padding:0 4px;margin-left:4px;border-radius:2px;background:#f59e0b1f;color:var(--signal-started);border:1px solid rgba(245,158,11,.2)}.panel__header__toggle{margin-left:auto;display:flex;align-items:center;gap:var(--sp-1);font-size:9px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none}.panel__header__toggle:hover{color:var(--text-secondary)}.panel__header__toggle--active{color:var(--accent)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.inspector-flash-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:0;animation:inspector-flash .5s var(--ease-out) both}@keyframes inspector-flash{0%{opacity:.7;box-shadow:inset 0 0 30px var(--accent-glow);border:1px solid var(--accent)}to{opacity:0;box-shadow:none;border:1px solid transparent}}.panel__header__clear{margin-left:auto;padding:2px 6px;font-size:var(--fs-xs)}.summary-strip{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);height:36px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);animation:fade-in .3s var(--ease-out);overflow-x:auto}.summary-strip__item{display:flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.summary-strip__label{color:var(--text-tertiary)}.summary-strip__value{font-weight:600;color:var(--text-primary)}.summary-strip__value--error{color:var(--signal-failed)}.summary-strip__value--success{color:var(--signal-completed)}.summary-strip__separator{width:1px;height:16px;background:var(--border-subtle)}.summary-strip__btn{margin-left:auto;background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 8px;cursor:pointer;transition:all .12s var(--ease-out)}.summary-strip__btn:hover{border-color:var(--accent);color:var(--accent)}.tab__error-dot{width:6px;height:6px;border-radius:50%;background:var(--signal-failed);display:inline-block;margin-left:4px;box-shadow:0 0 4px var(--signal-failed)}.tabs--secondary{border-bottom:1px solid var(--border-subtle);background:var(--bg-root)}.tabs--secondary .tab{font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3);color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e14cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease-out}.keyboard-help{background:var(--bg-panel);background-image:var(--surface-gradient);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-5);width:320px;animation:scale-in .2s var(--ease-spring);box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff08}.keyboard-help__title{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4)}.keyboard-help__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-1) 0}.keyboard-help__key{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 8px;min-width:48px;text-align:center;color:var(--accent)}.keyboard-help__desc{font-size:var(--fs-sm);color:var(--text-secondary)}.snapshot-view-toggle{display:flex;gap:1px}.snapshot-view-toggle__btn{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 8px;border:none;background:var(--bg-elevated);color:var(--text-tertiary);cursor:pointer;transition:all .1s}.snapshot-view-toggle__btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.snapshot-view-toggle__btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.snapshot-view-toggle__btn:hover{color:var(--text-primary);background:var(--bg-hover)}.snapshot-view-toggle__btn--active{background:var(--accent-dim);color:var(--accent)}.cypher-diff{font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.5}.cypher-diff--empty{color:var(--text-tertiary);padding:var(--sp-2)}.cypher-diff__summary{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-2)}.cypher-diff__summary-text{font-size:var(--fs-xs);color:var(--text-tertiary)}.cypher-diff__summary-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:2px;letter-spacing:.03em}.cypher-diff__summary-badge--added{background:#10b9811f;color:var(--signal-completed)}.cypher-diff__summary-badge--changed{background:#f59e0b1f;color:var(--signal-started)}.cypher-diff__summary-badge--removed{background:#ef44441f;color:var(--signal-failed)}.cypher-diff__section{margin-bottom:var(--sp-3)}.cypher-diff__section-header{font-size:9px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;padding:var(--sp-1) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-1)}.cypher-diff__entity{padding:var(--sp-1) var(--sp-2);border-left:2px solid transparent;margin-bottom:2px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cypher-diff__entity--added{border-left-color:var(--signal-completed);background:#10b9810a}.cypher-diff__entity--removed{border-left-color:var(--signal-failed);background:#ef44440a;opacity:.6}.cypher-diff__entity--changed{border-left-color:var(--signal-started);background:#f59e0b0a}.cypher-diff__entity-header{display:flex;align-items:center;gap:var(--sp-1)}.cypher-diff__entity-alias{color:var(--text-primary);font-weight:500}.cypher-diff__entity-type{color:var(--text-tertiary);font-size:var(--fs-xs)}.cypher-diff__status-badge{font-size:8px;font-weight:700;padding:0 4px;border-radius:2px;letter-spacing:.04em}.cypher-diff__status-badge--added{background:#10b98126;color:var(--signal-completed)}.cypher-diff__status-badge--changed{background:#f59e0b26;color:var(--signal-started)}.cypher-diff__status-badge--removed{background:#ef444426;color:var(--signal-failed)}.cypher-diff__props{padding-left:var(--sp-2);margin-top:2px}.cypher-diff__prop{display:inline-block;margin-right:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-xs)}.cypher-diff__prop-key{color:var(--text-tertiary)}.cypher-diff__prop-change{font-size:var(--fs-xs);margin-bottom:1px}.cypher-diff__prop-old{color:var(--signal-failed);text-decoration:line-through;opacity:.7;margin-right:2px}.cypher-diff__prop-arrow{color:var(--text-tertiary);margin:0 3px}.cypher-diff__prop-new{color:var(--signal-started);font-weight:500}.cypher-diff__prop-removed{color:var(--signal-failed);font-style:italic;opacity:.7}.cypher-diff__rel{display:flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.cypher-diff__rel--added{color:var(--signal-completed)}.cypher-diff__rel--removed{color:var(--signal-failed);opacity:.6;text-decoration:line-through}.cypher-diff__rel-label{font-family:var(--font-mono)}.cypher-graph{overflow-x:auto;overflow-y:auto;padding:var(--sp-2) 0}.cypher-graph--empty{display:flex;align-items:center;justify-content:center;min-height:60px}.cypher-graph__empty-label{color:var(--text-tertiary);font-size:var(--fs-sm);font-family:var(--font-mono)}.cypher-graph__tooltip{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.5;color:var(--text-secondary);box-shadow:0 4px 12px #0006;max-width:210px;overflow:hidden}.cypher-graph__tooltip-header{font-weight:600;color:var(--text-primary);margin-bottom:3px;font-size:11px}.cypher-graph__tooltip-prop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cypher-graph__tooltip-prop--changed{background:#f59e0b14;border-radius:1px;padding:0 2px;margin:0 -2px}.cypher-graph__tooltip-key{color:var(--text-tertiary)}.cypher-graph__tooltip-old{color:var(--signal-failed);text-decoration:line-through;opacity:.7;margin-right:3px}.cypher-graph__tooltip-new{color:var(--signal-started);font-weight:500}.decision-boundary{border:1px solid rgba(245,158,11,.2);border-left:3px solid var(--signal-started);border-radius:var(--radius-sm);background:#f59e0b0a;padding:var(--sp-2) var(--sp-3);margin:var(--sp-2) 0;cursor:pointer;transition:background .12s var(--ease-out),border-color .12s var(--ease-out);align-self:stretch;animation:fade-in-up .2s var(--ease-out)}.decision-boundary:hover{background:#f59e0b14;border-color:#f59e0b59}.decision-boundary__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1)}.decision-boundary__label{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:700;color:var(--signal-started);text-transform:uppercase;letter-spacing:.06em}.decision-boundary__ts{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.decision-boundary__actions{display:flex;flex-direction:column;gap:2px}.decision-boundary__action{font-size:var(--fs-sm);color:var(--text-secondary);padding-left:var(--sp-2);border-left:2px solid rgba(245,158,11,.3)}.snapshot-item__confirmations{border-top:1px solid var(--border-subtle);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--signal-started);background:#f59e0b08}.snapshot-item__confirmations-label{display:block;font-family:var(--font-sans);font-size:9px;font-weight:600;color:var(--signal-started);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.snapshot-item__confirmation-entry{display:flex;align-items:center;gap:var(--sp-2);padding:2px 0;font-size:var(--fs-xs)}.snapshot-item__confirmation-process{font-weight:600;color:var(--text-primary)}.snapshot-item__confirmation-id{font-family:var(--font-mono);color:var(--text-tertiary);font-size:var(--fs-xs)}.file-processing-panel{padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.file-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .12s var(--ease-out)}.file-card--expanded{border-color:var(--border-default)}.file-card__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background .1s var(--ease-out);font-size:var(--fs-sm)}.file-card__header:hover{background:var(--bg-hover)}.file-card__chevron{color:var(--text-tertiary);font-size:var(--fs-xs);width:10px;flex-shrink:0}.file-card__name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.file-card__by{color:var(--text-tertiary);font-size:var(--fs-xs);white-space:nowrap}.file-card__ts{color:var(--text-tertiary);font-size:var(--fs-xs);flex-shrink:0;white-space:nowrap}.file-card__body{border-top:1px solid var(--border-subtle);background:var(--bg-card)}.file-card__loading,.file-card__empty{padding:var(--sp-3);font-size:var(--fs-sm);color:var(--text-tertiary);text-align:center}.file-card__details{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.file-card__section{display:flex;flex-direction:column;gap:var(--sp-1)}.file-card__section-label{font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.file-card__section-label--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.file-card__section-label--clickable:hover{color:var(--accent)}.file-card__steps{display:flex;flex-wrap:wrap;gap:3px}.file-card__step-tag{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 6px;border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent)}.file-card__meta{font-size:var(--fs-xs);color:var(--text-tertiary)}.file-card__text-block{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;box-shadow:inset 0 1px 3px #0003}.file-card__refined{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.file-card__refined-header{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.file-card__score{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.file-card__refined-toggles{display:flex;gap:3px}.file-card__toggle{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:1px 6px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s;background:var(--bg-elevated);color:var(--text-tertiary)}.file-card__toggle--active{background:var(--accent-dim);color:var(--accent)}.file-card__toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mode-toggle{margin-left:auto;display:flex;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.mode-toggle__btn{background:none;border:none;color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 10px;cursor:pointer;transition:all .12s var(--ease-out);white-space:nowrap}.mode-toggle__btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.mode-toggle__btn--active{background:var(--accent-dim);color:var(--accent);font-weight:600}.mode-toggle__btn+.mode-toggle__btn{border-left:1px solid var(--border-default)}.state-view{flex:1;display:flex;flex-direction:column;overflow:hidden;animation:fade-in .3s var(--ease-out)}.state-view__body{flex:1;display:flex;overflow:hidden}.state-view__graph-area{flex:1;overflow:auto;position:relative;background:var(--bg-root);background-image:radial-gradient(circle,var(--border-subtle) 1px,transparent 1px);user-select:none;-webkit-user-select:none;background-size:24px 24px;padding:var(--sp-3)}.state-view__tools-overlay{position:absolute;top:8px;left:8px;z-index:5;pointer-events:none;max-height:calc(100% - 16px);overflow-y:auto;background:#111214d9;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:6px 8px}.state-view__tools-label{font-family:var(--font-sans);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:4px}.state-view__tools-list{display:flex;flex-direction:column;gap:2px}.state-view__tool-pill{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap}.state-view__tool-pill--dispatched{background:#10b9811f;color:var(--signal-completed)}.state-view__empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--fs-sm);font-style:italic}.state-view__detail{width:280px;flex-shrink:0;border-left:1px solid var(--border-subtle);background:var(--bg-panel);overflow-y:auto}.state-view__detail--empty{display:flex;align-items:center;justify-content:center}.state-view__detail-placeholder{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--text-tertiary);text-align:center;padding:var(--sp-4)}@keyframes slide-in-right{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.state-view__detail-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.state-view__detail-accent{width:4px;height:28px;border-radius:2px;flex-shrink:0}.state-view__detail-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.state-view__detail-alias{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-view__detail-type{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.state-view__detail-close{background:none;border:none;color:var(--text-tertiary);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);line-height:1}.state-view__detail-close:hover{background:var(--bg-hover);color:var(--text-primary)}.state-view__detail-status{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.state-view__detail-section{padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.state-view__detail-section-title{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.state-view__detail-props{display:flex;flex-direction:column;gap:4px}.state-view__detail-prop{display:flex;flex-direction:column;gap:1px;padding:2px 0}.state-view__detail-prop-key{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.state-view__detail-prop-val{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);word-break:break-all}.state-view__detail-prop-val--changed{color:#f59e0b}.state-view__detail-prop-old{color:var(--text-tertiary);text-decoration:line-through;margin-right:var(--sp-1)}.state-view__detail-empty{color:var(--text-tertiary);font-style:italic;font-size:var(--fs-xs)}.state-view__detail-rels{display:flex;flex-direction:column;gap:4px}.state-view__detail-rel{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);padding:2px 0}.state-view__detail-rel-arrow{color:var(--text-tertiary);flex-shrink:0}.state-view__detail-rel-type{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);background:var(--bg-elevated);padding:1px 4px;border-radius:var(--radius-sm)}.state-view__detail-rel-target{font-family:var(--font-mono);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-view__detail-rel-badge{font-size:9px;font-weight:600;margin-left:auto;flex-shrink:0}.state-view__activity-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.state-view__activity-row{display:flex;align-items:center;gap:4px;height:22px;padding:0 2px;border-radius:var(--radius-sm);cursor:default}.state-view__activity-row:hover{background:var(--bg-hover)}.state-view__activity-icon{flex-shrink:0;font-size:8px;width:10px;text-align:center}.state-view__activity-label{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-view__activity-state{font-family:var(--font-mono);font-size:8px;color:#111214;padding:0 4px;border-radius:3px;font-weight:600;flex-shrink:0;line-height:14px}.state-view__activity-ts{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);flex-shrink:0;text-align:right;min-width:40px}.state-view__activity-error{font-size:9px;color:#ef4444;opacity:.7;padding-left:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg__node-activity{pointer-events:none}.snap-tl{height:80px;flex-shrink:0;border-top:1px solid var(--border-subtle);background:var(--bg-panel);display:flex;align-items:center;padding:0 var(--sp-3);outline:none}.snap-tl__empty{color:var(--text-tertiary);font-size:var(--fs-xs);font-style:italic}.snap-tl__scroll{overflow-x:auto;flex:1;position:relative;padding:6px 0}.snap-tl__track{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--border-subtle);transform:translateY(-50%);pointer-events:none}.snap-tl__cards{display:flex;gap:8px;min-width:max-content;position:relative;z-index:1}.snap-tl__card{min-width:56px;max-width:72px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 6px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:transform .15s var(--ease-out),background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.snap-tl__card:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 2px 8px #00000040}.snap-tl__card--active{border-color:var(--snap-color);box-shadow:0 0 8px color-mix(in srgb,var(--snap-color) 35%,transparent);transform:translateY(-2px)}.snap-tl__card--active:hover{box-shadow:0 0 12px color-mix(in srgb,var(--snap-color) 45%,transparent)}.snap-tl__type{font-size:8px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:3px;padding:0 3px;line-height:14px;white-space:nowrap}.snap-tl__version{font-size:11px;font-family:var(--font-mono);font-weight:700;color:var(--text-secondary);line-height:14px}.snap-tl__card--active .snap-tl__version{color:var(--text-primary)}.snap-tl__diff{display:flex;gap:2px}.snap-tl__chip{font-size:8px;font-family:var(--font-mono);font-weight:600;padding:0 2px;border-radius:2px;line-height:13px}.snap-tl__chip--add{color:#10b981;background:#10b9811f}.snap-tl__chip--rm{color:#ef4444;background:#ef44441f}.snap-tl__chip--chg{color:#f59e0b;background:#f59e0b1f}.snap-tl__meta{display:flex;gap:3px;font-size:8px;font-family:var(--font-mono);color:var(--text-tertiary);line-height:13px}.snap-tl__tools,.snap-tl__pending{white-space:nowrap}.fg__controls{position:absolute;top:var(--sp-2);right:var(--sp-2);display:flex;flex-direction:column;gap:2px;z-index:10}.fg__btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-mono);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.fg__btn:hover{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}.fg__node:hover rect{filter:brightness(1.25)}.fg__node--selected rect{filter:brightness(1.15)}@keyframes marching-ants{to{stroke-dashoffset:-16}}@keyframes focus-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.fg__node--focused{animation:focus-pulse .3s ease-out;transform-origin:center;transform-box:fill-box}.fg__breadcrumb{position:absolute;bottom:var(--sp-2);left:var(--sp-2);display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;background:#111214d9;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fg__breadcrumb-item{cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;gap:3px;transition:color .15s var(--ease-out)}.fg__breadcrumb-item:hover{color:var(--text-primary)}.fg__breadcrumb-item--active{color:var(--text-primary);font-weight:600}.fg__breadcrumb-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.fg__breadcrumb-sep{color:var(--text-tertiary);font-size:8px}.message__fmt-toggle{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-tertiary);cursor:pointer;margin-left:auto;-webkit-user-select:none;user-select:none;transition:color .1s,background .1s}.message__fmt-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.message__fmt-toggle--active{color:var(--accent);background:var(--accent-dim)}.message__text--formatted{white-space:normal}.fmt-h1{font-family:var(--font-sans);font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin:var(--sp-3) 0 var(--sp-1)}.fmt-h2{font-family:var(--font-sans);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin:var(--sp-2) 0 var(--sp-1)}.fmt-h3{font-family:var(--font-sans);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin:var(--sp-2) 0 var(--sp-1)}.fmt-h4{font-size:var(--fs-base);font-weight:600;color:var(--text-secondary);margin:var(--sp-1) 0}.fmt-p{margin:var(--sp-1) 0;line-height:1.6}.fmt-code-block{display:block;background:var(--bg-root);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-3);margin:var(--sp-2) 0;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.5;overflow-x:auto;white-space:pre;color:var(--text-secondary)}.fmt-inline-code{background:var(--bg-elevated);padding:1px 5px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--accent)}.fmt-link{color:var(--signal-requested);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .12s var(--ease-out)}.fmt-link:hover{border-bottom-color:var(--signal-requested)}.fmt-ul,.fmt-ol{margin:var(--sp-1) 0;padding-left:var(--sp-5)}.fmt-li{margin:2px 0;line-height:1.5}.fmt-html{line-height:1.6}.fmt-html a{color:var(--signal-requested)}.fmt-html pre,.fmt-html code{font-family:var(--font-mono);font-size:var(--fs-sm)}.message__text--formatted strong{color:var(--text-primary)}.message__text--formatted em{color:var(--text-secondary);font-style:italic}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);background:#18191deb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-bottom:1px solid var(--border-default);border-radius:0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0006}.filter-bar__group{display:flex;align-items:center;gap:var(--sp-2)}.filter-bar__label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.filter-bar__btn{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:3px 10px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.filter-bar__btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.filter-bar__btn--active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.filter-bar__btn--active.filter-bar__btn--error{background:#ef44441f;color:var(--signal-failed);border-color:var(--signal-failed)}.filter-bar__select{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer;outline:none}.filter-bar__select:focus{border-color:var(--accent);color:var(--text-primary)}.filter-bar__input{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:3px 8px;outline:none;width:160px;transition:border-color var(--duration-fast) var(--ease-out)}.filter-bar__input::placeholder{color:var(--text-tertiary)}.filter-bar__input:focus{border-color:var(--accent);color:var(--text-primary)}.filter-bar__summary{margin-left:auto;font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.dashboard{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-6) var(--sp-6) calc(var(--sp-6) * 3);width:100%;overflow-y:auto;flex:1;position:relative}.dashboard:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,212,191,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 70% 50% at 50% 20%,black 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 20%,black 10%,transparent 70%)}.dashboard__header{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;position:relative;z-index:1}.dashboard__status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dashboard__status-dot--green{background:var(--signal-completed);box-shadow:0 0 4px var(--signal-completed)}.dashboard__status-dot--amber{background:var(--signal-started);box-shadow:0 0 4px var(--signal-started);animation:dot-pulse 2s ease-in-out infinite}.dashboard__status-dot--red{background:var(--signal-failed);box-shadow:0 0 4px var(--signal-failed);animation:dot-pulse 1.2s ease-in-out infinite}.dashboard__section{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;position:relative;z-index:1;animation:radar-fade-in var(--duration-slow) var(--ease-out) both;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000001a}.dashboard__accordion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.dashboard__section-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.dashboard__section-title{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;flex:1}.dashboard__section-count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:var(--bg-elevated);padding:1px 8px;border-radius:var(--radius-sm)}.dashboard__section-body{overflow-x:auto;max-height:400px;overflow-y:auto}.dashboard__ratio-bar{width:48px;height:4px;border-radius:2px;overflow:hidden;background:var(--bg-elevated);display:inline-block;vertical-align:middle}.dashboard__section-skeleton{padding:16px;display:flex;flex-direction:column;gap:8px}.skeleton-gauge-row{display:flex;align-items:center;gap:8px;height:22px}.skeleton-gauge-row .skeleton-line:first-child{width:80px;flex-shrink:0}.skeleton-gauge-row .skeleton-line:nth-child(2){flex:1}.skeleton-gauge-row .skeleton-line:last-child{width:40px;flex-shrink:0}.skeleton-table-row{display:flex;gap:12px;padding:6px 12px}.skeleton-table-row .skeleton-line{flex:1}.skeleton-table-row .skeleton-line:first-child{flex:2}.dashboard__error{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--signal-failed);background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-left:3px solid var(--signal-failed);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4)}.dashboard .metrics__table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-sm)}.dashboard .metrics__table th{color:var(--text-tertiary);font-weight:500;text-align:left;padding:var(--sp-2) var(--sp-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.dashboard .metrics__table td{color:var(--text-secondary);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle)}.metrics__dim{color:var(--text-tertiary);font-weight:400}.dashboard .metrics__table td:first-child{color:var(--text-primary);font-weight:500}.dashboard .metrics__table tbody tr:last-child td{border-bottom:none}.dashboard .metrics__table tbody tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.dashboard .metrics__row--clickable{cursor:pointer}.dashboard .metrics__row--clickable:hover td:first-child{color:var(--accent)}@media(max-width:768px){.dashboard__accordion-grid{grid-template-columns:1fr}}.conversation-list-page{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6) var(--sp-6) calc(var(--sp-6) * 3);width:100%;overflow-y:auto;flex:1}.conversation-list-page__header{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.conversation-list-page__header h1{font-family:var(--font-sans);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-right:auto;position:relative}.conversation-list-page__header h1:after{content:"";position:absolute;bottom:-4px;left:0;width:24px;height:2px;background:var(--signal-requested);border-radius:1px}.conversation-list-page__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);letter-spacing:.04em}.conversation-list-page .metrics__table{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-sm)}.conversation-list-page .metrics__table th{color:var(--text-tertiary);font-weight:500;text-align:left;padding:var(--sp-2) var(--sp-4);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);background:var(--bg-card)}.conversation-list-page .metrics__table td{color:var(--text-secondary);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-subtle)}.conversation-list-page .metrics__table td:first-child{color:var(--accent);font-weight:500}.conversation-list-page .metrics__table tbody tr:last-child td{border-bottom:none}.conversation-list-page__row{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.conversation-list-page__row:hover td{background:var(--bg-hover)}.conversation-list-page__row:hover td:first-child{color:var(--text-primary)}.conversation-list-page__pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-4) 0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary)}.conversation-list-page__pagination button{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 14px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.conversation-list-page__pagination button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.conversation-list-page__pagination button:disabled{opacity:.3;cursor:not-allowed}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;padding:2px 7px;border-radius:var(--radius-sm);letter-spacing:.04em;border:1px solid transparent}.badge--composing{background:#3b82f61f;color:var(--signal-requested);border-color:#3b82f633}.badge--processing{background:#f59e0b1f;color:var(--signal-started);border-color:#f59e0b33}.badge--waiting_for_user{background:#2dd4bf1a;color:var(--accent);border-color:#2dd4bf33}.badge--completed{background:#10b9811f;color:var(--signal-completed);border-color:#10b98133}.badge--interrupted{background:#8892a41f;color:var(--signal-skipped);border-color:#8892a433}.badge--failed{background:#ef44441f;color:var(--signal-failed);border-color:#ef444433}.mock-input{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);outline:none;width:220px;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mock-input::placeholder{color:var(--text-tertiary)}.mock-input:focus{border-color:var(--accent);color:var(--text-primary)}.agent-filter{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:3px 8px;outline:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.agent-filter:hover{border-color:var(--border-strong)}.agent-filter:focus{border-color:var(--accent);color:var(--text-primary)}.summary-strip__right{margin-left:auto;display:flex;align-items:center;gap:8px}.summary-strip .agent-filter{font-size:var(--fs-xs);padding:2px 6px}.agent-badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;letter-spacing:.04em;flex-shrink:0}.agent-badge--conversation{background:#3b82f61f;color:var(--signal-requested);border:1px solid rgba(59,130,246,.2)}.agent-badge--sub{background:#f59e0b1f;color:var(--signal-started);border:1px solid rgba(245,158,11,.2)}.agent-overview{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3)}.agent-overview__parent{margin-bottom:var(--sp-2)}.agent-overview__instances{display:flex;flex-direction:column;gap:var(--sp-2)}.agent-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.agent-card:hover{border-color:var(--border-default)}.agent-card--parent{border-left:3px solid var(--signal-requested);cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.agent-card__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);cursor:pointer}.agent-card__header:hover{background:var(--bg-hover)}.agent-card__type-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:20px;font-family:var(--font-mono);font-size:9px;font-weight:700;border-radius:3px;flex-shrink:0}.agent-card__type-badge--conversation{background:#3b82f626;color:var(--signal-requested)}.agent-card__type-badge--sub{background:#f59e0b26;color:var(--signal-started)}.agent-card__name{font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.agent-card__version{font-size:10px;color:var(--text-tertiary)}.agent-card__meta,.agent-card__duration{font-size:10px;color:var(--text-tertiary);margin-left:auto}.agent-card__chevron{font-size:10px;color:var(--text-tertiary);width:12px;text-align:center}.agent-card__body{padding:var(--sp-2) var(--sp-3) var(--sp-3);border-top:1px solid var(--border-subtle)}.agent-card__outputs{margin-top:var(--sp-3)}.agent-card__outputs-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.agent-output-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);overflow:hidden}.agent-output-card__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);cursor:pointer;font-size:var(--fs-sm)}.agent-output-card__header:hover{background:var(--bg-hover)}.agent-output-card__version{font-size:10px;color:var(--text-tertiary);font-weight:500}.agent-output-card__summary{color:var(--text-secondary);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.agent-output-card__chevron{font-size:10px;color:var(--text-tertiary)}.agent-output-card__body{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-subtle)}.agent-output-card__section{margin-bottom:var(--sp-2)}.agent-output-card__label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.agent-output-card__text{font-size:var(--fs-sm);color:var(--text-primary);line-height:1.5}.agent-output-card__text--question{color:var(--signal-started);font-style:italic}.agent-output-card__steps{display:flex;flex-direction:column;gap:var(--sp-1)}.agent-output-step{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--bg-card);border-radius:var(--radius-sm);font-size:var(--fs-xs)}.agent-output-step__action{color:var(--text-secondary)}.agent-output-step__result{color:var(--text-primary)}.agent-output-card__meta{font-size:10px;color:var(--text-tertiary);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border-subtle)}.agent-inspector__outputs{margin-top:var(--sp-3)}.agent-inspector__outputs-title{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.error-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:85vw;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.error-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-panel);z-index:1}.error-modal__title{display:flex;align-items:center;gap:var(--sp-2);font-size:16px;font-weight:600}.error-modal__badge{font-size:10px;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--bg-hover);color:var(--text-muted);letter-spacing:.5px}.error-modal__close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:var(--sp-1)}.error-modal__close:hover{color:var(--text-primary)}.error-modal__loading,.error-modal__error,.error-modal__empty-state{padding:var(--sp-6);text-align:center;color:var(--text-muted)}.error-modal__error{color:var(--signal-failed)}.error-modal__stats{display:flex;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border)}.error-modal__stat{flex:1;text-align:center;padding:var(--sp-2);background:var(--bg-root);border-radius:var(--radius)}.error-modal__stat-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.error-modal__stat-value--error{color:var(--signal-failed)}.error-modal__stat-value--good{color:var(--signal-completed)}.error-modal__stat-label{font-size:11px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.error-modal__trend{padding:var(--sp-4);border-bottom:1px solid var(--border)}.error-modal__section-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-2)}.error-modal__categories{padding:var(--sp-4);border-bottom:1px solid var(--border)}.error-tree__node{display:flex;align-items:center;gap:var(--sp-2);padding:4px 0;cursor:pointer;font-size:13px}.error-tree__node:hover{background:var(--bg-hover);border-radius:4px}.error-tree__toggle{width:14px;text-align:center;color:var(--text-muted);flex-shrink:0}.error-tree__name{flex:1}.error-tree__count{font-variant-numeric:tabular-nums;font-weight:600;min-width:30px;text-align:right}.error-tree__trend{font-size:12px;width:16px;text-align:center}.error-tree__trend--up{color:var(--signal-failed)}.error-tree__trend--down{color:var(--signal-completed)}.error-tree__trend--stable{color:var(--text-muted)}.error-tree__trend--new{color:var(--signal-started)}.error-tree__pct{font-size:11px;color:var(--text-muted);min-width:36px;text-align:right}.error-modal__occurrences{padding:var(--sp-4)}.error-modal__occurrence-list{display:flex;flex-direction:column;gap:2px}.error-modal__occurrence{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);font-size:12px;border-radius:4px}.error-modal__occurrence:hover{background:var(--bg-hover)}.error-modal__occ-time{color:var(--text-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.error-modal__occ-link{background:none;border:none;color:var(--signal-requested);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:0;flex-shrink:0}.error-modal__occ-link:hover{text-decoration:underline}.error-modal__occ-source-badge{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-muted);white-space:nowrap}.error-modal__occ-msg{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-modal__empty{padding:var(--sp-4);text-align:center;color:var(--text-muted);font-size:13px}.metrics__cell--action{width:64px;text-align:center;white-space:nowrap}.metrics__drill-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 6px;line-height:1}.metrics__drill-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.metrics__expand-indicator{display:inline-block;width:1em;color:var(--text-tertiary);font-size:11px}.metrics__sub-row td{padding-left:2rem!important;font-size:12px;color:var(--text-secondary);background:var(--bg-panel)}.metrics__sub-row td:first-child{padding-left:2.5rem!important}.dashboard__granularity{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-3)}.dashboard__granularity-status{font-size:12px;color:var(--text-muted)}.dashboard__granularity-error{font-size:12px;color:var(--signal-failed)}.dashboard__section-trend .trend-chart{background:none;border:none;border-radius:0;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle)}.dashboard__trends-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-3)}.trend-chart{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3)}.trend-chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.trend-chart__title{font-weight:600;font-size:12px;color:var(--text-secondary)}.trend-chart__legend{display:flex;gap:var(--sp-2)}.trend-chart__legend-item{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-muted)}.trend-chart__legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.trend-chart__tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2);font-size:11px;color:var(--text-primary);line-height:1.4}.trend-chart__empty{height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.metric-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:4px;cursor:help}.metric-tooltip__icon{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);opacity:.6;transition:opacity var(--duration-fast) var(--ease-out)}.metric-tooltip:hover .metric-tooltip__icon{opacity:1;color:var(--accent)}.metric-tooltip__popover{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:4px;padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;min-width:220px;max-width:320px;white-space:normal;animation:tooltip-fade-in var(--duration-fast) var(--ease-out)}.metric-tooltip__what{font-size:var(--fs-xs);color:var(--text-primary);line-height:1.4}.metric-tooltip__how{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);line-height:1.4}.health-gauges{animation:radar-fade-in var(--duration-slow) var(--ease-out) 80ms both}.health-gauges__header{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--sp-1)}.health-gauges__rows{display:flex;flex-direction:column;gap:6px;padding:var(--sp-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.health-gauge{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:var(--sp-3);cursor:pointer;padding:3px 0;transition:opacity var(--duration-fast) var(--ease-out)}.health-gauge:hover{opacity:.85}.health-gauge__label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);display:flex;align-items:center}.health-gauge__bar-track{height:14px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.health-gauge__bar-fill{height:100%;border-radius:2px;transition:width var(--duration-medium) var(--ease-out)}.health-gauge__bar-fill--green{background:var(--signal-completed)}.health-gauge__bar-fill--accent{background:var(--accent);opacity:.7}.health-gauge__pct{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);min-width:48px;text-align:right}.health-gauge__counts{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);min-width:72px}.duration-section{display:flex;gap:var(--sp-3);align-items:stretch}.duration-table{flex:0 0 50%;animation:radar-fade-in var(--duration-slow) var(--ease-out) .16s both}.duration-table__header{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--sp-1)}.duration-table__avg{font-weight:700!important;color:var(--text-primary)!important}.duration-table__range{color:var(--text-secondary)!important;font-size:var(--fs-xs)!important;font-weight:400!important}.duration-table__na{color:var(--text-tertiary)!important;font-weight:400!important}.throughput-panel-wrapper{flex:1;display:flex;flex-direction:column}.throughput-panel{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);animation:radar-fade-in var(--duration-slow) var(--ease-out) .2s both;display:flex;flex-direction:column}.throughput-panel__chart-area{flex:1;min-height:80px;display:flex;align-items:stretch;justify-content:center}.throughput-panel__empty{color:var(--text-tertiary);font-size:var(--fs-xs);font-family:var(--font-mono)}.throughput-panel__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border-subtle);margin-top:var(--sp-2)}.throughput-panel__kpi-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:2px;text-align:center}.throughput-panel__kpi-value{font-size:var(--fs-md);font-weight:700;font-family:var(--font-mono);color:var(--text-primary);text-align:center}.throughput-panel__trend--down{color:var(--signal-failed)}.throughput-panel__trend--up{color:var(--signal-completed)}@media(max-width:768px){.throughput-panel__kpis{grid-template-columns:repeat(2,1fr)}.throughput-panel-wrapper{width:100%}.duration-section{flex-direction:column}.duration-table{flex:1 1 100%}}.token-economy{animation:radar-fade-in var(--duration-slow) var(--ease-out) .24s both}.token-economy__header{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--sp-2)}.token-economy__totals{display:flex;gap:0;padding:var(--sp-2) var(--sp-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--sp-2)}.token-economy__totals-group{display:flex;flex-direction:column;gap:2px;flex:3;min-width:0;padding:0 var(--sp-3)}.token-economy__totals-group--cost{flex:2}.token-economy__totals-group+.token-economy__totals-group{border-left:1px solid var(--border-default)}.token-economy__group-cells{display:flex;gap:var(--sp-3);justify-content:center}.token-economy__totals-cell{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:center;align-items:center}.token-economy__totals-group--cost .token-economy__totals-cell{flex:1}.token-economy__totals-cell--accent{border-left:2px solid var(--accent);padding-left:var(--sp-3)}.token-economy__totals-cell--accent .token-economy__value{font-size:var(--fs-lg);color:var(--accent)}.token-economy__label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);display:flex;align-items:center}.token-economy__value{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--text-primary)}.token-economy__tier-table{margin-bottom:var(--sp-3)}.token-economy__tier-row-label{text-align:left!important;color:var(--text-secondary)!important;font-weight:400!important}.token-economy__cost-breakdown{margin-top:var(--sp-2)}.token-economy__cost-bar-header{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--sp-2)}.token-economy__cost-bar-track{display:flex;height:20px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.token-economy__cost-bar-segment{height:100%;transition:width .3s ease;position:relative}.token-economy__cost-bar-segment-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:600;min-width:60px;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.token-economy__cost-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.token-economy__cost-legend-item{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary)}.token-economy__cost-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:1px;flex-shrink:0}.token-economy__cost-legend-amount{font-weight:600;color:var(--text-primary)}.token-economy__cost-legend-pct{color:var(--text-tertiary)}.ratio-matrix{animation:radar-fade-in var(--duration-slow) var(--ease-out) .32s both}.ratio-matrix__header{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--sp-2)}.ratio-matrix__table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--font-mono);font-size:var(--fs-sm)}.ratio-matrix__table th{padding:var(--sp-2) var(--sp-3);text-align:right;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.ratio-matrix__table th:first-child{text-align:left}.ratio-matrix__table td{padding:var(--sp-1) var(--sp-3);text-align:right;color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-subtle)}.ratio-matrix__table tbody tr:last-child td{border-bottom:none}.ratio-matrix__row-label{text-align:left!important;color:var(--text-secondary)!important;font-weight:400!important;display:flex;align-items:center}.ratio-matrix__na{color:var(--text-tertiary)!important;opacity:.4;font-weight:400!important}.ratio-matrix__identity{color:var(--text-tertiary)!important;opacity:.6;font-style:italic;font-size:10px}.tgi-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.tgi-header__name{font-size:var(--fs-base);font-weight:600;color:var(--text-primary)}.tgi-copyable{cursor:pointer;color:var(--accent)}.tgi-copyable:hover{text-decoration:underline}.tgi-badges{display:flex;gap:var(--sp-1);flex-wrap:wrap}.tgi-badge{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:1px 8px;border-radius:4px;font-size:var(--fs-xs);font-family:var(--font-mono)}.tgi-badge__kind{font-weight:600}.tgi-badge__count{color:var(--text-tertiary)}.tgi-badge--evt .tgi-badge__kind{color:var(--signal-requested)}.tgi-badge--msg .tgi-badge__kind{color:var(--signal-completed)}.tgi-badge--tool .tgi-badge__kind{color:var(--signal-started)}.tgi-badge--int .tgi-badge__kind{color:var(--level-info)}.tgi-badge--ama .tgi-badge__kind{color:var(--signal-requested)}.tgi-badge--llm .tgi-badge__kind{color:var(--text-tertiary)}.tgi-badge--snap .tgi-badge__kind{color:var(--accent)}.tgi-badge--chg .tgi-badge__kind,.tgi-badge--conf .tgi-badge__kind{color:var(--signal-started)}.tgi-badge--file .tgi-badge__kind{color:var(--signal-requested)}.tgi-badge--agt .tgi-badge__kind{color:var(--accent)}.tgi-flow{display:flex;flex-direction:column;gap:2px;padding-left:8px;border-left:2px solid var(--border-subtle)}.tgi-flow__entry{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-family:var(--font-mono)}.tgi-flow__dot{width:6px;height:6px;border-radius:50%;background:var(--signal-completed);flex-shrink:0}.tgi-flow__dot--failed{background:var(--signal-failed)}.tgi-flow__dot--skipped{background:var(--text-tertiary)}.tgi-flow__state{color:var(--text-primary)}.tgi-flow__state--failed{color:var(--signal-failed)}.tgi-flow__state--skipped{color:var(--text-tertiary)}.tgi-flow__ts{margin-left:auto;color:var(--text-tertiary);font-size:var(--fs-xs)}.tgi-errors{display:flex;flex-direction:column;gap:4px}.tgi-error-row{display:flex;align-items:center;gap:var(--sp-2);padding:4px 8px;background:#ef444414;border-radius:4px;font-size:var(--fs-xs);font-family:var(--font-mono)}.tgi-error-row__label{color:var(--signal-failed)}.tgi-error-row__ts{margin-left:auto;color:var(--text-tertiary)}.tgi-changes{display:flex;flex-direction:column;gap:4px}.tgi-change-row{display:flex;align-items:center;gap:var(--sp-2);padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:var(--fs-xs);font-family:var(--font-mono)}.tgi-change-row__op{font-weight:600;width:56px;flex-shrink:0}.tgi-change-row__op--create{color:var(--signal-completed)}.tgi-change-row__op--update{color:var(--signal-started)}.tgi-change-row__op--delete{color:var(--signal-failed)}.tgi-change-row__entity{color:var(--text-primary)}.tgi-change-row__fields{color:var(--text-tertiary)}.tgi-integrations{display:flex;flex-direction:column;gap:4px}.tgi-int-row{display:flex;align-items:center;gap:var(--sp-2);padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:var(--fs-xs);font-family:var(--font-mono)}.tgi-int-row--error{background:#ef444414}.tgi-int-row__name{color:var(--level-info)}.tgi-int-row__task{color:var(--text-primary)}
