*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0d141c;color:#e3e9f0}.app{max-width:1100px;margin:0 auto;padding:24px 16px;min-height:100vh;display:flex;flex-direction:column}.app>.console-view{margin-bottom:24px}.app-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:2px solid var(--accent, #7fb2ff);padding-bottom:12px;margin-bottom:20px}.app-header h1{font-size:22px;margin:0;color:#fff}.app-header .subtitle{color:#8fa3b8;font-size:14px}.config-banner{background:#332a10;border:1px solid #8a6d1d;color:#ffd54f;border-radius:6px;padding:10px 12px;font-size:13px;margin-bottom:16px}.config-banner code{color:#ffe082}.flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px}.flow-card{background:#141d28;border:1px solid #263140;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.flow-card:hover{border-color:#3a4a5e;box-shadow:0 6px 18px #00000059;transform:translateY(-2px)}.flow-card h3{margin:0;font-size:15px;color:#fff}.flow-card p{margin:0;font-size:13px;color:#8fa3b8;flex:1}.flow-card .btn{align-self:flex-start}.btn{font:inherit;font-size:14px;padding:8px 14px;border-radius:6px;border:1px solid #e3e9f0;background:#e3e9f0;color:#0d141c;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-small{font-size:12px;padding:4px 10px}.btn-ghost{background:transparent;color:#e3e9f0;border-color:#3a4a5e;font-weight:500}.btn-ghost:hover:not(:disabled){background:#1c2733}.session-bar{display:flex;align-items:center;gap:10px;background:#12241a;border:1px solid #2b5c3a;border-radius:8px;padding:8px 12px;font-size:13px;color:#b7e4c7;margin-bottom:16px}.session-bar strong{color:#7ee787}.session-bar .spacer{flex:1}.console-view{background:#0a0f15;border:1px solid #1d2733;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;max-height:560px}.console-toolbar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#101823;color:#c9d3df;font-size:13px;border-bottom:1px solid #1d2733}.console-count{color:#6e7d8f;flex:1;text-align:right}.console-toolbar .btn-small{border-color:#3a4a5e;background:transparent;color:#c9d3df}.console-toolbar .btn-small:hover{background:#1c2733}.console-entries{overflow-y:auto;padding:10px 12px 16px;font-family:SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}.console-empty{color:#6e7d8f;padding:20px 0;text-align:center}.entry-section{margin:16px 0 6px;padding:4px 0;color:#7fb2ff;border-bottom:1px solid #263140;font-weight:600}.entry-info{color:#c9d3df;padding:4px 0}.entry-error{color:#ff8a80;padding:4px 0}.entry-request,.entry-response{border-left:3px solid #263140;padding:6px 0 6px 10px;margin:6px 0}.entry-response{border-left-color:#3a4a5e}.entry-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.entry-url{color:#e3e9f0;word-break:break-all}.entry-duration{color:#6e7d8f}.method{font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:3px;background:#1c2733}.method-get{color:#7fb2ff}.method-post{color:#ffd54f}.method-delete{color:#ff8a80}.status{font-weight:700;padding:1px 6px;border-radius:3px}.status-ok{background:#14351f;color:#7ee787}.status-redirect{background:#3a3313;color:#ffd54f}.status-fail{background:#3b1618;color:#ff8a80}.spinner{width:10px;height:10px;border:2px solid #445060;border-top-color:#7fb2ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.json-block{margin:6px 0 0}.json-label{color:#6e7d8f;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.json-block pre{margin:0;background:#070b10;border:1px solid #16202b;border-radius:4px;padding:8px 10px;overflow-x:auto;color:#b6c2d1;white-space:pre-wrap;word-break:break-word}.callback-loading{text-align:center;padding:60px 0;color:#8fa3b8;background:#0d141c;min-height:100vh}.client-select{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#101820,#1c2b3a 60%,#16283a);padding:48px 24px 24px;color:#fff}.client-select-header{text-align:center;margin-bottom:40px}.client-select-header h1{font-size:34px;margin:0 0 8px;letter-spacing:-.5px}.client-select-header p{margin:0;color:#9fb3c8;font-size:16px}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto}.client-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 20px 28px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,var(--card-color),var(--card-color-dark));color:#fff;cursor:pointer;font:inherit;min-height:300px;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 28px #00000059}.client-card:hover:not(:disabled){transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px #00000073}.client-card:active:not(:disabled){transform:translateY(-2px) scale(1)}.client-card-art{width:96px;height:96px;border-radius:50%;background:#ffffff24;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.client-card-name{font-size:24px;font-weight:700;letter-spacing:-.3px}.client-card-tagline{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;opacity:.85}.client-card-desc{font-size:13.5px;line-height:1.45;opacity:.9;flex:1}.client-card-unconfigured{font-size:11.5px;background:#0000004d;border-radius:6px;padding:4px 8px;opacity:.9}@media (max-width: 640px){.client-grid{grid-template-columns:1fr}}.seq-intro{margin-bottom:16px}.seq-intro h2{margin:0 0 6px;font-size:18px;color:#fff}.seq-intro p{margin:0;font-size:13.5px;color:#8fa3b8}.seq-intro code{color:#7fb2ff}.seq-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.seq-card{background:#141d28;border:1px solid #263140;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}.seq-card.seq-done{border-color:#2b5c3a}.seq-card.seq-error{border-color:#6e2a2e}.seq-head{display:flex;align-items:center;gap:12px}.seq-num{width:34px;height:34px;border-radius:50%;background:#16a34a;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seq-title-block{flex:1}.seq-title-block h3{margin:0;font-size:15px;color:#fff}.seq-title-block p{margin:2px 0 0;font-size:13px;color:#8fa3b8}.seq-status{font-size:12px;font-weight:600;letter-spacing:.4px}.seq-status-idle{color:#6e7d8f}.seq-status-running{color:#7fb2ff}.seq-status-done{color:#7ee787}.seq-status-error{color:#ff8a80}.seq-fields{display:flex;flex-wrap:wrap;gap:10px}.seq-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8fa3b8;flex:1;min-width:160px}.seq-field input{font:inherit;font-size:13px;padding:7px 10px;border-radius:6px;border:1px solid #263140;background:#0d141c;color:#e3e9f0}.seq-field input:focus{outline:none;border-color:#3a6ea5}.seq-field input:disabled,.seq-field input[readonly]{color:#6e7d8f;border-style:dashed}.seq-card .btn{align-self:flex-start}.seq-context{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;padding:8px 12px;background:#101823;border:1px solid #1d2733;border-radius:8px;font-size:12.5px;color:#8fa3b8}.seq-context code{color:#7ee787;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.ping-footer{margin-top:auto;padding:20px 0 8px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6e7d8f;font-size:13px}.ping-footer .ping-mark{color:#eb7f2e;display:flex}.ping-footer strong{color:#8fa3b8;font-weight:600;letter-spacing:.3px}