*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#app{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-fg)}button{font:inherit;color:inherit}a{color:inherit}:root{--color-bg: #f7f8fa;--color-surface: #ffffff;--color-surface-alt: #eef0f4;--color-fg: #1a1f29;--color-muted-fg: #5c6576;--color-muted-bg: #e4e7ed;--color-border: #dde1e7;--color-border-strong: #c4cad4;--color-primary: #2f6bff;--color-primary-fg: #ffffff;--color-success-bg: #def5e1;--color-success-fg: #167a2b;--color-danger-bg: #fde1df;--color-danger-fg: #a81f12;--color-info-bg: #e0ecff;--color-info-fg: #204a9b;--color-code-bg: #0d1117;--color-code-fg: #e6edf3;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}.ansi-bold{font-weight:700}.ansi-italic{font-style:italic}.ansi-underline{text-decoration:underline}.ansi-fg-black{color:#0d1117}.ansi-fg-red{color:#ff7b72}.ansi-fg-green{color:#7ee787}.ansi-fg-yellow{color:#d29922}.ansi-fg-blue{color:#79c0ff}.ansi-fg-magenta{color:#d2a8ff}.ansi-fg-cyan{color:#a5d6ff}.ansi-fg-white{color:#e6edf3}.ansi-fg-bright-black{color:#8b949e}.ansi-fg-bright-red{color:#ffa198}.ansi-fg-bright-green{color:#56d364}.ansi-fg-bright-yellow{color:#e3b341}.ansi-fg-bright-blue{color:#58a6ff}.ansi-fg-bright-magenta{color:#bc8cff}.ansi-fg-bright-cyan{color:#76d9ff}.ansi-fg-bright-white{color:#f0f6fc}.page{max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-4);display:grid;gap:var(--space-5)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.page-header h1{font-size:20px;font-weight:600}.btn{padding:8px 14px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);cursor:pointer;font-weight:500;font-size:14px}.btn:hover{border-color:var(--color-border-strong)}.btn--primary{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.btn--danger{background:var(--color-danger-fg);color:#fff;border-color:var(--color-danger-fg)}.btn--ghost{background:transparent;border-color:transparent}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:var(--space-4)}.stack{display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:center}.muted{color:var(--color-muted-fg);font-size:13px}.mono{font-family:var(--font-mono)}.state{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:8px;text-align:center;color:var(--color-muted-fg)}.state--error{border-color:var(--color-danger-fg);color:var(--color-danger-fg)}