@layer ui-sdk,uiset.tokens;@layer uiset.base{.canvas{--canvas-surface:color-mix(in oklch, var(--ui-muted) 45%, var(--ui-background));--canvas-dot:color-mix(in oklch, var(--ui-foreground) 22%, transparent);--canvas-edge:color-mix(in oklch, var(--ui-foreground) 50%, var(--ui-background));--canvas-wire:color-mix(in oklch, var(--ui-foreground) 55%, var(--canvas-surface));--canvas-accent:color-mix(in oklch, var(--ui-primary) 70%, var(--ui-foreground));block-size:var(--canvas-height,32rem);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius) + 6px);background:var(--canvas-surface);color:var(--ui-foreground);outline:none}.canvas:focus-visible{outline:2px solid var(--ui-ring-border);outline-offset:2px}.canvas-grid{background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1.4px);pointer-events:none;position:absolute;inset:0}.canvas-wires{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.canvas-wire{fill:none;stroke:var(--canvas-wire);stroke-width:2px;stroke-linecap:round}.canvas-wire[data-draft]{stroke:var(--canvas-accent);stroke-dasharray:6 5}.canvas-unwire{cursor:pointer;pointer-events:auto;transition:opacity var(--uiset-fast,.12s) ease}.canvas:not(:hover,:focus-within) .canvas-unwire{opacity:0}.canvas-unwire circle{fill:var(--ui-background);stroke:var(--canvas-edge);stroke-width:1px}.canvas-unwire path{fill:none;stroke:var(--ui-muted-foreground);stroke-width:1.5px;stroke-linecap:round}.canvas-unwire:hover circle{fill:color-mix(in oklch, var(--tone-danger) 14%, var(--ui-background));stroke:var(--tone-danger)}.canvas-unwire:hover path{stroke:var(--tone-danger)}.canvas-nodes{display:contents}.canvas-node{cursor:grab;border-radius:10px;outline:none;display:block}.canvas-node[data-dragging]{z-index:2;cursor:grabbing}.canvas-node[data-locked]{cursor:default}.canvas-node-card{box-sizing:border-box;border:1px solid var(--canvas-edge);background:var(--ui-background);box-shadow:0 1px 2px color-mix(in oklch, var(--ui-foreground) 10%, transparent);border-radius:10px;font-size:12px;line-height:16px;display:grid;overflow:visible}.canvas-node[aria-selected=true] .canvas-node-card{border-color:var(--canvas-accent);box-shadow:0 0 0 calc(1.5px / var(--canvas-zoom,1)) var(--canvas-accent), 0 4px 12px color-mix(in oklch, var(--ui-foreground) 12%, transparent)}.canvas-node[data-lassoed] .canvas-node-card{border-style:dashed;border-color:var(--canvas-accent)}.canvas-node[data-dragging] .canvas-node-card{box-shadow:var(--ui-shadow)}.canvas-node-header{box-sizing:border-box;border-block-end:1px solid var(--ui-border);background:linear-gradient(to right, var(--series) 0 3px, transparent 3px);white-space:nowrap;border-start-start-radius:9px;border-start-end-radius:9px;align-items:baseline;gap:6px;block-size:35px;padding:9px 10px 0;display:flex;overflow:hidden}.canvas-node-kind{color:var(--ui-muted-foreground);flex:none;margin-inline-start:auto;font-size:11px;font-weight:500}.canvas-node-title{text-overflow:ellipsis;min-inline-size:0;font-size:13px;font-weight:600;overflow:hidden}[data-uiset] .canvas .canvas-node:focus-visible{outline-width:calc(2px / var(--canvas-zoom,1));outline-offset:calc(3px / var(--canvas-zoom,1))}.canvas-node-row{block-size:28px;color:var(--ui-muted-foreground);direction:ltr;grid-template-columns:1fr 1fr;align-items:center;padding-inline:12px;display:grid}.canvas-node-in,.canvas-node-out{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;position:relative;overflow:hidden}.canvas-node-in{overflow:visible}.canvas-node-out{text-align:end;overflow:visible}.canvas-port-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canvas-port{box-sizing:border-box;border:2px solid var(--canvas-edge);background:var(--ui-background);cursor:crosshair;border-radius:50%;block-size:12px;inline-size:12px;position:absolute;inset-block-start:50%;translate:0 -50%}.canvas-port:before{content:"";border-radius:50%;position:absolute;inset:-8px}.canvas-port[data-canvas-port=in]{left:-19px}.canvas-port[data-canvas-port=out]{right:-19px}.canvas-port[data-connect=source],.canvas-port[data-connect=target]{border-color:var(--canvas-accent);background:var(--canvas-accent)}.canvas-port[data-connect=candidate]{border-color:var(--canvas-accent);border-style:dashed}.canvas-port[data-connect=target]{box-shadow:0 0 0 4px color-mix(in oklch, var(--canvas-accent) 30%, transparent)}.canvas-node-foot{block-size:7px}.canvas-node-body{border-block-start:1px solid var(--ui-border);color:var(--ui-muted-foreground);overflow-wrap:anywhere;padding:8px 10px 10px;display:block}.canvas-lasso{border:1px dashed var(--canvas-accent);background:color-mix(in oklch, var(--ui-primary) 8%, transparent);pointer-events:none;position:absolute}.canvas-controls{border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius) + 4px);background:var(--ui-background);box-shadow:0 1px 2px color-mix(in oklch, var(--ui-foreground) 10%, transparent);align-items:center;gap:2px;padding:3px;display:flex;position:absolute;inset-block-end:12px;inset-inline-start:12px}.canvas-controls [data-slot=button]{block-size:2rem;min-inline-size:2rem;padding-inline:.375rem}.canvas-zoom{border-radius:var(--ui-radius);block-size:2rem;min-inline-size:3.25rem;color:var(--ui-foreground);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:.8125rem;display:inline-grid}.canvas-zoom:before{content:attr(data-zoom)}.canvas-zoom:hover{background:var(--ui-muted)}.canvas-minimap{border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius) + 4px);background:var(--ui-background);cursor:pointer;block-size:112px;inline-size:168px;position:absolute;inset-block-end:12px;inset-inline-end:12px;overflow:hidden}.canvas-minimap svg{block-size:100%;inline-size:100%;display:block}@media (width<=40rem){.canvas-minimap{display:none}}.canvas-minimap-node{fill:color-mix(in oklch, var(--series) 75%, var(--ui-foreground))}.canvas-minimap-view{fill:color-mix(in oklch, var(--ui-primary) 10%, transparent);stroke:var(--ui-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-toolbar{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}:is(.canvas-inspector-fields,.canvas-inspector-wire-list){display:contents}.canvas-inspector{font-size:var(--ui-font-size);border:1px solid var(--ui-border);border-radius:calc(var(--ui-radius) + 6px);background:var(--ui-background);color:var(--ui-foreground);align-content:start;gap:.75rem;padding:1rem;display:grid}.canvas-inspector-title{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:650}.canvas-inspector-heading{color:var(--ui-muted-foreground);margin:.25rem 0 0;font-size:.8125rem;font-weight:600}.canvas-inspector-form{grid-template-columns:1fr auto;align-items:end;gap:.5rem;display:grid}.canvas-inspector-wires{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.canvas-inspector-wires li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem;font-size:.875rem;display:flex}.canvas-inspector-empty{color:var(--ui-muted-foreground);margin:0;font-size:.875rem}@media (forced-colors:active){.canvas-wire{stroke:canvastext}.canvas-wire[data-draft],.canvas-node[aria-selected=true] .canvas-node-card{stroke:highlight;border-color:highlight}.canvas-port{border-color:canvastext}.canvas-port[data-connect=source],.canvas-port[data-connect=target]{background:highlight}.canvas-port[data-connect=candidate]{border-color:highlight}}}@layer uiset.skin;