:root{--site-on-primary:var(--pico-primary-inverse);--tab-mcp-color:var(--pico-color);--tab-mcp-background:var(--pico-background-color);--tab-mcp-muted:var(--pico-muted-color);--tab-mcp-surface:var(--pico-code-background-color);--tab-mcp-accent:var(--pico-primary-background);--tab-mcp-accent-text:var(--site-on-primary);--tab-mcp-danger:var(--pico-del-color);--tab-mcp-focus:var(--pico-primary);--tab-mcp-border:1px solid var(--surface-high);--tab-mcp-radius:var(--pico-border-radius);--tab-mcp-shadow:var(--pico-card-box-shadow);--tab-mcp-backdrop:var(--pico-modal-overlay-background-color)}dialog.tab-mcp-dialog{justify-content:start;align-items:stretch;min-width:0;height:-moz-fit-content;height:fit-content;min-height:0}dialog.tab-mcp-dialog::backdrop{backdrop-filter:var(--pico-modal-overlay-backdrop-filter)}dialog.tab-mcp-dialog li{list-style:none}dialog.tab-mcp-dialog input{height:auto;margin:0;padding-block-start:.5rem;padding-block-end:.5rem}dialog.tab-mcp-dialog button{box-shadow:none}dialog.tab-mcp-dialog details.tab-mcp-help>summary:not([role]){color:inherit}dialog.tab-mcp-dialog details.tab-mcp-help>summary:not([role]):focus-visible{outline:2px solid var(--tab-mcp-focus);outline-offset:2px}.ai-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:var(--pico-typography-spacing-vertical)}.ai-actions button{margin:0}#app-list li{overflow-wrap:anywhere}#app-list .disconnect{margin-inline-start:.5rem;padding:.15rem .6rem;font-size:.85rem}.prompts{padding:0}.prompts li{display:flex;list-style:none;border-block-end:1px solid var(--surface-high);justify-content:space-between;align-items: start;gap:.75rem;padding-block-start:.5rem;padding-block-end:.5rem}.prompts q{quotes:none;font-size:.95rem}.prompts .copy{display:inline-grid;color:var(--pico-muted-color);background:0 0;border:1px solid #0000;border-radius:.45rem;flex:none;place-items: center;width:2.1rem;height:2.1rem;margin:0;padding:0}.prompts .copy:-webkit-any(:hover,:focus-visible){background:var(--surface-low);border-color:var(--surface-high);color:var(--pico-primary)}.prompts .copy:-moz-any(:hover,:focus-visible){background:var(--surface-low);border-color:var(--surface-high);color:var(--pico-primary)}.prompts .copy:is(:hover,:focus-visible){background:var(--surface-low);border-color:var(--surface-high);color:var(--pico-primary)}.prompts .copy svg{fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.prompts .copy .icon-copied,.prompts .copy.copied .icon-copy{display:none}.prompts .copy.copied .icon-copied{display:block}.prompts .copy.copied{color:var(--pico-primary)}main button:not(:-webkit-any(.outline,.secondary,.swatch,.copy)){color:var(--site-on-primary)}main button:not(:-moz-any(.outline,.secondary,.swatch,.copy)){color:var(--site-on-primary)}main button:not(:is(.outline,.secondary,.swatch,.copy)){color:var(--site-on-primary)}.editor-toolbar{container-type:inline-size;display:flex;border:1px solid var(--surface-high);border-radius:var(--pico-border-radius)var(--pico-border-radius)0 0;overflow:clip;background:var(--surface-low);box-shadow:none;border-block-end:0;flex-wrap:wrap;row-gap:.3rem;margin-block-end:0;padding-block-start:.3rem;padding-block-end:.3rem}.editor-toolbar .tool-group{display:flex;border-inline-start:1px solid var(--pico-muted-border-color);box-shadow:none;border-radius:0;flex:none;align-items: center;gap:.125rem;width:auto;margin-block-end:0;margin-inline-start:-1px;padding-inline-start:.4rem;padding-inline-end:.4rem}.editor-toolbar [hidden]{display:none}.editor-toolbar .tool-group-end{border-inline-start-color:#0000;flex-grow:1;justify-content:flex-end}.tool-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--pico-muted-color);margin-inline-end:.25rem;font-size:.7rem;font-weight:600}.editor button,.prompts button{margin:0;padding:.3rem .75rem;font-size:.9rem}.editor .tool{display:inline-flex;box-shadow:none;color:inherit;background:0 0;border-color:#0000;border-radius:.35rem;align-items: center;gap:.4rem;min-height:2rem;padding:.25rem .5rem;transition:background-color .15s,color .15s;font-size:.85rem;font-weight:500;line-height:1}.editor .tool:hover{background:color-mix(in srgb,var(--pico-primary)10%,transparent)}.editor .tool:focus-visible{outline-offset:1px}.tool svg{fill:none;stroke:currentcolor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.tool svg+span{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}@container (width>=53rem){.tool svg+span{position:static;overflow:visible;clip-path:none;width:auto;height:auto}}.editor .tool[aria-pressed=true]{background:color-mix(in srgb,var(--pico-primary)16%,transparent);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--pico-primary)55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--pico-primary)35%,transparent);color:var(--pico-primary)}.editor .tool-destructive{color:var(--pico-secondary);font-weight:400}.editor .tool-destructive:hover{background:color-mix(in srgb,var(--pico-secondary)12%,transparent);color:var(--pico-secondary)}.editor-toolbar .selection-bar{display:flex;border-block-start:1px solid var(--pico-muted-border-color);overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(270deg,#0000,#000 1.5rem);border-radius:0;flex-wrap:nowrap;flex:0 0 100%;align-items: center;min-height:calc(2.55rem + 1px);margin:0;padding-block-start:.3rem;padding-block-end:.25rem}.editor-toolbar .selection-bar:after{content:"";flex:none;width:1.5rem}.editor-toolbar .selection-bar .tool-group-end{flex-grow:0}@container (width>=36rem){.editor-toolbar .selection-bar{overflow-x:clip;mask-image:none}.editor-toolbar .selection-bar:after{content:none}.editor-toolbar .selection-bar .tool-group-end{flex-grow:1;order:1}}.selection-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pico-muted-color);min-width:0;margin:0;padding-inline-start:.9rem;padding-inline-end:.9rem;font-size:.85rem;line-height:2rem}.editor .tool-choice[aria-pressed=true]{box-shadow:none}.editor-toolbar .swatches{gap:.25rem}.editor .swatch{border:1px solid var(--pico-muted-color);border-radius:50%;flex:none;width:1.5rem;height:1.5rem;padding:0}.editor .swatch[aria-pressed=true]{border:2px solid var(--pico-primary);box-shadow:0 0 0 2px var(--surface-low)inset}.editor .swatch:focus-visible{outline-offset:2px}.swatch-white{background:#fff}.swatch-green{background:#cdeede}.swatch-blue{background:#d6e6f5}.swatch-yellow{background:#fbefb3}.swatch-orange{background:#fbd9b0}.swatch-red{background:#f6cfc8}.swatch-purple{background:#e3d7f1}.swatch-grey{background:#e8e6dc}@media (prefers-color-scheme:dark){.swatch-white{background:#2a2820}.swatch-green{background:#1e4d40}.swatch-blue{background:#1f3a55}.swatch-yellow{background:#4a4016}.swatch-orange{background:#4f3015}.swatch-red{background:#4f221c}.swatch-purple{background:#3a2c50}.swatch-grey{background:#333128}}.diagram-canvas{position:relative;border:1px solid var(--surface-high);border-radius:0 0 var(--pico-border-radius)var(--pico-border-radius);overflow:hidden;background:var(--pico-card-background-color)}#canvas{display:block;aspect-ratio:1000/620;touch-action:none;user-select:none;cursor:default;width:100%;height:auto}#canvas:focus-visible{outline:2px solid var(--pico-primary);outline-offset:-2px}.canvas-scroll.scrolls{overflow:auto;max-height:75vh}#canvas.scrolls{aspect-ratio:auto;touch-action:pan-x pan-y;max-width:none}#canvas.scrolls [data-id]{touch-action:none}#canvas [data-id]{cursor:pointer}#canvas.placing{cursor:crosshair}#canvas .ghost{opacity:.7;pointer-events:none}#canvas .changed{animation:1.6s ease-out changed}@keyframes changed{0%,30%{filter:drop-shadow(0 0 6px #ffb03a)}to{filter:none}}.diagram-canvas .label-editor{position:absolute;outline:2px solid var(--pico-primary);box-shadow:none;overflow:hidden;text-align:center;white-space:nowrap;cursor:text;border:0;border-radius:.25rem;height:1.7em;margin:0;padding:0 .3em;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.7em}.diagram-canvas .label-editor[hidden]{display:none}#canvas .editing text{visibility:hidden}.empty-hint{position:absolute;text-align:center;color:var(--pico-muted-color);pointer-events:none;margin:0;inset:50% 1rem auto;transform:translateY(-50%)}.editor-status{color:var(--pico-muted-color);min-height:1.6em;margin-block-start:.4rem;margin-block-end:0;font-size:.9rem}.editor-help{color:var(--pico-muted-color);margin-block-start:.5rem}.example-columns{display:grid;align-items: start;gap:1.5rem;margin-block-start:1.5rem;margin-block-end:1.5rem}@media (min-width:768px){.example-columns{grid-template-columns:1fr 1fr}}.example-columns>article{margin:0}.example-columns small{color:var(--pico-muted-color)}