.studio-qec-preview:where(.astro-vmxe2ful){--studio-qec-canvas:#fbfbfd;--studio-qec-dot:#dde0e6;--studio-qec-node-bg:#fff;--studio-qec-node-border:#d4d7dd;--studio-qec-node-text:#1f2430;--studio-qec-edge:#9aa1ad;--studio-qec-port-outline:#c3c7d0;--studio-qec-measurement:#e06316;--studio-qec-detector:#7b2d68;--studio-qec-readout:#8a68f0;--studio-qec-decoding-bg:#f0eafe;--studio-qec-decoding-border:#5e21d9;--studio-qec-decoding-text:#4a1aa8;border:1px solid var(--line);background:var(--studio-qec-canvas);border-radius:10px;position:relative;overflow:hidden}:root[data-theme=dark] .studio-qec-preview:where(.astro-vmxe2ful){--studio-qec-canvas:#0c0d14;--studio-qec-dot:#262838;--studio-qec-node-bg:#14151f;--studio-qec-node-border:#363a4d;--studio-qec-node-text:#e7e9ed;--studio-qec-edge:#7f8692;--studio-qec-port-outline:#fff;--studio-qec-measurement:#e8742e;--studio-qec-detector:#b56fa0;--studio-qec-readout:#9d80ff;--studio-qec-decoding-bg:#1c1740;--studio-qec-decoding-border:#9d80ff;--studio-qec-decoding-text:#d9ccff}.studio-qec-preview__canvas:where(.astro-vmxe2ful){background-color:var(--studio-qec-canvas);background-image:radial-gradient(circle, var(--studio-qec-dot) 1px, transparent 1px);isolation:isolate;background-size:18px 18px;min-height:190px;position:relative;overflow:hidden}.studio-qec-preview__edges:where(.astro-vmxe2ful){z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.studio-qec-preview__edges:where(.astro-vmxe2ful) path:where(.astro-vmxe2ful){fill:none;stroke:var(--studio-qec-edge);stroke-width:1.5px;vector-effect:non-scaling-stroke}.studio-qec-preview__node:where(.astro-vmxe2ful){left:var(--studio-qec-left,0px);top:var(--studio-qec-top,0px);z-index:1;border:1px solid var(--studio-qec-node-border);background:var(--studio-qec-node-bg);min-width:76px;min-height:58px;color:var(--studio-qec-node-text);cursor:grab;user-select:none;touch-action:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:8px 12px;font-size:.76rem;font-weight:600;line-height:1.2;display:flex;position:absolute;box-shadow:0 2px 8px #11083017}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=prepare]{--studio-qec-left:7%;--studio-qec-top:34%}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=stabilizer]{--studio-qec-left:37%;--studio-qec-top:34%}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=measure]{--studio-qec-left:69%;--studio-qec-top:29%}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-state=decoding]{border-color:var(--studio-qec-decoding-border);background:var(--studio-qec-decoding-bg);color:var(--studio-qec-decoding-text)}.studio-qec-preview__node:where(.astro-vmxe2ful):hover,.studio-qec-preview__node:where(.astro-vmxe2ful):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.studio-qec-preview__node:where(.astro-vmxe2ful).is-dragging{z-index:2;cursor:grabbing;box-shadow:0 6px 16px #1108302e}.studio-qec-preview__label:where(.astro-vmxe2ful){white-space:nowrap}.studio-qec-preview__status:where(.astro-vmxe2ful){border:1px solid color-mix(in srgb, currentColor 22%, transparent);font-family:var(--l-mono);border-radius:4px;margin-top:5px;padding:2px 6px;font-size:.58rem;font-weight:600;line-height:1.2}.studio-qec-preview__quantum-port:where(.astro-vmxe2ful),.studio-qec-preview__bus-port:where(.astro-vmxe2ful){z-index:2;border:1px solid var(--studio-qec-port-outline);pointer-events:none;display:block;position:absolute}.studio-qec-preview__quantum-port:where(.astro-vmxe2ful){background:var(--studio-qec-edge);border-radius:50%;width:8px;height:8px;top:50%;transform:translateY(-50%)}.studio-qec-preview__quantum-port--in:where(.astro-vmxe2ful){left:-5px}.studio-qec-preview__quantum-port--out:where(.astro-vmxe2ful){right:-5px}.studio-qec-preview__bus-row:where(.astro-vmxe2ful){align-items:center;gap:12px;display:flex;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.studio-qec-preview__bus-port:where(.astro-vmxe2ful){flex:0 0 8px;width:8px;height:8px;position:relative;inset:auto}.studio-qec-preview__bus-port--measurement:where(.astro-vmxe2ful){background:var(--studio-qec-measurement);transform:rotate(45deg)}.studio-qec-preview__bus-port--detector:where(.astro-vmxe2ful){background:var(--studio-qec-detector)}.studio-qec-preview__bus-port--readout:where(.astro-vmxe2ful){background:var(--studio-qec-readout);border-radius:50%}@media (width<=560px){.studio-qec-preview__canvas:where(.astro-vmxe2ful){min-height:170px}.studio-qec-preview__node:where(.astro-vmxe2ful){min-width:68px;transform:scale(var(--studio-qec-mobile-zoom,.9));transform-origin:0;padding-inline:8px;font-size:.68rem}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=prepare]{--studio-qec-left:2%}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=stabilizer]{--studio-qec-left:29%}.studio-qec-preview__node:where(.astro-vmxe2ful)[data-studio-qec-node=measure]{--studio-qec-left:68%}}