.logs-explainer.svelte-p1r7ld{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.explainer-header.svelte-p1r7ld{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.icon-badge.svelte-p1r7ld{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.icon-logs.svelte-p1r7ld{background:#ecfdf5;color:var(--color-logs)}.explainer-header.svelte-p1r7ld h3:where(.svelte-p1r7ld){margin-bottom:var(--space-xs)}.explainer-header.svelte-p1r7ld p:where(.svelte-p1r7ld){margin:0}.log-viewer.svelte-p1r7ld{background:var(--color-slate-900);border-radius:var(--radius-md);overflow:hidden}.log-header.svelte-p1r7ld{display:grid;grid-template-columns:140px 70px 120px 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-slate-800);color:var(--color-slate-400);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.log-entries.svelte-p1r7ld{max-height:280px;overflow-y:auto}.log-entry.svelte-p1r7ld{display:grid;grid-template-columns:140px 70px 120px 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md);width:100%;border:none;background:transparent;color:var(--color-slate-300);font-family:var(--font-mono);font-size:.8125rem;text-align:left;cursor:pointer;transition:background .1s ease}.log-entry.svelte-p1r7ld:hover{background:var(--color-slate-800)}.log-entry.selected.svelte-p1r7ld{background:var(--color-navy)}.log-timestamp.svelte-p1r7ld{color:var(--color-slate-500)}.log-level.svelte-p1r7ld{font-weight:500;font-size:.6875rem}.level-info.svelte-p1r7ld{color:#22d3ee}.level-debug.svelte-p1r7ld{color:#a78bfa}.level-warn.svelte-p1r7ld{color:#fbbf24}.level-error.svelte-p1r7ld{color:#f87171}.log-service.svelte-p1r7ld{color:var(--color-slate-400)}.log-message.svelte-p1r7ld{color:var(--color-slate-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-detail.svelte-p1r7ld{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-slate-50);border-radius:var(--radius-md)}.log-detail.svelte-p1r7ld h4:where(.svelte-p1r7ld){margin-bottom:var(--space-md)}.detail-grid.svelte-p1r7ld{display:flex;flex-direction:column;gap:var(--space-md)}.detail-item.svelte-p1r7ld{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label.svelte-p1r7ld{font-size:.75rem;font-weight:500;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em}.detail-value.svelte-p1r7ld{font-size:.875rem}.key-insight.svelte-p1r7ld{margin-top:var(--space-lg);padding:var(--space-md);background:#f0f9ff;border-left:3px solid var(--color-metrics);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.875rem;color:var(--color-slate-700)}@media(max-width:768px){.log-header.svelte-p1r7ld,.log-entry.svelte-p1r7ld{grid-template-columns:1fr;gap:var(--space-xs)}.log-header.svelte-p1r7ld{display:none}.log-entry.svelte-p1r7ld{padding:var(--space-md);border-bottom:1px solid var(--color-slate-700)}}.metrics-explainer.svelte-gwak85{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.explainer-header.svelte-gwak85{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.icon-badge.svelte-gwak85{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.icon-metrics.svelte-gwak85{background:#f0f9ff;color:var(--color-metrics)}.explainer-header.svelte-gwak85 h3:where(.svelte-gwak85){margin-bottom:var(--space-xs)}.explainer-header.svelte-gwak85 p:where(.svelte-gwak85){margin:0}.metrics-grid.svelte-gwak85{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.metric-card.svelte-gwak85{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);padding:var(--space-md);text-align:left;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans)}.metric-card.svelte-gwak85:hover{border-color:var(--color-slate-400)}.metric-card.selected.svelte-gwak85{border-color:var(--color-navy);background:var(--color-white)}.metric-card-wide.svelte-gwak85{grid-column:span 2}.metric-header.svelte-gwak85{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}.metric-label.svelte-gwak85{font-size:.875rem;color:var(--color-slate-600)}.metric-value.svelte-gwak85{font-size:1.5rem;font-weight:600;font-family:var(--font-mono)}.metric-value-primary.svelte-gwak85{color:var(--color-navy)}.gauge-bar.svelte-gwak85{height:6px;background:var(--color-slate-200);border-radius:3px;overflow:hidden}.gauge-fill.svelte-gwak85{height:100%;border-radius:3px;transition:width .5s ease}.metric-trend.svelte-gwak85{display:flex;align-items:center;gap:var(--space-sm)}.trend-up.svelte-gwak85{color:var(--color-success);font-weight:500;font-size:.875rem}.metric-subtitle.svelte-gwak85{margin-top:var(--space-xs)}.sparkline.svelte-gwak85{height:40px}.sparkline.svelte-gwak85 svg:where(.svelte-gwak85){width:100%;height:100%}.metric-detail.svelte-gwak85{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-slate-50);border-radius:var(--radius-md)}.metric-detail.svelte-gwak85 h4:where(.svelte-gwak85){margin-bottom:var(--space-sm)}.metric-detail.svelte-gwak85 p:where(.svelte-gwak85){margin:0;color:var(--color-slate-600)}.key-insight.svelte-gwak85{margin-top:var(--space-lg);padding:var(--space-md);background:#f0f9ff;border-left:3px solid var(--color-metrics);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.875rem;color:var(--color-slate-700)}@media(max-width:768px){.metrics-grid.svelte-gwak85{grid-template-columns:1fr}.metric-card-wide.svelte-gwak85{grid-column:span 1}}.traces-explainer.svelte-39tq7e{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.explainer-header.svelte-39tq7e{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl)}.icon-badge.svelte-39tq7e{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.5rem;flex-shrink:0}.icon-traces.svelte-39tq7e{background:#f5f3ff;color:var(--color-traces)}.explainer-header.svelte-39tq7e h3:where(.svelte-39tq7e){margin-bottom:var(--space-xs)}.explainer-header.svelte-39tq7e p:where(.svelte-39tq7e){margin:0}.trace-viewer.svelte-39tq7e{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-md);overflow:hidden}.trace-header.svelte-39tq7e{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-slate-100);border-bottom:1px solid var(--color-slate-200);font-size:.875rem}.trace-id.svelte-39tq7e{color:var(--color-slate-600)}.trace-duration.svelte-39tq7e{font-weight:500;color:var(--color-slate-800)}.trace-timeline.svelte-39tq7e{padding:var(--space-md)}.time-scale.svelte-39tq7e{display:flex;justify-content:space-between;margin-left:180px;margin-bottom:var(--space-sm);font-size:.75rem;color:var(--color-slate-400)}.spans-container.svelte-39tq7e{display:flex;flex-direction:column;gap:var(--space-xs)}.span-row.svelte-39tq7e{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-sans);width:100%;transition:all .1s ease}.span-row.svelte-39tq7e:hover{background:var(--color-white);border-color:var(--color-slate-200)}.span-row.selected.svelte-39tq7e{background:var(--color-white);border-color:var(--color-navy)}.span-label.svelte-39tq7e{width:160px;flex-shrink:0;display:flex;flex-direction:column}.span-service.svelte-39tq7e{font-weight:500;font-size:.875rem}.span-operation.svelte-39tq7e{font-size:.75rem;font-family:var(--font-mono)}.span-bar-container.svelte-39tq7e{flex:1;height:24px;position:relative;background:var(--color-slate-100);border-radius:var(--radius-sm)}.span-bar.svelte-39tq7e{position:absolute;height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--space-sm);min-width:40px}.span-duration.svelte-39tq7e{font-size:.6875rem;font-weight:500;color:#fff;white-space:nowrap}.span-detail.svelte-39tq7e{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-slate-50);border-radius:var(--radius-md)}.span-detail.svelte-39tq7e h4:where(.svelte-39tq7e){margin-bottom:var(--space-md)}.detail-grid.svelte-39tq7e{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.detail-item.svelte-39tq7e{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label.svelte-39tq7e{font-size:.75rem;font-weight:500;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em}.detail-value.svelte-39tq7e{font-size:.875rem}.status-ok.svelte-39tq7e{color:var(--color-success)}.status-warn.svelte-39tq7e{color:var(--color-warning)}.status-error.svelte-39tq7e{color:var(--color-error)}.trace-insight.svelte-39tq7e{margin-top:var(--space-lg);padding:var(--space-md);background:#faf5ff;border-radius:var(--radius-md);font-size:.875rem}.trace-insight.svelte-39tq7e p:where(.svelte-39tq7e){margin:0 0 var(--space-sm)}.trace-insight.svelte-39tq7e ul:where(.svelte-39tq7e){margin:0;padding-left:var(--space-lg)}.trace-insight.svelte-39tq7e li:where(.svelte-39tq7e){margin-bottom:var(--space-xs);color:var(--color-slate-600)}.key-insight.svelte-39tq7e{margin-top:var(--space-lg);padding:var(--space-md);background:#f0f9ff;border-left:3px solid var(--color-metrics);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.875rem;color:var(--color-slate-700)}@media(max-width:768px){.time-scale.svelte-39tq7e{display:none}.span-label.svelte-39tq7e{width:120px}.detail-grid.svelte-39tq7e{grid-template-columns:1fr}}.trace-viz.svelte-1chz2u1{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.viz-controls.svelte-1chz2u1{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-xl)}.viz-container.svelte-1chz2u1{background:var(--color-slate-50);border-radius:var(--radius-md);padding:var(--space-md)}.viz-svg.svelte-1chz2u1{width:100%;height:auto}.connection-line.svelte-1chz2u1{stroke:var(--color-slate-300);stroke-width:2;stroke-dasharray:5 5;transition:all .3s ease}.connection-line.active.svelte-1chz2u1{stroke:var(--color-navy);stroke-dasharray:none}.connection-line.animating.svelte-1chz2u1{stroke:var(--color-metrics);stroke-width:3}.connection-line.error.svelte-1chz2u1{stroke:var(--color-error)}.latency-label.svelte-1chz2u1{font-size:10px;font-family:var(--font-mono);fill:var(--color-slate-600)}.latency-label.error.svelte-1chz2u1{fill:var(--color-error);font-weight:600}.service-node.svelte-1chz2u1 rect:where(.svelte-1chz2u1){fill:var(--color-white);stroke:var(--color-slate-300);stroke-width:2;cursor:pointer;transition:all .2s ease}.service-node.svelte-1chz2u1:hover rect:where(.svelte-1chz2u1){stroke:var(--color-navy)}.service-node.active.svelte-1chz2u1 rect:where(.svelte-1chz2u1){fill:var(--color-slate-50)}.service-node.error.svelte-1chz2u1 rect:where(.svelte-1chz2u1){fill:#fef2f2;stroke:var(--color-error)}.service-node.svelte-1chz2u1 text:where(.svelte-1chz2u1){font-size:11px;font-family:var(--font-sans);fill:var(--color-slate-700);pointer-events:none}.packet.svelte-1chz2u1{fill:var(--color-metrics)}.packet.error.svelte-1chz2u1{fill:var(--color-error)}.viz-status.svelte-1chz2u1{text-align:center;padding:var(--space-md);font-size:.875rem;min-height:48px;display:flex;align-items:center;justify-content:center}.error-text.svelte-1chz2u1{color:var(--color-error);font-weight:500}.success-text.svelte-1chz2u1{color:var(--color-success);font-weight:500}.service-detail.svelte-1chz2u1{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-slate-50);border-radius:var(--radius-md)}.service-detail.svelte-1chz2u1 h4:where(.svelte-1chz2u1){margin-bottom:var(--space-xs)}.service-detail.svelte-1chz2u1 p:where(.svelte-1chz2u1){margin:0;font-size:.875rem}@media(max-width:768px){.viz-controls.svelte-1chz2u1{flex-direction:column;align-items:center}.viz-controls.svelte-1chz2u1 .btn:where(.svelte-1chz2u1){width:100%;max-width:200px}}.simplifier.svelte-h0ls8l{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:800px;margin:0 auto}.simplifier-layout.svelte-h0ls8l{display:flex;flex-direction:column;gap:var(--space-lg)}.input-label.svelte-h0ls8l{display:flex;flex-direction:column;gap:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-slate-700)}textarea.svelte-h0ls8l{width:100%;padding:var(--space-md);font-family:var(--font-mono);font-size:.875rem;border:1px solid var(--color-slate-300);border-radius:var(--radius-md);resize:vertical;transition:border-color .15s ease}textarea.svelte-h0ls8l:focus{outline:none;border-color:var(--color-navy)}.examples.svelte-h0ls8l{margin-top:var(--space-sm)}.examples-label.svelte-h0ls8l{font-size:.75rem;color:var(--color-slate-500)}.examples-list.svelte-h0ls8l{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.example-btn.svelte-h0ls8l{padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-family:var(--font-mono);background:var(--color-slate-100);border:1px solid var(--color-slate-200);border-radius:var(--radius-sm);color:var(--color-slate-600);cursor:pointer;transition:all .15s ease}.example-btn.svelte-h0ls8l:hover{background:var(--color-slate-200);border-color:var(--color-slate-300)}.controls-section.svelte-h0ls8l{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.audience-toggle.svelte-h0ls8l{display:flex;align-items:center;gap:var(--space-md)}.toggle-label.svelte-h0ls8l{font-size:.875rem;color:var(--color-slate-600)}.toggle-buttons.svelte-h0ls8l{display:flex;border:1px solid var(--color-slate-300);border-radius:var(--radius-md);overflow:hidden}.toggle-btn.svelte-h0ls8l{padding:var(--space-sm) var(--space-md);font-size:.875rem;font-family:var(--font-sans);background:var(--color-white);border:none;color:var(--color-slate-600);cursor:pointer;transition:all .15s ease}.toggle-btn.svelte-h0ls8l:first-child{border-right:1px solid var(--color-slate-300)}.toggle-btn.active.svelte-h0ls8l{background:var(--color-navy);color:var(--color-white)}.simplify-btn.svelte-h0ls8l{min-width:120px}.output-box.svelte-h0ls8l{min-height:100px;padding:var(--space-md);background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:var(--radius-md)}.output-box.svelte-h0ls8l p:where(.svelte-h0ls8l){margin:0;font-size:.9375rem;line-height:1.7;color:var(--color-slate-800)}.placeholder-text.svelte-h0ls8l,.loading-text.svelte-h0ls8l{color:var(--color-slate-400);font-style:italic}.loading-text.svelte-h0ls8l{display:inline-block;animation:svelte-h0ls8l-pulse 1.5s ease-in-out infinite}@keyframes svelte-h0ls8l-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:768px){.controls-section.svelte-h0ls8l,.audience-toggle.svelte-h0ls8l{flex-direction:column;align-items:stretch}.toggle-buttons.svelte-h0ls8l{justify-content:center}}.hero.svelte-1uha8ag{background:linear-gradient(to bottom,var(--color-slate-50),var(--color-white));padding:var(--space-3xl) 0;text-align:center}.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.75rem;margin-bottom:var(--space-md)}.highlight.svelte-1uha8ag{color:var(--color-navy)}.hero-subtitle.svelte-1uha8ag{font-size:1.125rem;color:var(--color-slate-600);max-width:600px;margin:0 auto}.section.svelte-1uha8ag{padding:var(--space-3xl) 0}.section-alt.svelte-1uha8ag{background:var(--color-slate-50)}.section-header.svelte-1uha8ag{text-align:center;margin-bottom:var(--space-2xl)}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-bottom:var(--space-sm)}.section-header.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:600px;margin:0 auto}.pillars-nav.svelte-1uha8ag{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.pillar-tab.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-white);border:2px solid var(--color-slate-200);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--color-slate-600);cursor:pointer;transition:all .15s ease}.pillar-tab.svelte-1uha8ag:hover{border-color:var(--color-slate-400)}.pillar-tab.active.svelte-1uha8ag{border-color:var(--color-navy);color:var(--color-navy);background:var(--color-slate-50)}.pillar-icon.svelte-1uha8ag{font-size:1.25rem}.pillar-icon-logs.svelte-1uha8ag{color:var(--color-logs)}.pillar-icon-metrics.svelte-1uha8ag{color:var(--color-metrics)}.pillar-icon-traces.svelte-1uha8ag{color:var(--color-traces)}.pillar-content.svelte-1uha8ag{max-width:900px;margin:0 auto}.card-title.svelte-1uha8ag{margin-bottom:var(--space-sm)}@media(max-width:768px){.hero.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2rem}.pillars-nav.svelte-1uha8ag{flex-direction:column;align-items:center}.pillar-tab.svelte-1uha8ag{width:100%;max-width:300px;justify-content:center}}