:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--background: #09090b;--foreground: #fafafa;--card: #09090b;--card-foreground: #fafafa;--popover: #09090b;--popover-foreground: #fafafa;--primary: #fafafa;--primary-foreground: #18181b;--secondary: #27272a;--secondary-foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #27272a;--accent-foreground: #fafafa;--destructive: #ef4444;--destructive-foreground: #fafafa;--border: #27272a;--input: #27272a;--ring: #d4d4d8;background-color:var(--background);color:var(--foreground);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--secondary);border:2px solid var(--background);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}body{margin:0;padding:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;height:100vh;display:flex;flex-direction:column}header{padding:1rem;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:1.2rem;color:#646cff}main{flex:1;overflow:hidden;position:relative;background-color:#0d0d0d}button{background-color:#1a1a1a;border:1px solid #333;color:#fff;padding:.5rem 1rem;cursor:pointer;font-family:inherit;transition:all .2s}button:hover{border-color:#646cff;color:#646cff}button.active{background-color:#646cff;border-color:#646cff;color:#fff}.log-container{height:100%;overflow-y:auto;padding:.5rem;scroll-behavior:smooth}.log-line{white-space:pre-wrap;word-break:break-all;padding:2px 0;font-size:.9rem;display:flex;border-bottom:1px solid #1a1a1a}.log-ts{color:#888;margin-right:1rem;min-width:200px;flex-shrink:0}.log-source{color:#4caf50;margin-right:1rem;min-width:150px;flex-shrink:0}.log-content{color:#ddd}.app-layout{display:flex;height:100%}.log-section{flex:1;overflow:hidden}@keyframes pulse-green{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 6px #4caf5000}to{box-shadow:0 0 #4caf5000}}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;animation:pulse-green 2s infinite}