:root{--surface-1: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f4;--border: #e2e5ea;--text: #1a1d23;--text-muted: #6b7280;--accent: #128c7e;--accent-soft: #d9f0ec;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--surface-1: #16181d;--surface-2: #1c1f26;--surface-3: #262a33;--border: #2d323c;--text: #e7e9ee;--text-muted: #9aa2b1;--accent: #25d366;--accent-soft: #17352a;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--surface-2);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.page-title{margin:0 0 4px;font-size:20px;font-weight:700}.page-subtitle{margin:0 0 20px;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-weight:600;font-size:13px}.field__hint{font-size:12px;color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);color:var(--text);font-size:14px;font-family:inherit}.textarea{resize:vertical;min-height:90px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.input--invalid{border-color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--sm{padding:6px 11px;font-size:13px}.checkbox{width:18px;height:18px;accent-color:var(--accent)}code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace}.status{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid var(--border)}.status__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status--connected{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.status--connecting{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.status--disconnected{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.msg{margin:0;font-size:13px}.msg--ok{color:var(--ok)}.msg--error{color:var(--danger)}.msg--muted{color:var(--text-muted)}