:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1014;--bg-deep:#080b0e;--bg-wash:#12181f;--surface:#141b22;--surface-raised:#1a232c;--surface-hover:#1f2a34;--ink:#e7eef4;--ink-muted:#8a9aa8;--ink-faint:#5f6f7c;--line:#27333e;--line-strong:#354451;--focus:#3fae86;--accent:#2f9e78;--accent-hover:#36b387;--accent-ink:#c6f0dc;--accent-soft:#2f9e7829;--danger:#e07474;--danger-bg:#e074741f;--danger-line:#e0747459;--warn:#d4a54a;--warn-bg:#d4a54a1f;--warn-line:#d4a54a59;--ok:#3fae86;--ok-bg:#3fae8624;--ok-line:#3fae8659;--degraded:#d4a54a;--degraded-bg:#d4a54a1f;--degraded-line:#d4a54a59;--unhealthy:#e07474;--unhealthy-bg:#e074741f;--unhealthy-line:#e0747459;--role-user:#2f9e78;--role-user-bg:#2f9e7824;--role-assistant:#7eb0c9;--role-assistant-bg:#7eb0c91a;--role-system:#c9a66b;--role-system-bg:#c9a66b1f;--role-tool:#9aa7b8;--role-tool-bg:#9aa7b81a;--radius:8px;--radius-sm:6px;--font:"IBM Plex Sans", "Segoe UI", "Trebuchet MS", "Gill Sans", sans-serif;--mono:"IBM Plex Mono", "Cascadia Mono", "Consolas", "Segoe UI Mono", monospace;--shadow:0 1px 0 #00000059;--shadow-panel:0 8px 28px #00000047;--nav-width:13.5rem;--space:1rem;--max:74rem;--header-h:3rem;--pulse:var(--accent)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(900px 480px at 8% -8%, #2f9e7814, transparent 55%), radial-gradient(700px 420px at 100% 0%, #7eb0c90f, transparent 50%), linear-gradient(180deg, var(--bg-wash) 0%, var(--bg) 42%, var(--bg-deep) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.45}a{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);z-index:100;padding:.5rem .75rem;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.app-shell{min-height:100vh;grid-template-columns:1fr;min-height:100dvh;display:grid}.banner-preview{border:1px solid var(--warn-line);border-radius:var(--radius);color:#f0d59a;background:var(--warn-bg);margin-bottom:1rem;padding:.65rem .85rem;font-size:.9rem}.banner-stopped{background:var(--danger-bg);border:1px solid var(--danger-line);width:100%;color:var(--danger);border-radius:var(--radius);margin-bottom:1rem;padding:.65rem .85rem;font-weight:600;display:block}.app-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1216eb;padding:.75rem 1rem}.nav-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand-block{gap:.15rem;min-width:0;display:grid}.brand{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:.45rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{filter:drop-shadow(0 0 .4rem #747cff47);background:#747cff;flex-shrink:0;width:1.15rem;height:1.45rem;-webkit-mask:url(/lizzyagent-mark.svg) 50%/contain no-repeat;mask:url(/lizzyagent-mark.svg) 50%/contain no-repeat}.brand-mark.is-degraded{background:var(--warn)}.brand-mark.is-unhealthy,.brand-mark.is-stopped{background:var(--danger)}.brand-mark.is-unknown{opacity:.72;background:#747cff}.brand-tag{color:var(--ink-muted);letter-spacing:.02em;margin:0;font-size:.75rem}.nav-toggle{justify-content:center;align-items:center;min-height:2.25rem;padding:.35rem .7rem;font-size:.85rem;display:inline-flex}.nav-panel{margin-top:.85rem;display:none}.nav-panel.is-open{display:block}.nav-group{margin:0 0 .85rem}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .35rem .35rem;font-size:.68rem;font-weight:600;display:block}.nav-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.nav-list a{color:var(--ink-muted);border-radius:var(--radius-sm);border:1px solid #0000;padding:.4rem .55rem;font-size:.92rem;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:block}.nav-list a:hover{color:var(--ink);background:var(--surface-hover)}.nav-list a[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink);border-color:#2f9e7847;font-weight:600}.nav-list a.nav-danger{color:var(--danger);font-weight:600}.nav-list a.nav-danger[aria-current=page]{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger)}.nav-live{border-top:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;gap:.45rem .75rem;margin-top:.85rem;padding-top:.75rem;font-size:.75rem;display:flex}.nav-live-item{align-items:center;gap:.3rem;display:inline-flex}.nav-live-item strong{color:var(--ink);font-weight:600;font-family:var(--mono);font-size:.78rem}@media (min-width:880px){.app-shell{grid-template-columns:var(--nav-width) 1fr}.app-nav{border-bottom:none;border-right:1px solid var(--line);height:100vh;height:100dvh;padding:1.1rem .85rem;position:sticky;top:0;overflow:auto}.nav-toggle{display:none}.nav-panel,.nav-panel.is-open{margin-top:1rem;display:block}}.app-main{min-width:0;padding:1rem}@media (min-width:880px){.app-main{padding:1.25rem 1.75rem 2rem}}.page{max-width:var(--max)}.page-header{gap:.45rem;margin-bottom:1rem;display:grid}.page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:600}.page-header p{color:var(--ink-muted);max-width:42rem;margin:0;font-size:.92rem}.page-header-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stack{gap:.75rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#141b22eb;padding:.85rem 1rem}.panel h2,.panel h3{letter-spacing:-.01em;margin:0 0 .5rem;font-size:.95rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;display:flex}.panel-header h2{margin:0}.alert-inline{color:var(--danger);font-size:.9rem}.panel-flush{padding:0;overflow:hidden}.muted{color:var(--ink-muted)}.mono{font-family:var(--mono);font-size:.9em}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font:inherit;border-radius:var(--radius-sm);cursor:pointer;padding:.42rem .75rem;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--ink-muted);background:var(--surface-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#04150f;font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:#fff;background:#b44a4a;border-color:#b44a4a;font-weight:600}.btn-danger:hover{background:#c45656;border-color:#c45656}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-group[role=tablist],.btn-group[role=group]{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.btn-group[role=tablist] .btn[aria-selected=true],.btn-group[role=group] .btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:#2f9e7859;font-weight:600}.field{gap:.3rem;display:grid}.field label{color:var(--ink-muted);font-size:.85rem;font-weight:500}.field input,.field textarea,.field select{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--ink);width:100%;max-width:40rem;padding:.5rem .65rem}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--focus)}.field textarea{resize:vertical;min-height:5rem}.checkbox-row{color:var(--ink-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.status{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .45rem;font-size:.78rem;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.status-healthy,.status-ok,.status-approved,.status-active,.status-enabled{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-line)}.status-degraded,.status-paused,.status-warn,.status-pending{color:var(--degraded);background:var(--degraded-bg);border-color:var(--degraded-line)}.status-unhealthy,.status-denied,.status-failed,.status-danger,.status-stopped{color:var(--unhealthy);background:var(--unhealthy-bg);border-color:var(--unhealthy-line)}.status-draft,.status-completed,.status-cancelled,.status-disabled,.status-unknown{color:var(--ink-muted);border-color:var(--line);background:#8a9aa81a}.state-box{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#141b228c;justify-items:start;gap:.35rem;padding:1.15rem 1.2rem;display:grid}.state-box.state-loading{border-style:solid;border-color:var(--line)}.state-box.state-error{border-style:solid;border-color:var(--danger-line);background:var(--danger-bg)}.state-box .state-heading{margin:0}.state-icon{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite spin}.state-box.state-empty .state-icon,.state-box.state-error .state-icon{display:none}.stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.85rem;display:grid}@media (min-width:640px){.stats-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:960px){.stats-bar.stats-bar-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:.65rem .75rem}.stat-tile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.2rem;font-size:.7rem;display:block}.stat-tile-value{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);font-size:1rem;font-weight:600;display:block}.stat-tile-hint{color:var(--ink-muted);margin-top:.15rem;font-size:.72rem;display:block}.meter{background:#ffffff0f;border-radius:999px;height:.28rem;margin-top:.4rem;overflow:hidden}.meter>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.meter.is-warn>span{background:var(--warn)}.meter.is-danger>span{background:var(--danger)}.live-pill{color:var(--accent-ink);background:var(--accent-soft);border:1px solid #2f9e7847;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.live-pill:before{content:"";background:var(--ok);border-radius:50%;width:.4rem;height:.4rem;animation:2s ease-out infinite live-pulse}.live-pill.is-degraded{color:#f0d59a;background:var(--warn-bg);border-color:var(--warn-line)}.live-pill.is-degraded:before{background:var(--warn)}.live-pill.is-unhealthy,.live-pill.is-stopped{color:#f2b4b4;background:var(--danger-bg);border-color:var(--danger-line)}.live-pill.is-unhealthy:before,.live-pill.is-stopped:before{background:var(--danger)}.chat-layout{grid-template-rows:auto 1fr auto;gap:0;min-height:min(72vh,38rem);display:grid;overflow:hidden}.chat-session-bar{border-bottom:1px solid var(--line);background:#080b0e73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.7rem .9rem;display:flex}.chat-session-title{margin:0;font-size:.92rem;font-weight:600}.chat-session-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.45rem .75rem;font-size:.78rem;display:flex}.chat-messages{background:linear-gradient(180deg, #080b0e33, transparent 18%), var(--surface);align-content:start;gap:.55rem;padding:.85rem;display:grid;overflow:auto}.bubble{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);max-width:min(42rem,100%);padding:.6rem .75rem}.bubble-user{background:var(--role-user-bg);border-color:#2f9e7859;justify-self:end}.bubble-assistant{background:var(--role-assistant-bg);border-color:#7eb0c947;justify-self:start}.bubble-system{background:var(--role-system-bg);border-color:#c9a66b4d;justify-self:stretch;max-width:none}.bubble-tool{background:var(--role-tool-bg);border-color:#9aa7b847;justify-self:start;max-width:min(48rem,100%)}.bubble-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.bubble-user .bubble-meta{color:var(--role-user)}.bubble-assistant .bubble-meta{color:var(--role-assistant)}.bubble-system .bubble-meta{color:var(--role-system)}.bubble-tool .bubble-meta{color:var(--role-tool)}.bubble-body{white-space:pre-wrap;word-break:break-word}.tool-details{border:0;margin:0}.tool-details>summary{cursor:pointer;color:var(--ink-muted);-webkit-user-select:none;user-select:none;font-size:.85rem;list-style:none}.tool-details>summary::-webkit-details-marker{display:none}.tool-details>summary:before{content:"▸";color:var(--ink-faint);margin-right:.35rem;transition:transform .12s;display:inline-block}.tool-details[open]>summary:before{transform:rotate(90deg)}.tool-details-body{border-radius:var(--radius-sm);border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--ink);background:#00000047;margin-top:.45rem;padding:.55rem .65rem;font-size:.82rem}.composer{border-top:1px solid var(--line);background:#080b0e8c;grid-template-columns:1fr;align-items:end;gap:.55rem;padding:.85rem;display:grid}@media (min-width:640px){.composer{grid-template-columns:1fr auto}}.composer .field{min-width:0}.composer .field textarea{max-width:none;min-height:3.4rem}.kv{grid-template-columns:minmax(6.5rem,10rem) 1fr;gap:.3rem .75rem;margin:0;display:grid}.kv dt{color:var(--ink-muted);font-size:.85rem}.kv dd{font-family:var(--mono);margin:0;font-size:.85rem}.table-wrap{overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:.88rem}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .55rem}table.data th{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;background:#080b0e59;font-size:.75rem;font-weight:600;position:sticky;top:0}table.data tbody tr:hover td{background:#ffffff05}.pill{border:1px solid var(--line);color:var(--ink-muted);background:#ffffff08;border-radius:999px;margin-right:.2rem;padding:.05rem .45rem;font-size:.72rem;display:inline-block}.list-plain{margin:0;padding:0;list-style:none}.list-row{gap:.35rem;display:grid}.list-row-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;display:flex}.list-row-header h2{margin:0;font-size:.98rem}.check-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:.35rem .65rem;padding:.55rem 0;display:grid}.check-row:last-child{border-bottom:0;padding-bottom:0}.check-row:first-child{padding-top:0}.check-row-body{gap:.15rem;min-width:0;display:grid}.check-row-body strong{font-size:.9rem}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:min(28rem,100%);max-width:calc(100vw - 2rem);color:var(--ink);box-shadow:var(--shadow-panel);padding:1.1rem}.dialog::backdrop{background:#04080cb8}.state-heading{margin-bottom:.15rem;font-size:1rem;font-weight:600;display:block}.dialog h2{margin:0 0 .5rem}.filter-bar{gap:.75rem;display:grid}.filter-bar .row{grid-column:1/-1}@media (min-width:720px){.filter-bar{grid-template-columns:1.4fr .8fr;align-items:end}}@keyframes pulse{50%{opacity:.55}}@keyframes live-pulse{0%{box-shadow:0 0 #3fae8673}70%{box-shadow:0 0 0 .45rem #3fae8600}to{box-shadow:0 0 #3fae8600}}@keyframes spin{to{transform:rotate(360deg)}}.streaming-indicator{background:var(--accent);vertical-align:middle;border-radius:50%;width:.45rem;height:.45rem;margin-left:.15rem;animation:1s ease-in-out infinite pulse;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.streaming-indicator,.brand-mark,.live-pill:before{opacity:1;box-shadow:none;animation:none!important}.state-icon{border-top-color:var(--line-strong)}}.pairing-shell{background:radial-gradient(circle at 15% 15%, #1c5b5333, transparent 34rem), var(--color-bg);place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.pairing-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);width:min(100%,31rem);box-shadow:var(--shadow-lg);padding:clamp(1.25rem,4vw,2rem)}.pairing-brand{color:var(--color-text);align-items:center;gap:.65rem;margin-bottom:2.25rem;font-size:1.05rem;font-weight:700;display:flex}.pairing-brand .brand-mark{width:1.45rem;height:1.8rem}.pairing-card h1{margin:.3rem 0 .65rem}.pairing-card form{margin-top:1.5rem}.pairing-security{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin:1.5rem 0 0;padding-top:1rem;font-size:.78rem;line-height:1.55}.error-text{color:var(--color-danger);margin:0;font-size:.85rem}
