.sketch-flow .react-flow__pane{cursor:default}.sketch-flow .react-flow__node{transition:transform .36s var(--ease-out)}.sketch-flow:not([data-ready]) .react-flow__node{transition:none}.sketch-flow .react-flow{background:0 0}.board-frame{background:var(--accent-soft);border-radius:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .board-frame{background:var(--board-frame)}}:root[data-theme=dark] .board-frame{background:var(--board-frame)}.block-card{outline-offset:2px;transition:outline-color .15s var(--ease-out), opacity .2s var(--ease-out);border-radius:10px;outline:0 solid #0000}.block-card.is-selected{outline:2px solid var(--accent);outline-offset:0}.block-card.is-selected .port-handle{background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.block-card.is-adapting{outline:1px dashed var(--warn);outline-offset:-1px;background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:none}.block-card.is-active{outline:1.5px solid var(--accent);animation:1.4s ease-in-out infinite active-pulse}.block-stage{z-index:1;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--surface);height:20px;color:var(--text-2);border:1px solid var(--separator);box-shadow:var(--shadow-1,0 1px 2px #00000014);border-radius:999px;padding:0 8px;font-size:11px;font-weight:600;line-height:20px;position:absolute;top:-10px;right:12px}.block-stage[data-stage=warmup]{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.block-stage[data-stage=measure]{color:var(--on-accent,#fff);background:var(--accent);border-color:var(--accent)}@keyframes active-pulse{50%{outline-color:color-mix(in srgb, var(--accent) 30%, transparent)}}@keyframes block-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.animate-block-in{animation:block-in .28s var(--ease-out) both}@keyframes block-shake{0%,to{transform:none}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.animate-block-shake{animation:block-shake .4s var(--ease-out) .12s both}@keyframes develop{0%{opacity:0;filter:blur(6px)brightness(1.15)}to{opacity:1;filter:none}}.result-develop{animation:develop .6s var(--ease-out) both}.stream-caret{vertical-align:-2px;background:var(--accent);border-radius:1px;width:2px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite shimmer;display:inline-block}.status-dot{border-radius:50%;flex:none;width:6px;height:6px}.status-warn{background:var(--warn)}.status-danger{background:var(--danger)}.sketch-flow .port-handle{background:var(--surface);width:8px;min-width:0;height:8px;min-height:0;transition:transform .15s var(--ease-out), opacity .15s var(--ease-out), background .15s var(--ease-out), box-shadow .15s var(--ease-out);border:0;border-radius:50%;box-shadow:0 0 0 1.5px #b8b1cf}.sketch-flow .react-flow__handle-left.port-handle{left:-4px}.sketch-flow .react-flow__handle-right.port-handle{right:-4px}.sketch-flow .port-handle:before{content:"";border-radius:50%;position:absolute;inset:-10px}.block-card:hover .port-handle,.sketch-flow .port-anchor{background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.sketch-flow .port-handle:hover{transform:translateY(-50%)scale(1.35)}.sketch-flow .port-ok{background:var(--accent);box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--accent);transform:translateY(-50%)scale(1.5)}.sketch-flow .port-dim{opacity:.3}.block-card:hover{box-shadow:0 0 0 1px #0000000d,0 4px 14px #00000012}.typed-edge{transition:stroke .15s var(--ease-out);stroke:#b8b1cf!important}.react-flow__edge.selected .typed-edge{stroke:var(--accent)!important}.react-flow__edge:hover .typed-edge{stroke:#aeaeb2!important}.edge-badge{width:18px;height:18px;color:var(--text-2);background:var(--surface);border-radius:999px;place-items:center;display:inline-grid;box-shadow:0 0 0 .5px #0000001f}.block-toolbar{animation:pop-in .15s var(--ease-out);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.toolbar-btn{height:28px;color:var(--text-1);transition:background .12s var(--ease-out), transform .1s var(--ease-out);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.toolbar-btn:hover{background:#0000000d}.toolbar-btn:active{transform:scale(.96)}.toolbar-danger:hover{color:var(--danger)}.toolbar-sep{background:var(--separator);width:.5px;height:14px;margin:0 2px}.menu-row{width:100%;height:36px;color:var(--text-1);transition:background .12s var(--ease-out);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:400;display:flex}.menu-row:hover,.menu-row:focus-visible{background:#0000000b}.fix-btn{height:32px;color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.fix-btn:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.fix-btn:disabled{opacity:.6}.icon-glass-btn{width:32px;height:32px;color:var(--text-1);transition:background .12s var(--ease-out), transform .1s var(--ease-out);border-radius:999px;place-items:center;display:grid}.icon-glass-btn:hover{background:#0000000d}.icon-glass-btn:active{transform:scale(.94)}.icon-glass-btn[aria-pressed=true]{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .typed-edge{stroke:#48484a!important}:root:not([data-theme=light]) .sketch-flow .port-handle{box-shadow:0 0 0 1.5px #48484a}:root:not([data-theme=light]) .toolbar-btn:hover,:root:not([data-theme=light]) .menu-row:hover,:root:not([data-theme=light]) .icon-glass-btn:hover{background:#ffffff14}}@media (prefers-reduced-motion:reduce){.sketch-flow .react-flow__node{transition:none}.animate-block-shake,.block-card.is-active{animation:none}}.source-slot{width:calc(100% + 12px);transition:background .12s var(--ease-out);display:block}.source-slot:hover{background:#0000000a}.source-slot:active{transform:scale(.99)}.source-slot:focus-visible,.sample-tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sample-tile{transition:background .12s var(--ease-out), transform .1s var(--ease-out)}.sample-tile:hover{background:#0000000a}.sample-tile:active{transform:scale(.98)}.sample-tile.is-current{background:var(--accent-soft)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .source-slot:hover,:root:not([data-theme=light]) .sample-tile:hover{background:#ffffff12}}:root[data-theme=dark] .source-slot:hover,:root[data-theme=dark] .sample-tile:hover{background:#ffffff12}.editor-header{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--separator)}.editor-header .mat-glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.editor-brand .agora-brand{font-size:22px}.editor-brand .agora-brand img{width:28px;height:28px}@media (max-width:1500px){.editor-brand .agora-brand>span{display:none}}@media (max-width:540px){.editor-header{gap:6px;padding-inline:10px}.editor-header>div{gap:5px}}.canvas-zoombar{right:40px}body:has(aside[data-panel=side]) .canvas-zoombar{right:calc(var(--panel-w) + 24px)}.agent-dock-layer{transition:right .2s var(--ease-out)}@media (min-width:768px){body:has(aside[data-panel=side]) .agent-dock-layer{right:calc(var(--panel-w) + 24px)}}@media (min-width:768px) and (max-width:1179px){.agent-dock{padding-right:232px}body:has(aside[data-panel=side]) .canvas-zoombar{display:none}body:has(aside[data-panel=side]) .agent-dock{padding-right:16px}}@media (min-width:1180px){body:has(aside[data-panel=side]) .agent-dock{padding-right:197px}}