.mcp-flush .kit-container{max-width:none;padding-inline:0}.mcp-later{content-visibility:auto;contain-intrinsic-size:auto 1100px}@layer components{.mcp-hero{isolation:isolate;position:relative;overflow:clip}.mcp-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 60% at 50% 0%, color-mix(in oklab, var(--primary) 20%, transparent), transparent 72%);height:34rem;position:absolute;inset:-20% -10% auto}.mcp-hero:after{content:"";z-index:-2;pointer-events:none;opacity:.55;background-image:radial-gradient(color-mix(in oklab, var(--foreground) 14%, transparent) 1px, transparent 1.3px);background-size:24px 24px;position:absolute;inset:0;mask-image:radial-gradient(60% 55% at 50% 30%,#000,#0000 75%)}.mcp-live{background:var(--success);border-radius:999px;width:.5rem;height:.5rem;display:inline-block;position:relative}.mcp-live:after{content:"";border-radius:inherit;background:var(--success);animation:2.4s cubic-bezier(.2,.7,.2,1) infinite mcp-ping;position:absolute;inset:0}@keyframes mcp-ping{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.mcp-live:after{animation:none}}.mcp-accent{color:color-mix(in oklab, var(--primary) 82%, var(--foreground))}.mcp-tile{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab, var(--foreground) 6%, var(--card)), var(--card));box-shadow:var(--highlight), var(--shadow-sm);letter-spacing:-.03em;color:var(--foreground);flex-shrink:0;place-items:center;font-weight:600;display:grid}.mcp-client{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--card);min-height:3.5rem;transition:border-color .2s, background-color .2s, transform .3s var(--ease-kit);align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex;position:relative}.mcp-client:hover{border-color:var(--border-strong);background:color-mix(in oklab, var(--foreground) 3%, var(--card))}.mcp-client:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.mcp-client:hover{transform:translateY(-2px)}}.mcp-card{border-radius:calc(var(--radius) + 8px);border:1px solid var(--border);background:var(--card);min-width:0;box-shadow:var(--highlight), var(--shadow-sm);flex-direction:column;display:flex;position:relative}.mcp-chip{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--surface);font-variant-numeric:tabular-nums;min-height:1.75rem;color:var(--foreground);align-items:center;padding-inline:.625rem;font-size:12.5px;font-weight:500;display:inline-flex}.mcp-mock{border-radius:calc(var(--radius) + 8px);border:1px solid var(--border);background:var(--card);box-shadow:var(--highlight), var(--shadow-lg);color:var(--foreground);margin:0;font-size:12.5px;overflow:hidden}.mcp-mock__bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;height:2.25rem;padding-inline:.875rem;display:flex}.mcp-mock__dots{gap:6px;display:flex}.mcp-mock__dots span{background:color-mix(in oklab, var(--foreground) 16%, var(--surface));border-radius:999px;width:9px;height:9px}.mcp-mock__app{text-align:center;color:var(--muted-foreground);flex:1;padding-right:33px;font-size:11.5px;font-weight:500}.mcp-mock__body{background:radial-gradient(80% 60% at 70% 0%, color-mix(in oklab, var(--primary) 7%, transparent), transparent 70%);min-height:13.5rem;padding:1rem}.mcp-mock__h{letter-spacing:-.01em;margin-bottom:.625rem;font-size:13px;font-weight:600}.mcp-mock__settings{grid-template-columns:7.5rem minmax(0,1fr);gap:.875rem;display:grid}.mcp-mock__nav{align-content:start;gap:2px;display:grid}.mcp-mock__nav li{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;padding:.375rem .5rem;overflow:hidden}.mcp-mock__nav li.is-on{background:var(--accent);color:var(--foreground);font-weight:500}.mcp-mock__panel{min-width:0}.mcp-mock__row{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--background);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.mcp-mock__row+.mcp-mock__row{margin-top:.5rem}.mcp-mock__row.is-btn{background:0 0;border:0;justify-content:flex-start;padding:0}.mcp-mock__btn{border-radius:var(--radius);background:var(--primary);height:2rem;color:var(--primary-foreground);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent);align-items:center;gap:.375rem;padding-inline:.75rem;font-weight:500;display:inline-flex}.mcp-mock__toggle{background:var(--primary);border-radius:999px;flex-shrink:0;width:1.875rem;height:1.125rem;position:relative}.mcp-mock__toggle span{background:var(--primary-foreground);border-radius:999px;width:.875rem;height:.875rem;position:absolute;top:2px;right:2px}.mcp-mock__toggle.is-off{background:var(--muted)}.mcp-mock__toggle.is-off span{background:var(--muted-foreground);left:2px;right:auto}.mcp-mock__dialog{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:var(--popover,var(--card));max-width:24rem;box-shadow:var(--shadow-lg);gap:.625rem;margin-inline:auto;padding:1rem;display:grid}.mcp-mock__field{gap:.25rem;min-width:0;display:grid}.mcp-mock__input{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-strong);border-radius:calc(var(--radius) - 1px);background:var(--background);font-variant-numeric:tabular-nums;min-width:0;height:2rem;padding-inline:.625rem;line-height:2rem;display:block;overflow:hidden}.mcp-mock__field:nth-of-type(2) .mcp-mock__input{border-color:color-mix(in oklab, var(--primary) 60%, var(--border));box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 16%, transparent)}.mcp-mock__primary{border-radius:var(--radius);background:var(--primary);height:2rem;color:var(--primary-foreground);align-items:center;padding-inline:.875rem;font-weight:500;display:inline-flex}.mcp-mock__term{font-variant-numeric:tabular-nums;gap:.375rem;padding:.25rem;display:grid}.mcp-mock__line{overflow-wrap:anywhere;min-width:0;color:var(--muted-foreground);line-height:1.6}.mcp-mock__line.is-cmd{color:var(--foreground);font-weight:500}.mcp-mock__line.is-ok{color:var(--foreground)}.mcp-mock__caret{vertical-align:-.15em;background:var(--muted-foreground);width:.5rem;height:1em;animation:1.1s step-end infinite mcp-caret;display:inline-block}@keyframes mcp-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.mcp-mock__caret{animation:none}}.mcp-mock__editor{margin:-1rem}.mcp-mock__tab{border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:fit-content;max-width:100%;color:var(--muted-foreground);align-items:center;gap:.375rem;padding:.5rem .875rem;display:flex}.mcp-mock__code{white-space:pre;font:inherit;font-variant-numeric:tabular-nums;color:var(--foreground);margin:0;padding:1rem;line-height:1.65;overflow-x:auto}.mcp-mock__palette{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:var(--popover,var(--card));max-width:26rem;box-shadow:var(--shadow-lg);margin-inline:auto;overflow:hidden}.mcp-mock__query{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;min-width:0;height:2.5rem;padding-inline:.75rem;font-weight:500;display:flex}.mcp-mock__palette ul{gap:2px;padding:.375rem;display:grid}.mcp-mock__palette li{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;padding:.5rem .625rem;overflow:hidden}.mcp-mock__palette li.is-on{background:color-mix(in oklab, var(--primary) 16%, transparent);color:var(--foreground)}.mcp-mock__chat{gap:.625rem;max-width:24rem;margin-inline:auto;display:grid}.mcp-mock__menu{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:var(--popover,var(--card));box-shadow:var(--shadow-lg);padding:.75rem}.mcp-mock__composer{border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:var(--background);align-items:center;gap:.5rem;height:2.75rem;padding-inline:.5rem;display:flex}.mcp-mock__plus,.mcp-mock__send{border:1px solid var(--border);border-radius:999px;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;display:grid}.mcp-mock__plus{border-color:color-mix(in oklab, var(--primary) 60%, var(--border));box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 16%, transparent)}.mcp-mock__send{background:var(--primary);color:var(--primary-foreground);border-color:#0000;margin-left:auto}@media (width<30rem){.mcp-mock__settings{grid-template-columns:minmax(0,1fr)}.mcp-mock__nav{gap:4px;display:flex;overflow:hidden}.mcp-mock__nav li{flex-shrink:0}}.mcp-step-no{border:1px solid color-mix(in oklab, var(--primary) 45%, var(--border));background:color-mix(in oklab, var(--primary) 10%, var(--card));font-variant-numeric:tabular-nums;width:2rem;height:2rem;color:var(--foreground);border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:grid}.mcp-prompt{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--surface);color:var(--foreground);text-wrap:pretty;padding:1rem 1.125rem;font-size:14.5px;line-height:1.65;position:relative}}