:root{--bg: #f5f5f0;--bg2: #ffffff;--bg3: #eeede8;--border: #dddbd4;--border2: #c8c5bc;--text: #1a1a18;--text2: #5a5850;--text3: #9a9890;--green: #1a7a40;--green-bg: #e6f4ec;--blue: #1a5fb4;--blue-bg: #e4edf9;--amber: #8a5c00;--amber-bg: #fef3cd;--red: #c0392b;--red-bg: #fdecea;--purple: #5e35b1;--purple-bg: #ede7f6;--radius: 8px;--radius-lg: 12px;--nav-width: 220px;--font-size: 15px}[data-theme=dark]{--bg: #0c0e14;--bg2: #13161f;--bg3: #1a1d28;--border: #252836;--border2: #2e3245;--text: #e8e4d9;--text2: #8a8699;--text3: #4a4860;--green: #4ade80;--green-bg: #0f2318;--blue: #60a5fa;--blue-bg: #0f1f35;--amber: #fbbf24;--amber-bg: #251e0a;--red: #f87171;--red-bg: #250f0f;--purple: #a78bfa;--purple-bg: #1a1535}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:var(--font-size);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.mono{font-family:DM Mono,monospace}.muted{color:var(--text2)}.danger{color:var(--red)}.success{color:var(--green)}.warning{color:var(--amber)}.info{color:var(--blue)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.03em}.badge-green{background:var(--green-bg);color:var(--green)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-purple{background:var(--purple-bg);color:var(--purple)}.badge-muted{background:var(--bg3);color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border2);background:transparent;color:var(--text);transition:all .15s}.btn:hover{background:var(--bg3);border-color:var(--border2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}[data-theme=dark] .btn-primary{color:#0a0f0a}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{border-color:transparent}.btn-ghost:hover{background:var(--bg3);border-color:var(--border)}.btn-danger{color:var(--red);border-color:var(--red-bg)}.btn-danger:hover{background:var(--red-bg)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.section-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;display:block}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);font-size:10px;cursor:default;position:relative;flex-shrink:0;-webkit-user-select:none;user-select:none}.info-icon .tooltip{display:none;position:absolute;top:50%;right:calc(100% + 8px);left:auto;bottom:auto;transform:translateY(-50%);background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);padding:8px 12px;font-size:11px;line-height:1.6;color:var(--text2);white-space:pre-wrap;width:260px;text-align:left;box-shadow:0 4px 16px #00000026;z-index:100;pointer-events:none}.info-icon:hover .tooltip{display:block}.log-output{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:DM Mono,monospace;font-size:12px;line-height:2;min-height:120px}