:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(16% .012 265);--color-surface:oklch(21% .015 265);--color-surface-raised:oklch(25% .018 265);--color-border:oklch(32% .02 265);--color-text:oklch(95% .01 265);--color-text-muted:oklch(72% .02 265);--color-text-faint:oklch(58% .02 265);--color-accent:oklch(72% .17 295);--color-accent-strong:oklch(66% .2 295);--color-danger:oklch(70% .19 25);--color-ok:oklch(74% .16 155);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.85rem;--text-base:.95rem;--text-lg:1.15rem;--text-xl:clamp(1.4rem, 1rem + 1.5vw, 1.9rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-md:0 6px 24px -8px oklch(0% 0 0/.5);--duration-fast:.13s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:radial-gradient(1200px 600px at 80% -10%, oklch(30% .06 295/.25), transparent 60%), radial-gradient(900px 500px at 0% 0%, oklch(30% .05 200/.18), transparent 55%), var(--color-bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:oklch(18% .02 295);background:var(--color-accent-strong)}.btn--primary:not(:disabled):hover{background:var(--color-accent);transform:translateY(-1px)}.btn--ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn--ghost:not(:disabled):hover{color:var(--color-text);border-color:var(--color-accent)}input[type=text],input[type=url],input[type=number],select{padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px oklch(72% .17 295/.25)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.connection-bar{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.connection-bar__url{flex:280px;min-width:0}.connection-bar__transport{flex:none}.connection-bar--connected{gap:var(--space-3)}.connection-bar__dot{background:var(--color-ok);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px oklch(74% .16 155/.2)}.connection-bar__server{font-family:var(--font-mono);font-size:var(--text-sm);margin-right:auto}.tool-list{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tool-list__heading{margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);justify-content:space-between;display:flex}.tool-list__heading span{color:var(--color-accent)}.tool-list__items{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.tool-list__item{width:100%;padding:var(--space-2) var(--space-3);text-align:left;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;display:flex}.tool-list__item:hover{background:var(--color-surface-raised)}.tool-list__item.is-active{background:oklch(72% .17 295/.14);border-color:oklch(72% .17 295/.5)}.tool-list__name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.tool-list__desc{font-size:var(--text-xs);color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-list__empty{padding:var(--space-3);color:var(--color-text-faint)}.tool-form{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.tool-form__title{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:-.01em}.tool-form__desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.tool-form__fields{gap:var(--space-3);flex-direction:column;display:flex}.tool-form__field{gap:var(--space-1);flex-direction:column;display:flex}.tool-form__field--bool{align-items:flex-start;gap:var(--space-2);flex-direction:row}.tool-form__label-text{font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.tool-form__label-row{gap:var(--space-1);font-family:var(--font-mono);display:flex}.tool-form__req{color:var(--color-danger)}.tool-form__hint{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:400}.tool-form__noargs{font-size:var(--text-sm);color:var(--color-text-faint)}.tool-form .btn--primary{align-self:flex-start}.result-view{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-view--empty{font-size:var(--text-sm);color:var(--color-text-faint)}.result-view--error{background:oklch(68% .19 25/.08);border-color:oklch(68% .19 25/.5)}.result-view__heading{margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.result-view--error .result-view__heading{color:var(--color-danger)}.result-view__pre{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0}.result-view__pre+.result-view__pre{margin-top:var(--space-2)}.app{gap:var(--space-4);max-width:1100px;min-height:100%;padding:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app__header{justify-content:space-between;align-items:center;display:flex}.app__brand{align-items:center;gap:var(--space-3);display:flex}.app__logo{filter:drop-shadow(0 2px 8px oklch(72% .17 295/.5));font-size:1.8rem}.app__title{font-size:var(--text-xl);letter-spacing:-.02em}.app__tagline{font-size:var(--text-sm);color:var(--color-text-muted)}.app__repo{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.app__repo:hover{color:var(--color-text);border-color:var(--color-accent);text-decoration:none}.app__banner{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:oklch(84% .1 25);border-radius:var(--radius-md);background:oklch(68% .19 25/.12);border:1px solid oklch(68% .19 25/.4)}.app__hero{margin-top:var(--space-4);padding:var(--space-6);background:linear-gradient(160deg, var(--color-surface), var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.app__hero h2{margin-bottom:var(--space-2);font-size:var(--text-lg)}.app__hero p{max-width:56ch;color:var(--color-text-muted)}.app__workspace{gap:var(--space-4);grid-template-columns:minmax(220px,280px) 1fr;align-items:start;display:grid}.app__sidebar{top:var(--space-4);position:sticky}.app__panel{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.app__placeholder{padding:var(--space-5);font-size:var(--text-sm);color:var(--color-text-faint);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md)}.app__footer{padding-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-faint);border-top:1px solid var(--color-border);margin-top:auto}@media (width<=720px){.app__workspace{grid-template-columns:1fr}.app__sidebar{position:static}}
