:root{--pg-background:#fff;--pg-foreground:#1c1917;--pg-popover:#fff;--pg-popover-foreground:#1c1917;--pg-muted:#f5f5f4;--pg-muted-foreground:#78716c;--pg-accent:#f5f5f4;--pg-accent-foreground:#1c1917;--pg-border:#e7e5e4;--pg-input:#e7e5e4;--pg-ring:#d6d3d1;--pg-destructive:#dc2626;--pg-font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--pg-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.playground-main-view{overscroll-behavior:none;--spacing:.2rem;font-family:var(--pg-font-sans)}.app-theme{--spacing:.25rem;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif)}:is(body:has(.playground-main-view),body:has(.playground-iteration-view)){scrollbar-gutter:stable}.playground-main-view button:not(.app-theme button){cursor:pointer;color:var(--pg-muted-foreground);border-radius:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.playground-main-view button:not(.app-theme button):hover{color:var(--pg-foreground);background-color:var(--pg-muted)}.playground-main-view .playground-canvas-context-menu button{color:#f5f5f4;background-color:#0000}.playground-main-view .playground-canvas-context-menu button:hover{color:#fff;background-color:#ffffff1a}.playground-main-view .playground-canvas-context-menu button svg,.playground-main-view .playground-canvas-context-menu button .lucide{color:#d6d3d1}.playground-main-view .playground-canvas-context-menu button:hover svg,.playground-main-view .playground-canvas-context-menu button:hover .lucide{color:#f5f5f4}:where(.playground-main-view,.playground-iteration-view) .prose blockquote{border-style:solid;border-left-width:4px;border-color:var(--muted);color:var(--muted-foreground);padding-left:1rem;font-style:italic}:is(.playground-main-view,.playground-iteration-view) .prose img{border-radius:1rem}:is(.playground-main-view,.playground-iteration-view) .community-blog-content blockquote{color:#333;border-radius:8px;margin:1.5rem 0;padding:1rem;box-shadow:0 1px 3px #0000000d;background-color:#f3ebe5!important;border-left:6px solid #916757!important}:is(.playground-main-view,.playground-iteration-view) .community-blog-content blockquote p{color:#333;margin:0;font-style:italic;line-height:2.2}:is(.playground-main-view,.playground-iteration-view) .community-blog-content blockquote p+p{margin-top:1rem}:is(.playground-main-view,.playground-iteration-view) .embed-contained iframe,:is(.playground-main-view,.playground-iteration-view) .embed-fullwidth iframe{border:1px solid var(--border);border-radius:1rem;overflow:hidden}:is(.playground-main-view,.playground-iteration-view) .embed-fullwidth{width:100%;padding-left:0;padding-right:0}@media (min-width:900px){:is(.playground-main-view,.playground-iteration-view) .embed-fullwidth{padding-left:10%;padding-right:10%}}:is(.playground-main-view,.playground-iteration-view) .hide-scrollbar{scrollbar-width:none}:is(.playground-main-view,.playground-iteration-view) .hide-scrollbar::-webkit-scrollbar{display:none}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar{scrollbar-width:thin;scrollbar-color:#a8a29e transparent}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar::-webkit-scrollbar{width:6px}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar::-webkit-scrollbar-track{background:0 0}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#a8a29e;border:none;border-radius:3px}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#78716c}:is(.playground-main-view,.playground-iteration-view) .custom-scrollbar::-webkit-scrollbar-corner{background:0 0}:is(.playground-main-view,.playground-iteration-view) .interactive-element:focus{outline:none!important}:is(.playground-main-view,.playground-iteration-view) .interactive-element:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:is(.playground-main-view,.playground-iteration-view) .interactive-element:active:focus,:is(.playground-main-view,.playground-iteration-view) .interactive-element:focus:not(:focus-visible),:is(.playground-main-view,.playground-iteration-view) button:focus,:is(.playground-main-view,.playground-iteration-view) [role=button]:focus,:is(.playground-main-view,.playground-iteration-view) .clickable:focus{outline:none!important}:is(.playground-main-view,.playground-iteration-view) button:focus-visible,:is(.playground-main-view,.playground-iteration-view) [role=button]:focus-visible,:is(.playground-main-view,.playground-iteration-view) .clickable:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:is(.playground-main-view,.playground-iteration-view) button:active:focus,:is(.playground-main-view,.playground-iteration-view) [role=button]:active:focus,:is(.playground-main-view,.playground-iteration-view) .clickable:active:focus,:is(.playground-main-view,.playground-iteration-view) motion.div:focus,:is(.playground-main-view,.playground-iteration-view) motion.div:active:focus,:is(.playground-main-view,.playground-iteration-view) motion.div:focus-visible,:is(.playground-main-view,.playground-iteration-view) motion.div:focus:not(:focus-visible),:is(.playground-main-view,.playground-iteration-view) [data-framer-motion]:focus,:is(.playground-main-view,.playground-iteration-view) [data-framer-motion]:active:focus,:is(.playground-main-view,.playground-iteration-view) [data-framer-motion]:focus-visible,:is(.playground-main-view,.playground-iteration-view) [data-framer-motion]:focus:not(:focus-visible){outline:none!important}:is(.playground-main-view,.playground-iteration-view) .interactive-element:hover,:is(.playground-main-view,.playground-iteration-view) .interactive-element *{transition:none!important}:is(.playground-main-view,.playground-iteration-view) .interactive-element:hover *{transition-delay:0s!important}:is(.playground-main-view,.playground-iteration-view) .interactive-element{transition:color .1s ease-out,background-color .1s ease-out!important}:is(.playground-main-view,.playground-iteration-view) .interactive-element.transition-all,:is(.playground-main-view,.playground-iteration-view) .interactive-element.transition-all:hover{transition:all .2s ease-out!important}:is(.playground-main-view,.playground-iteration-view) .insight-editor-content{font-size:18px;line-height:1.7}:is(.playground-main-view,.playground-iteration-view) .insight-editor-content:focus{outline:none}:is(.playground-main-view,.playground-iteration-view) .insight-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted-foreground);opacity:.5;pointer-events:none;height:0}:is(.playground-main-view,.playground-iteration-view) .insight-editor-content img{border-radius:1rem;max-width:100%;height:auto}:is(.playground-main-view,.playground-iteration-view) .insight-editor-content img.ProseMirror-selectednode{outline-offset:2px;border-radius:1rem;outline:2px solid #3b82f6}:is(.playground-main-view,.playground-iteration-view) .canvas-embed-node.ProseMirror-selectednode{outline:none}:root{--pg-default-cursor:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M17.2607 12.4008C19.3774 11.2626 20.4357 10.6935 20.7035 10.0084C20.9359 9.41393 20.8705 8.74423 20.5276 8.20587C20.1324 7.58551 18.984 7.23176 16.6872 6.52425L8.00612 3.85014C6.06819 3.25318 5.09923 2.95471 4.45846 3.19669C3.90068 3.40733 3.46597 3.85584 3.27285 4.41993C3.051 5.06794 3.3796 6.02711 4.03681 7.94545L6.94793 16.4429C7.75632 18.8025 8.16052 19.9824 8.80519 20.3574C9.36428 20.6826 10.0461 20.7174 10.6354 20.4507C11.3149 20.1432 11.837 19.0106 12.8813 16.7454L13.6528 15.0719C13.819 14.7113 13.9021 14.531 14.0159 14.3736C14.1168 14.2338 14.2354 14.1078 14.3686 13.9984C14.5188 13.8752 14.6936 13.7812 15.0433 13.5932L17.2607 12.4008Z'/></svg>") 3 3,default}:is(body:has(.playground-main-view),body:has(.playground-iteration-view)){cursor:var(--pg-default-cursor)}body.cursor-chat-cursor-mode,body.cursor-chat-cursor-mode .playground-main-view,body.cursor-chat-cursor-mode .playground-main-view .react-flow__pane,body.cursor-chat-cursor-mode .playground-main-view .react-flow__pane.draggable,body.cursor-chat-cursor-mode .playground-main-view .react-flow__pane.dragging,body.cursor-chat-cursor-mode .playground-main-view .react-flow__pane.selection,body.cursor-chat-cursor-mode .playground-main-view .react-flow__node,body.cursor-chat-cursor-mode .playground-main-view .react-flow__node.selectable,body.cursor-chat-cursor-mode .playground-main-view .react-flow__node.draggable,body.cursor-chat-cursor-mode .playground-main-view .react-flow__node.draggable.dragging,body.cursor-chat-cursor-mode .playground-main-view .react-flow__nodesselection-rect{cursor:none!important}.playground-main-view .react-flow__pane,.playground-main-view .react-flow__pane.draggable,.playground-main-view .react-flow__pane.dragging,.playground-main-view .react-flow__pane.selection,.playground-main-view .react-flow__node,.playground-main-view .react-flow__node.selectable,.playground-main-view .react-flow__node.draggable,.playground-main-view .react-flow__node.draggable.dragging,.playground-main-view .react-flow__nodesselection-rect{cursor:var(--pg-default-cursor)}.playground-main-view .playground-text-tool .react-flow__pane,.playground-main-view .playground-text-tool .react-flow__pane.draggable,.playground-main-view .playground-text-tool .react-flow__pane.dragging,.playground-main-view .playground-text-tool .react-flow__pane.selection,.playground-main-view .playground-text-tool .react-flow__node,.playground-main-view .playground-text-tool .react-flow__node.selectable,.playground-main-view .playground-text-tool .react-flow__node.draggable,.playground-main-view .playground-text-tool .react-flow__node.draggable.dragging,.playground-main-view .playground-text-tool .react-flow__nodesselection-rect{cursor:text}.playground-main-view .react-flow__node-text{width:max-content!important;height:max-content!important}.playground-main-view .react-flow__node-text.selected,.playground-main-view .react-flow__node-text:focus,.playground-main-view .react-flow__node-text:focus-visible{box-shadow:none!important;outline:none!important}.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__pane,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__pane.draggable,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__pane.dragging,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__pane.selection,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__node,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__node.selectable,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__node.draggable,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__node.draggable.dragging,.playground-main-view .playground-draw-tool[data-draw-kind=pen] .react-flow__nodesselection-rect{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l4.1-.8L19 8.3a1.6 1.6 0 0 0 0-2.2l-1.1-1.1a1.6 1.6 0 0 0-2.2 0L4.8 15.9z'/%3E%3Cpath d='M13.8 6.2l4 4'/%3E%3Cpath d='M4 20h5'/%3E%3C/svg%3E") 2 20,crosshair}.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__pane,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__pane.draggable,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__pane.dragging,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__pane.selection,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__node,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__node.selectable,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__node.draggable,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__node.draggable.dragging,.playground-main-view .playground-draw-tool[data-draw-kind=highlight] .react-flow__nodesselection-rect{cursor:crosshair}.playground-main-view [data-interactive=true],.playground-main-view [data-interactive=true] *{cursor:auto}.cursor-bubble{perspective:200px;flex-shrink:0;width:28px;height:28px;position:relative}.bubble-face{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:50% 50% 50% 6px;outline:2.5px solid #ffffffe6;padding-right:10%;position:absolute;inset:0;box-shadow:0 2px 8px #0000002e,inset 0 -4px 6px #00000014,inset 0 4px 4px #ffffff40}.bubble-face--next{transform:rotateY(180deg)}@keyframes flip-out{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-in{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.cursor-bubble.is-switching .bubble-face--current{animation:.35s cubic-bezier(.4,0,.2,1) forwards flip-out}.cursor-bubble.is-switching .bubble-face--next{animation:.35s cubic-bezier(.4,0,.2,1) forwards flip-in}.presence-bubble-stack{align-items:center;margin-left:6px;display:flex}.presence-bubble-stack .presence-bubble+.presence-bubble{margin-left:-10px}.presence-bubble{cursor:pointer;flex-shrink:0;width:30px;height:30px;transition:transform .15s;position:relative}.presence-bubble:hover{transform:scale(1.08)}.presence-bubble-face{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50% 50% 50% 3px;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;position:relative;box-shadow:0 1px 4px #0000002e,inset 0 -2px 4px #0000001f}.presence-bubble[data-status=done] .presence-bubble-face{border-radius:50% 50% 50% 4px;outline:2px solid #ffffffe6;width:100%;height:100%;margin:0}.presence-bubble[data-status=queued] .presence-bubble-face{width:calc(100% - 6px);height:calc(100% - 6px);margin:3px}.presence-bubble[data-status=queued]:before{content:"";background:#78716c4d;border-radius:50% 50% 50% 3px;position:absolute;inset:0}.presence-bubble-spinner{background:#78716c4d;border-radius:50% 50% 50% 3px;position:absolute;inset:0;overflow:hidden}.presence-bubble-spinner:before{content:"";background:conic-gradient(#0000 0% 40%,#a8a29e99 60%,#ffffffd9 80%,#fff 100%);animation:.9s linear infinite presence-spin;position:absolute;inset:-50%}.presence-bubble-spinner--adopt{background:#22c55e59;border-radius:50% 50% 50% 4px;position:absolute;inset:-1px;overflow:hidden}.presence-bubble-spinner--adopt:before{content:"";background:conic-gradient(#0000 0% 30%,#22c55e99 50%,#4ade80e6 70%,#22c55e 85%,#16a34a 100%);animation:.9s linear infinite presence-spin;position:absolute;inset:-50%}@keyframes presence-spin{to{transform:rotate(360deg)}}.docked-chat-pill{position:relative}.docked-chat-pill__surface{z-index:1;border-radius:inherit;background:#fbfbfb;border:1px solid #e8e5e4;position:relative;box-shadow:0 1px 2px #0000000a,0 10px 30px -12px #0000002e}.docked-chat-pill__glow{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:-1.5px;overflow:hidden}.docked-chat-pill__glow:before{content:"";background:conic-gradient(#a8a29e00 0% 35%,#78716c80 58%,#fffffff2 76%,#a8a29e00 100%);animation:1.1s linear infinite presence-spin;position:absolute;inset:-150%}@media (prefers-reduced-motion:reduce){.docked-chat-pill__glow:before{background:#78716c66;animation:none}}.docked-chat-minimized{cursor:pointer;background:linear-gradient(#fb923c,#f97316);border:none;border-radius:9999px;width:60px;height:7px;transition:width .15s,height .15s,transform .15s;animation:2.6s ease-in-out infinite docked-bubble-pulse;box-shadow:0 2px 12px -2px #f9731680,0 1px 2px #0000001f}.docked-chat-minimized:hover{width:76px;height:8px;transform:translateY(-1px)}.docked-chat-minimized[data-generating=true]{animation-duration:1.1s}@keyframes docked-bubble-pulse{0%,to{box-shadow:0 2px 12px -2px #f9731673,0 1px 2px #0000001f}50%{box-shadow:0 3px 16px -1px #f97316b8,0 1px 2px #0000001f}}@media (prefers-reduced-motion:reduce){.docked-chat-minimized{animation:none}.docked-chat-expand-anim{animation:none!important}}.presence-bubble-dot{z-index:2;background:#2f2f2f;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.inline-reference-input[data-empty]:before{content:attr(data-placeholder);color:var(--pg-muted-foreground);pointer-events:none;-webkit-user-select:none;user-select:none}.cursor-chat-inline-input .inline-reference-input[data-empty]:before{color:#b9b7b5}.inline-reference-pill--skill{vertical-align:baseline;box-shadow:none;background:0 0;border:none;border-radius:3px;gap:0;margin:0 1px;padding:1px 2px}.inline-reference-pill--skill .inline-reference-pill__label{font-size:inherit;font-weight:500;line-height:inherit;color:#3b82f6}.inline-reference-pill--skill[data-pending-delete]{background:#dbeafe;border-radius:3px}.inline-reference-pill--skill[data-pending-delete] .inline-reference-pill__label{color:#1d4ed8}.inline-reference-pill--skill[data-command-cleared]{background:#fef3c7;border-radius:3px}.inline-reference-pill--skill[data-command-cleared] .inline-reference-pill__label{color:#92400e}.impeccable-cmd-category{letter-spacing:.02em;text-transform:uppercase;color:#6b7280;background:#f3f4f6;border-radius:3px;flex-shrink:0;align-items:center;padding:1px 5px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.react-flow__node.dragging iframe,.react-flow__node.dragging [data-screenshot-target] iframe{pointer-events:none!important}.element-select-mode,.element-select-mode *,.element-select-mode .react-flow__node,.element-select-mode .react-flow__node *{cursor:crosshair!important}.element-select-mode [data-iframe-overlay]{pointer-events:none!important}nextjs-portal{display:none!important}