:root{color:#e8eef6;background:#0e1522;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#101927,#0a1019);color:#e8eef6}button,input,select{font:inherit}button{border:none;cursor:pointer}input{border:none;background:transparent;color:inherit;outline:none;min-width:0}pre{margin:0;white-space:pre-wrap;word-break:break-word}.app-shell{width:100%;max-width:none;margin:0 auto;padding:18px 18px 16px;display:grid;gap:14px}.topbar,.summary-grid,.action-band,.workspace-grid,.event-log{width:100%}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.topbar h1,.panel-header h2,.action-group h2,.event-log h2{margin:0;font-size:26px;line-height:1.15}.subtle,.eyebrow{margin:0;color:#8ea0b8}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.08em;margin-bottom:6px}.topbar-actions,.button-row,.status-pills,.metric-header,.trace-summary-banner,.task-card-header{display:flex;gap:10px;align-items:center}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.panel,.action-band,.event-log,.error-banner{background:#121c2beb;border:1px solid rgba(126,154,186,.18);border-radius:8px;box-shadow:0 18px 48px #0000002e}.metric-card{padding:18px;display:grid;gap:10px}.metric-card strong{font-size:34px}.action-band{padding:18px;display:grid;gap:16px}.action-group{display:flex;justify-content:space-between;gap:16px;align-items:center}.status-pills{flex-wrap:wrap}.status-pill,.status-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:12px;text-transform:uppercase}.signal-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:12px;border:1px solid rgba(126,154,186,.18)}.status-pill strong{font-size:14px}.tone-pending,.badge-pending{background:#647e9d2e;color:#c8d4e2}.tone-running,.badge-running{background:#3895ff2e;color:#7dc0ff}.tone-retry,.badge-retry{background:#ffb43c29;color:#ffd17b}.tone-ready,.badge-ready{background:#46be782e;color:#7be5a6}.tone-blocked,.badge-blocked{background:#d278ff2e;color:#daa7ff}.tone-failed,.badge-failed{background:#ff56562e;color:#ff9a9a}.signal-info{background:#2787ff1f;color:#a9ceff}.signal-ok{background:#46be781f;color:#8ee7b3}.signal-warning{background:#ffb43c24;color:#ffd17b}.signal-critical{background:#ff565624;color:#faa}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:16px;align-items:start}.catalog-panel{grid-column:1}.details-panel{grid-column:2}.trace-panel{grid-column:1 / -1}.panel{padding:18px;display:grid;gap:16px;min-height:0;align-content:start}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.search-field{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid rgba(126,154,186,.18);background:#0a101abf;border-radius:8px;width:min(100%,460px)}.search-field input{width:100%}.semantic-search{display:flex;gap:10px}.catalog-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.catalog-toolbar-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.catalog-toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selected-count,.pager-text{color:#dbe7f4;font-size:13px}.select-field{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid rgba(126,154,186,.18);background:#0a101abf;border-radius:8px;color:#dbe7f4}.select-field span{color:#8ea0b8;font-size:12px;white-space:nowrap}.select-field select{border:none;background:transparent;color:inherit;outline:none;min-width:72px}.semantic-results,.catalog-table,.trace-list,.trace-detail{display:grid;gap:8px}.semantic-result,.trace-row,.table-row{width:100%;text-align:left;background:#0b131fd9;color:inherit;border:1px solid rgba(126,154,186,.14);border-radius:8px}.semantic-result,.trace-row{padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.catalog-table{align-content:start}.table-header,.table-row{display:grid;grid-template-columns:28px 80px minmax(0,1fr) 110px;gap:12px;align-items:center}.table-header{padding:0 12px;font-size:12px;text-transform:uppercase;color:#8ea0b8}.table-row{padding:14px}.table-row-selected,.trace-row-selected,.semantic-result:hover,.table-row:hover,.trace-row:hover{border-color:#499eff80;background:#101f33f2}.title-cell{display:grid;gap:6px;min-width:0}.title-cell small,.semantic-result p,.trace-row p,.turn-text,.turn-answer{margin:0;color:#b4c2d4}.mono{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace}.pagination,.info-row,.trace-layout,.definition-block,.details-stack,.metadata-grid,.task-grid,.context-panel,.turn-card{display:grid;gap:10px}.pagination{grid-auto-flow:column;justify-content:end;align-items:center}.trace-layout{grid-template-columns:minmax(320px,.34fr) minmax(0,1fr);gap:14px;min-height:0}.trace-list,.trace-detail{min-height:0;align-content:start}.trace-list,.trace-detail{max-height:720px;overflow:auto;padding-right:4px}.definition-block,.context-panel,.task-card,.turn-card{padding:16px;background:#0a101ab8;border:1px solid rgba(126,154,186,.14);border-radius:8px}.definition-block h3,.context-panel h3,.task-card h3{margin:0;font-size:16px}.definition-block p,.info-row span,.warning-text,.placeholder{color:#9eb0c6}.metadata-grid,.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-row{padding:12px 14px;background:#0a101a85;border:1px solid rgba(126,154,186,.12);border-radius:8px}.info-row strong{word-break:break-word}.turn-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.trace-summary-banner,.error-banner,.alert-banner,.automation-banner,.schema-banner,.event-item{padding:12px 14px;border-radius:8px;background:#0a101ab8;border:1px solid rgba(126,154,186,.12)}.alert-banner{display:flex;gap:12px;align-items:flex-start}.alert-banner div{display:grid;gap:4px}.alert-retry{border-color:#ffb43c52;background:#4a300666}.alert-failed{border-color:#ff56565c;background:#54141461}.alert-warning{border-color:#ffb43c3d;background:#1c180a6b}.trace-row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;color:#9eb0c6;font-size:12px}.score-grid{margin-top:12px}.event-log{padding:18px;display:grid;gap:10px;grid-column:1 / -1}.event-log-list{display:grid;gap:10px;max-height:220px;overflow:auto}.primary-button,.secondary-button,.danger-button,.icon-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 14px;white-space:nowrap}.primary-button{background:#2787ff;color:#f8fbff}.secondary-button,.icon-button{background:#0e1c2fe0;color:#dbe7f4;border:1px solid rgba(126,154,186,.18)}.danger-button{background:#902222c7;color:#fff1f1}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1480px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.catalog-panel,.details-panel,.trace-panel,.event-log{grid-column:auto}.panel{min-height:unset}.trace-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:980px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.action-group{grid-template-columns:minmax(0,1fr);display:grid}.button-row{flex-wrap:wrap}.semantic-search{grid-template-columns:minmax(0,1fr);display:grid}.metadata-grid,.task-grid{grid-template-columns:minmax(0,1fr)}}