body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.trace-timeline-container{display:flex;flex-direction:column;gap:.5rem}.dark .trace-timeline-container{color:#f3f4f6}.trace-timeline-controls{display:flex;gap:.5rem;align-items:center}.trace-timeline-controls-right{display:flex;align-items:center;gap:.5rem}.trace-timeline-filter-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:14px;line-height:1.5;color:#111827;background-color:#fff}.trace-timeline-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .trace-timeline-filter-input{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.trace-timeline-btn{padding:.25rem .5rem;font-size:12px;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;color:#111827;cursor:pointer;line-height:1.5}.trace-timeline-btn:hover:not(:disabled){background-color:#f3f4f6}.trace-timeline-btn:disabled{opacity:.5;cursor:not-allowed}.dark .trace-timeline-btn{border-color:#374151;background-color:#1f2937;color:#f3f4f6}.dark .trace-timeline-btn:hover:not(:disabled){background-color:#374151}.trace-timeline-btn-export{padding:.25rem .75rem;font-size:12px;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;color:#111827;cursor:pointer;line-height:1.5}.trace-timeline-btn-export:hover:not(:disabled){background-color:#f3f4f6}.trace-timeline-btn-export:disabled{opacity:.5;cursor:not-allowed}.dark .trace-timeline-btn-export{border-color:#374151;background-color:#1f2937;color:#f3f4f6}.dark .trace-timeline-btn-export:hover:not(:disabled){background-color:#374151}.trace-timeline-scale-label{font-size:.875rem;color:#4b5563;min-width:60px;text-align:center}.dark .trace-timeline-scale-label{color:#9ca3af}.trace-timeline-entry-count{font-size:.875rem;color:#4b5563}.dark .trace-timeline-entry-count{color:#9ca3af}.trace-timeline-main{display:flex;gap:1rem;flex:1;min-height:0}.trace-timeline-chart{flex:1;border:1px solid #d1d5db;border-radius:.25rem;overflow:hidden;display:flex;flex-direction:column}.dark .trace-timeline-chart{border-color:#374151}.trace-timeline-header{display:flex;border-bottom:1px solid #d1d5db}.dark .trace-timeline-header{border-bottom-color:#374151}.trace-timeline-header-label{border-right:1px solid #d1d5db;background-color:#f9fafb}.dark .trace-timeline-header-label{border-right-color:#374151;background-color:#111827}.trace-timeline-header-ruler{flex:1;position:relative;height:1.5rem;background-color:#f3f4f6;font-size:.75rem;color:#4b5563}.dark .trace-timeline-header-ruler{background-color:#1f2937;color:#9ca3af}.trace-timeline-ruler-mark{position:absolute}.trace-timeline-ruler-mark-inner{position:relative}.trace-timeline-ruler-mark-text{position:absolute;transform:translate(-50%);padding-left:.25rem;padding-right:.25rem}.trace-timeline-swimlanes{flex:1;overflow-y:auto;overflow-x:auto}.trace-timeline-swimlanes::-webkit-scrollbar{height:8px}.trace-timeline-swimlanes::-webkit-scrollbar-track{background:#f1f1f1}.dark .trace-timeline-swimlanes::-webkit-scrollbar-track{background:#374151}.trace-timeline-swimlanes::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.trace-timeline-swimlanes::-webkit-scrollbar-thumb:hover{background:#555}.trace-timeline-swimlanes-content{position:relative}.trace-timeline-lane{display:flex;border-bottom:1px solid #d1d5db}.dark .trace-timeline-lane{border-bottom-color:#374151}.trace-timeline-lane-label{display:flex;align-items:center;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;font-weight:500;background-color:#f9fafb;border-right:1px solid #d1d5db;flex-shrink:0}.dark .trace-timeline-lane-label{background-color:#111827;border-right-color:#374151}.trace-timeline-lane-label-content{display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-timeline-relay-color{width:.75rem;height:.75rem;border-radius:.125rem;flex-shrink:0}.trace-timeline-relay-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-timeline-lane-bars{flex:1;position:relative}.trace-timeline-bar{position:absolute;cursor:pointer;transition:all .2s}.trace-timeline-bar:hover{filter:brightness(1.1)}.trace-timeline-bar-label{font-size:.75rem;color:#fff;padding-left:.25rem;padding-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-timeline-overlay,.trace-timeline-overlay *,.trace-timeline-overlay input,.trace-timeline-overlay button{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.trace-timeline-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;font-size:14px;line-height:1.5;color:#111827}.dark .trace-timeline-overlay{color:#f3f4f6}.trace-timeline-modal{width:90vw;max-width:1400px;height:80vh;background-color:#fff;color:#111827;border-radius:.5rem;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .trace-timeline-modal{background-color:#1f2937;color:#f3f4f6}.trace-timeline-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #d1d5db}.dark .trace-timeline-modal-header{border-bottom-color:#374151}.trace-timeline-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.dark .trace-timeline-modal-title{color:#f3f4f6}.trace-timeline-modal-tabs{display:flex;gap:.5rem}.trace-timeline-modal-tab{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;font-size:14px;line-height:1.5}.trace-timeline-modal-tab:hover{color:#111827}.dark .trace-timeline-modal-tab{color:#9ca3af}.dark .trace-timeline-modal-tab:hover{color:#f3f4f6}.trace-timeline-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.trace-timeline-modal-controls{display:flex;gap:.5rem}.trace-timeline-modal-control-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;cursor:pointer;color:#6b7280;font-size:20px;line-height:1}.trace-timeline-modal-control-btn:hover{background-color:#f3f4f6;color:#111827}.dark .trace-timeline-modal-control-btn{color:#9ca3af}.dark .trace-timeline-modal-control-btn:hover{background-color:#374151;color:#f3f4f6}.trace-timeline-modal-content{padding:1rem;overflow:auto}.trace-timeline-minimized{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .trace-timeline-minimized{background-color:#1f2937;border-color:#374151}.trace-timeline-restore-btn{background:transparent;border:none;cursor:pointer;font-weight:500;color:#3b82f6}.trace-timeline-restore-btn:hover{text-decoration:underline}.trace-timeline-minimized-close{background:transparent;border:none;cursor:pointer;color:#6b7280;font-size:1.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.trace-timeline-minimized-close:hover{background-color:#f3f4f6;color:#111827}.dark .trace-timeline-minimized-close{color:#9ca3af}.dark .trace-timeline-minimized-close:hover{background-color:#374151;color:#f3f4f6}.trace-timeline-details{width:400px;flex-shrink:0;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;color:#111827;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.5rem;font-size:14px;line-height:1.5;align-self:stretch}.dark .trace-timeline-details{border-color:#374151;background-color:#1f2937;color:#f3f4f6}.trace-timeline-details-title{font-weight:700;font-size:18px;color:#111827;line-height:1.5}.dark .trace-timeline-details-title{color:#f3f4f6}.trace-timeline-details-content{display:flex;flex-direction:column;gap:.75rem;font-size:14px;color:#111827;line-height:1.5}.dark .trace-timeline-details-content{color:#f3f4f6}.trace-timeline-detail-row{display:flex;flex-direction:column;gap:.25rem}.trace-timeline-detail-row-inline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d1d5db;padding-top:.5rem}.dark .trace-timeline-detail-row-inline{border-top-color:#374151}.trace-timeline-detail-label{color:#4b5563;font-size:12px;text-transform:uppercase;font-weight:600;line-height:1.5}.dark .trace-timeline-detail-label{color:#9ca3af}.trace-timeline-detail-value{font-family:ui-monospace,SF Mono,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;font-size:12px;word-break:break-all;color:#111827;line-height:1.5}.dark .trace-timeline-detail-value{color:#f3f4f6}.trace-timeline-detail-value-large{font-weight:700;font-size:18px;color:#111827;line-height:1.5}.dark .trace-timeline-detail-value-large{color:#f3f4f6}.trace-timeline-detail-value-streaming{font-weight:700;font-size:18px;color:#9333ea;line-height:1.5}.dark .trace-timeline-detail-value-streaming{color:#c084fc}.trace-timeline-detail-value-name{font-family:ui-monospace,SF Mono,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;font-size:14px;font-weight:700;color:#111827;line-height:1.5}.dark .trace-timeline-detail-value-name{color:#f3f4f6}.trace-timeline-filters-list{display:flex;flex-direction:column;gap:.5rem}.trace-timeline-filter-box{background-color:#f9fafb;border-radius:.25rem;padding:.5rem;font-family:ui-monospace,monospace;font-size:.75rem;overflow-x:auto}.dark .trace-timeline-filter-box{background-color:#111827}.trace-timeline-filter-pre{white-space:pre-wrap;word-break:break-all}.trace-timeline-close-btn{margin-top:.5rem;padding:.375rem .75rem;background-color:#f3f4f6;color:#111827;border-radius:.25rem;font-size:14px;font-weight:500;cursor:pointer;border:none;line-height:1.5}.trace-timeline-close-btn:hover{background-color:#e5e7eb}.dark .trace-timeline-close-btn{background-color:#1f2937;color:#f3f4f6}.dark .trace-timeline-close-btn:hover{background-color:#374151}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-streaming{background-color:#f3e8ff;color:#6b21a8}.dark .status-streaming{background-color:#581c87;color:#e9d5ff}.status-active{background-color:#dbeafe;color:#1e40af}.dark .status-active{background-color:#1e3a8a;color:#bfdbfe}.status-error{background-color:#fee2e2;color:#991b1b}.dark .status-error{background-color:#7f1d1d;color:#fecaca}.status-success{background-color:#dcfce7;color:#166534}.dark .status-success{background-color:#14532d;color:#bbf7d0}.status-fallback{background-color:#f3f4f6;color:#1f2937}.dark .status-fallback{background-color:#111827;color:#e5e7eb}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.trace-stats-container{display:flex;flex-direction:column;gap:1rem}.trace-stats-export-buttons{display:flex;gap:.5rem;justify-content:flex-end}.trace-stats-no-data{color:#6b7280}.dark .trace-stats-no-data{color:#9ca3af}.trace-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 768px){.trace-stats-grid{grid-template-columns:repeat(4,1fr)}}.trace-stats-card{border:1px solid #d1d5db;border-radius:.25rem;padding:1rem}.dark .trace-stats-card{border-color:#374151}.trace-stats-card-label{font-size:.875rem;color:#4b5563}.dark .trace-stats-card-label{color:#9ca3af}.trace-stats-card-value{font-size:1.5rem;font-weight:700}.trace-stats-card-value-xl{font-size:1.25rem;font-weight:700}.trace-stats-card-value-lg{font-size:1.125rem;font-weight:600}.trace-stats-value-green{color:#16a34a}.dark .trace-stats-value-green{color:#4ade80}.trace-stats-value-yellow{color:#ca8a04}.dark .trace-stats-value-yellow{color:#facc15}.trace-stats-value-blue{color:#2563eb}.dark .trace-stats-value-blue{color:#60a5fa}.trace-stats-value-purple{color:#9333ea}.dark .trace-stats-value-purple{color:#c084fc}.trace-stats-section-title{font-weight:700;margin-bottom:.75rem}.trace-stats-table{width:100%;font-size:.875rem}.trace-stats-table-overflow{overflow-x:auto}.trace-stats-table thead tr{border-bottom:1px solid #d1d5db}.dark .trace-stats-table thead tr{border-bottom-color:#374151}.trace-stats-table th{text-align:left;padding-top:.5rem;padding-bottom:.5rem;font-weight:600}.trace-stats-table th.text-right{text-align:right}.trace-stats-table tbody tr{border-bottom:1px solid #d1d5db}.dark .trace-stats-table tbody tr{border-bottom-color:#374151}.trace-stats-table tbody tr:hover{background-color:#f9fafb}.dark .trace-stats-table tbody tr:hover{background-color:#1f2937}.trace-stats-table td{padding-top:.5rem;padding-bottom:.5rem}.trace-stats-table td.text-right{text-align:right}.trace-stats-relay-name{font-family:ui-monospace,monospace;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;max-width:20rem}.trace-stats-list{display:flex;flex-direction:column;gap:.5rem}.trace-stats-list-item{display:flex;align-items:center;justify-content:space-between}.trace-stats-query-name{font-family:ui-monospace,monospace;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;flex:1}.trace-stats-count{font-size:.875rem;color:#4b5563;margin-left:.5rem}.dark .trace-stats-count{color:#9ca3af}.trace-stats-time{font-family:ui-monospace,monospace;font-size:.75rem}.trace-stats-dash{color:#9ca3af}.dark .trace-stats-dash{color:#6b7280}