.bloey-canvas-node{position:absolute;border:none;border-radius:var(--layout-radius-16px);min-width:120px;cursor:grab;box-shadow:var(--shadow-default-node-card);background-color:var(--color-background-card-95);user-select:none}.bloey-canvas-node--selected{border:none;outline:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200);outline-offset:-1px}.bloey-canvas-node--selected:has(.bloey-canvas-node-editor-tool-expansion){outline:none}.bloey-canvas-node:active{cursor:grabbing}.bloey-canvas-node--info-card-agents{border:none;backdrop-filter:var(--layout-backdrop-blur-white);-webkit-backdrop-filter:var(--layout-backdrop-blur-white);isolation:isolate}.bloey-canvas-node--agent{background-color:var(--color-background-card-85);backdrop-filter:var(--layout-backdrop-blur-16px);-webkit-backdrop-filter:var(--layout-backdrop-blur-16px);isolation:isolate}.bloey-canvas-node-title-pill{position:absolute;top:-24px;left:0;background-color:var(--color-node-tag-green);color:var(--color-text-white);padding:var(--layout-padding-y-2px) var(--layout-padding-x-8px);border-radius:var(--layout-radius-12px);font-size:var(--typography-10px);font-weight:var(--typography-light);white-space:nowrap;box-shadow:var(--shadow-default-node-card)}.bloey-canvas-node-title-pill--purple{background-color:var(--color-node-tag-purple)}.bloey-canvas-node-title-pill--blue{background-color:var(--color-node-tag-blue)}.bloey-canvas-node-title-pill--yellow{background-color:var(--color-node-tag-yellow)}.bloey-canvas-node-title-pill--pink{background-color:var(--color-node-tag-pink)}.bloey-canvas-node-title-pill--white{background-color:var(--color-node-tag-white)}.bloey-canvas-node-title-pill--grey{background-color:var(--color-node-tag-grey)}.bloey-canvas-node-handle{position:absolute;top:50%;width:var(--layout-size-12px);height:var(--layout-size-12px);border-radius:9999px;border:var(--layout-border-width) var(--layout-border-style);z-index:10;backdrop-filter:var(--layout-backdrop-blur-24px);transition:transform .2s}.bloey-canvas-node-handle--output{right:0;transform:translate(calc(50% + 24px),-50%);cursor:crosshair;border-width:var(--layout-border-width-thin);background-color:var(--color-node-atom-connector-output-background);border-color:var(--color-node-atom-connector-output-border)}.bloey-canvas-node-handle--output:hover{transform:translate(calc(50% + 24px),-50%) scale(1.1);background-color:var(--color-node-atom-connector-output-hover)}.bloey-canvas-node-handle--output.connected{background-color:var(--color-node-atom-connector-output-background);border-color:var(--color-node-atom-connector-output-border)}.bloey-canvas-node-handle--output.connected:hover{background-color:var(--color-node-atom-connector-output-hover);border-color:var(--color-node-atom-connector-output-border)}.bloey-canvas-node-handle--output-left{left:0;right:auto;transform:translate(calc(-50% - 24px),-50%)}.bloey-canvas-node-handle--output-left:hover{transform:translate(calc(-50% - 24px),-50%) scale(1.1)}.bloey-canvas-node-handle--output-bottom{left:50%;right:auto;top:auto;bottom:0;transform:translate(-50%,calc(50% + 24px))}.bloey-canvas-node-handle--output-bottom:hover{transform:translate(-50%,calc(50% + 24px)) scale(1.1)}.bloey-canvas-node-handle--input{left:0;transform:translate(calc(-50% - 24px),-50%);background-color:rgba(204,204,204,.693);border-color:rgba(204,204,204,.35)}.bloey-canvas-node-handle--input.connected{background-color:var(--color-wire);border-color:var(--color-wire)}.bloey-canvas-node-handle--input.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--input.bloey-canvas-node-handle--magician-drop-target{transform:translate(calc(-50% - 24px),-50%) scale(2)}.bloey-canvas-node-handle--output.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--output.bloey-canvas-node-handle--magician-drop-target{transform:translate(calc(50% + 24px),-50%) scale(2)}.bloey-canvas-node-handle--output-left.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--output-left.bloey-canvas-node-handle--magician-drop-target{transform:translate(calc(-50% - 24px),-50%) scale(2)}.bloey-canvas-node-handle--output-bottom.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--output-bottom.bloey-canvas-node-handle--magician-drop-target{transform:translate(-50%,calc(50% + 24px)) scale(2)}.bloey-canvas-node-handle--output-per-row.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--output-per-row.bloey-canvas-node-handle--magician-drop-target,.bloey-canvas-node-handle--wireframe-label.bloey-canvas-node-handle--magician,.bloey-canvas-node-handle--wireframe-label.bloey-canvas-node-handle--magician-drop-target{transform:translate(calc(50% + 24px),-50%) scale(2)}.bloey-canvas-node-content{width:100%;height:100%;padding:var(--layout-padding-y-8px) var(--layout-padding-x-12px);display:flex;flex-direction:column;min-height:0}.bloey-canvas-node-content--documents{padding:4px;justify-content:flex-start;gap:0}.bloey-canvas-node-content--documents [data-canvas-wheel-scroll]{scrollbar-width:thin;scrollbar-color:var(--color-white-30,rgba(255,255,255,.3)) transparent}.bloey-canvas-node-content--documents [data-canvas-wheel-scroll]::-webkit-scrollbar{width:6px}.bloey-canvas-node-content--documents [data-canvas-wheel-scroll]::-webkit-scrollbar-track{background:transparent}.bloey-canvas-node-content--documents [data-canvas-wheel-scroll]::-webkit-scrollbar-thumb{background:var(--color-white-30,rgba(255,255,255,.3));border-radius:9999px}.bloey-canvas-node-content--documents [data-canvas-wheel-scroll]::-webkit-scrollbar-thumb:hover{background:var(--color-white-30,rgba(255,255,255,.3))}.bloey-canvas-node-postit{background-color:transparent;box-shadow:none}.bloey-canvas-node-postit.bloey-canvas-node--selected{border:none}.bloey-canvas-node-postit-textarea{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.bloey-canvas-node-postit-textarea::-webkit-scrollbar{width:6px}.bloey-canvas-node-postit-textarea::-webkit-scrollbar-track{background:transparent}.bloey-canvas-node-postit-textarea::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:9999px}.bloey-canvas-node-postit-textarea::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.bloey-canvas-node-text{flex:1;min-height:0;overflow:auto;font-size:var(--typography-12px);font-weight:var(--typography-regular);line-height:var(--line-height-base);color:var(--color-text-white);text-align:var(--typography-align-left);white-space:pre-wrap;word-break:break-word}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-text{padding-top:var(--layout-padding-y-12px);padding-left:var(--layout-padding-x-12px);padding-right:var(--layout-padding-x-12px)}.bloey-canvas-node-content--composer-prompt-input.is-placeholder .bloey-canvas-node-text{scrollbar-width:none}.bloey-canvas-node-content--composer-prompt-input.is-placeholder .bloey-canvas-node-text::-webkit-scrollbar{display:none}.bloey-canvas-node-content--composer-prompt-input.is-chat-active .bloey-canvas-node-text{flex:none}.bloey-canvas-node-content--composer-prompt-input.is-chat-active .bloey-canvas-node-questions-chat{flex:1;min-height:0;display:flex;flex-direction:column}.bloey-canvas-node-content--composer-prompt-input.is-chat-active .bloey-canvas-node-chat-thread{flex:1;min-height:0;max-height:none;overflow-y:auto}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-chat-thread{scrollbar-width:thin;scrollbar-color:var(--color-white-30,rgba(255,255,255,.3)) transparent}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-chat-thread::-webkit-scrollbar{width:6px}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-chat-thread::-webkit-scrollbar-track{background:transparent}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-chat-thread::-webkit-scrollbar-thumb{background:var(--color-white-30,rgba(255,255,255,.3));border-radius:9999px}.bloey-canvas-node-content--composer-prompt-input .bloey-canvas-node-chat-thread::-webkit-scrollbar-thumb:hover{background:var(--color-white-30,rgba(255,255,255,.3))}.bloey-canvas-node-text-placeholder{color:var(--color-primary-grey-400)}.bloey-canvas-node-questions{padding:0 var(--layout-padding-x-12px);margin-bottom:var(--layout-margin-bottom-4px)}.bloey-canvas-node-questions-loading{font-size:var(--typography-12px);color:var(--color-primary-grey-400)}.bloey-canvas-node-questions-list{display:flex;flex-direction:column;gap:var(--layout-gap-6px)}.bloey-canvas-node-question-row{display:flex;flex-direction:column;gap:2px}.bloey-canvas-node-question-label{font-size:var(--typography-11px);color:var(--color-primary-grey-400);font-weight:var(--typography-medium)}.bloey-canvas-node-question-input{font-size:var(--typography-12px);color:var(--color-text-white);background:rgba(255,255,255,.06);border:1px solid var(--color-primary-grey-200);border-radius:var(--layout-radius-6px);padding:var(--layout-padding-y-4px) var(--layout-padding-x-8px);outline:none}.bloey-canvas-node-question-input::placeholder{color:var(--color-primary-grey-400)}.bloey-canvas-node-questions-skip{margin-top:var(--layout-margin-top-6px);font-size:var(--typography-11px);color:var(--color-primary-grey-400);background:none;border:none;cursor:pointer;padding:0;align-self:flex-start}.bloey-canvas-node-questions-skip:hover{color:var(--color-text-white)}.bloey-canvas-node-questions-chat{display:flex;flex-direction:column;gap:var(--layout-gap-6px);min-height:0}.bloey-canvas-node-chat-thread{display:flex;flex-direction:column;gap:var(--layout-gap-6px);max-height:140px;overflow-y:auto;padding-top:var(--layout-padding-y-6px);padding-bottom:var(--layout-padding-y-6px)}.bloey-canvas-node-chat-turn{display:flex;flex-direction:column;gap:4px}.bloey-canvas-node-chat-bubble{font-size:var(--typography-12px);padding:6px 8px;border-radius:var(--layout-radius-8px);max-width:100%;word-break:break-word}.bloey-canvas-node-chat-bubble--agent{background:rgba(255,255,255,.16);color:var(--color-text-white);align-self:flex-start}.bloey-canvas-node-chat-bubble--user{background:rgba(255,255,255,.14);color:var(--color-text-white);align-self:flex-end}.bloey-canvas-node-chat-label{display:inline-block;margin-right:6px;font-size:var(--typography-11px);font-weight:var(--typography-medium);color:var(--color-primary-grey-400)}.bloey-canvas-node-chat-bubble--animated{animation:bloeyChatBubbleIn .35s ease-out both}.bloey-canvas-node-chat-bubble--typing{display:inline-flex;align-items:center;gap:4px;min-width:44px}.bloey-canvas-node-chat-bubble--typing span{width:4px;height:4px;border-radius:9999px;background:currentColor;opacity:.4;animation:bloeyChatTyping 1s ease-in-out infinite}.bloey-canvas-node-chat-bubble--typing span:nth-child(2){animation-delay:.2s}.bloey-canvas-node-chat-bubble--typing span:nth-child(3){animation-delay:.4s}@keyframes bloeyChatBubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bloeyChatTyping{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.85;transform:translateY(-2px)}}.bloey-canvas-node-text-empty-prompt{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;font-size:var(--typography-40px);font-weight:var(--typography-bold);line-height:1;color:var(--color-text-white);gap:2px}.bloey-canvas-node-card-placeholder-text{font-size:var(--typography-12px);font-weight:var(--typography-regular);color:var(--color-white-30);text-align:center;padding-left:8px;padding-right:8px}.bloey-canvas-node-separator{flex-shrink:0;margin:var(--layout-margin-top-8px) 0 var(--layout-margin-bottom-8px);margin-left:calc(-1 * var(--layout-padding-x-12px));width:calc(100% + var(--layout-padding-x-24px));border-top:var(--layout-border-width-thin) var(--layout-border-style) var(--color-primary-grey-200)}.bloey-canvas-node-input-row{display:flex;gap:var(--layout-gap-8px);flex-shrink:0;align-items:flex-end}.bloey-canvas-node-textarea{flex:1;min-width:0;padding:var(--layout-padding-y-6px) 0;background:transparent;border:none;font-size:var(--typography-14px);color:var(--color-text-white);resize:none;overflow-y:auto;min-height:var(--layout-height-24px);outline:none}.bloey-canvas-node-textarea::placeholder{color:var(--color-primary-grey-400)}.bloey-canvas-node-send-btn{padding:var(--layout-padding-y-6px) var(--layout-padding-x-6px);border-radius:var(--layout-radius-8px);flex-shrink:0;transition:opacity .2s;background-color:var(--color-white)}.bloey-canvas-node-send-btn--rounded{border-radius:9999px}.bloey-canvas-node-send-btn:hover{opacity:.9}.bloey-canvas-node-send-btn:disabled{opacity:.45}.bloey-canvas-node-send-btn svg{color:var(--color-background-card)}.bloey-canvas-node--checkout-composer-dummy{background-color:var(--color-background-blur-white);backdrop-filter:var(--layout-backdrop-blur-white);-webkit-backdrop-filter:var(--layout-backdrop-blur-white);border-color:var(--color-black-10)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-text,.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-text-empty-prompt{color:var(--color-background-card)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-text-placeholder{color:var(--color-black-50)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-separator{border-top-color:var(--color-black-10)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-textarea{color:var(--color-background-card)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-textarea::placeholder{color:var(--color-black-50)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-send-btn{background-color:var(--color-background-card)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-send-btn svg{color:var(--color-white)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-chat-thread{max-height:none;overflow:visible}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-chat-bubble--agent{background:var(--color-black-10);color:var(--color-background-card)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-chat-bubble--user{background:var(--color-background-card);color:var(--color-white)}.bloey-canvas-node--checkout-composer-dummy .bloey-canvas-node-chat-label{color:var(--color-black-50)}.bloey-canvas-node-image-content{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:0;overflow:hidden}.bloey-canvas-node-image-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--layout-padding-y-12px) var(--layout-padding-x-12px);background:transparent;border:none;border-radius:var(--layout-radius-8px);color:var(--color-primary-grey-400);cursor:pointer;transition:color .2s,background-color .2s}.bloey-canvas-node-image-placeholder:hover{color:var(--color-primary-grey-200);background-color:var(--color-black-10)}@keyframes bloey-canvas-scanning{0%{top:0}50%{top:calc(100% - 40px)}to{top:0}}.bloey-canvas-scanning-overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;overflow:hidden}.bloey-canvas-scanning-overlay:before{content:"";position:absolute;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(81,81,81,.04),rgba(205,178,178,0));animation:bloey-canvas-scanning 8s ease-in-out infinite}.bloey-canvas-node-placeholder-drag-through{pointer-events:none}.bloey-canvas-node-placeholder-load-btn{pointer-events:auto;padding:var(--layout-padding-y-6px) var(--layout-padding-x-12px);border-radius:var(--layout-radius-8px);font-size:var(--typography-12px);font-weight:var(--typography-medium);color:var(--color-text-white);background-color:var(--color-white-20);border:none;cursor:pointer;transition:background-color .2s,opacity .2s}.bloey-canvas-node-placeholder-load-btn:hover{background-color:var(--color-white-30)}.bloey-canvas-node-image-loaded{display:flex;align-items:stretch;justify-content:stretch;flex:1;width:100%;min-height:0;padding:4px;overflow:hidden;border-radius:var(--layout-radius-4px)}.bloey-canvas-node-image-loaded img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--layout-radius-12px)}.bloey-canvas-node-screenshot-loaded{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center}.bloey-canvas-node-screenshot-loaded img{width:100%;height:auto;object-fit:contain;object-position:top center}.screenshot-heatmap-overlay{position:absolute;left:0;top:0;z-index:1}.screenshot-heatmap-overlay .heatmap-canvas{position:absolute!important;left:0!important;top:0!important;display:block!important;pointer-events:none}.bloey-canvas-node-input-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out,opacity .2s ease-out;flex-shrink:0}.bloey-canvas-node-input-drawer:not(.is-open){pointer-events:none;overflow:hidden;opacity:0}.bloey-canvas-node-input-drawer.is-open{grid-template-rows:1fr;opacity:1}.bloey-canvas-node-input-drawer-inner{min-height:0;overflow:hidden}.bloey-canvas-node--magician-input .bloey-canvas-node-content--magician-input{height:auto}.bloey-canvas-node-magician-history{min-height:0;overflow:hidden}.bloey-canvas-node-content--magician-input .bloey-canvas-node-separator{margin-left:calc(-1 * var(--layout-padding-x-8px));width:calc(100% + var(--layout-padding-x-16px))}.bloey-canvas-node-magician-chat{word-break:break-word;white-space:pre-wrap}.visual-node-swatch{width:var(--layout-height-32px);height:var(--layout-height-32px);min-width:var(--layout-height-32px);min-height:var(--layout-height-32px);border-radius:9999px;border:var(--layout-border-width) var(--layout-border-style) var(--color-black-10);flex-shrink:0;position:relative;overflow:hidden;transition:border-color}.visual-node-swatch:before{content:"";position:absolute;inset:0;border-radius:9999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6) 0,rgba(255,255,255,.15) 35%,transparent 65%);pointer-events:none}.bloey-canvas-node-output-colors-content{align-items:stretch;justify-content:center;padding:var(--layout-padding-x-12px);height:auto;min-height:0}.bloey-canvas-node-output-colors-content,.bloey-canvas-node-output-colors-swatches{display:flex;flex-direction:column;gap:var(--layout-gap-4px)}.bloey-canvas-node-output-colors-row{position:relative;display:flex;align-items:center}.bloey-canvas-node-handle--output-per-row{position:absolute;right:calc(-1 * var(--layout-padding-x-12px));top:50%;transform:translate(50%,-50%)}.bloey-canvas-node-handle--output-per-row:hover{transform:translate(50%,-50%) scale(1.1)}.bloey-canvas-node-trigger-color-bands-container .bloey-canvas-node-handle--output-per-row{right:-4px}.bloey-canvas-node-trigger-color-bands-container .bloey-canvas-node-handle--output-per-row:hover{transform:translate(50%,-50%)}.bloey-canvas-node-trigger-color-bands-container .bloey-canvas-node-handle--output-per-row.bloey-canvas-node-handle--magician-drop-target:hover,.bloey-canvas-node-trigger-color-bands-container .bloey-canvas-node-handle--output-per-row.bloey-canvas-node-handle--magician:hover{transform:translate(calc(50% + 24px),-50%) scale(2)}.bloey-canvas-node-output-colors-value-input{display:flex;align-items:center;gap:var(--layout-gap-8px);padding:var(--layout-padding-y-4px) var(--layout-padding-x-8px);min-height:var(--layout-height-32px);min-width:0;flex:1;border-radius:var(--layout-radius-12px);cursor:pointer;transition:background-color .2s;background-color:var(--color-editor-valueinput-primary)}.bloey-canvas-node-output-colors-value-input:hover{background-color:var(--color-primary-grey-300)}.bloey-canvas-node-output-colors-hex{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloey-canvas-node-output-colors-hex,.bloey-canvas-node-output-colors-hex-input{font-size:var(--typography-12px);color:var(--color-text-white);font-family:ui-monospace,monospace;min-width:0}.bloey-canvas-node-output-colors-hex-input{flex:1;background:transparent;border:1px solid var(--color-primary-grey-400);border-radius:var(--layout-radius-4px);padding:2px 4px;outline:none}.bloey-canvas-node-output-colors-hex-input:focus{border-color:var(--color-primary-grey-200)}.bloey-canvas-node-trigger-color-bands-container{display:flex;flex-direction:column;gap:2px}.bloey-canvas-node-trigger-color-band-row{position:relative;display:flex;align-items:center;overflow:visible}.bloey-canvas-node-trigger-color-bands-inner{display:flex;flex-direction:column;overflow:visible}.bloey-canvas-node-trigger-color-band-content{display:flex;align-items:center;justify-content:flex-start;gap:var(--layout-gap-4px);width:100%;height:100%;padding:0 var(--layout-padding-x-4px);min-width:0}.bloey-canvas-node-trigger-color-band-icon-btn{width:var(--layout-height-24px);height:var(--layout-height-24px);min-width:var(--layout-height-24px);min-height:var(--layout-height-24px);border-radius:var(--layout-radius-6px);background-color:var(--color-white-20);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;color:inherit}.bloey-canvas-node-trigger-color-band-icon-btn:hover{background-color:var(--color-white-30)}.bloey-canvas-node-output-text-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--layout-gap-4px);min-height:0}.bloey-canvas-node-output-text-content .bloey-canvas-node-text-placeholder{font-size:var(--typography-12px);font-weight:var(--typography-regular);color:var(--color-white-30)}.bloey-canvas-node-output-text-list{display:flex;flex-direction:column;min-height:0;padding-top:var(--layout-padding-y-6px);padding-bottom:var(--layout-padding-y-6px)}.bloey-canvas-node-output-text-list--steps{padding-top:var(--layout-padding-y-12px)}.bloey-canvas-node-output-text-row{position:relative;display:flex;align-items:center}.bloey-canvas-node-output-text-row .bloey-canvas-node-output-text-item{flex:1;min-width:0}.bloey-canvas-node-output-text-separator-with-handle{position:relative;flex-shrink:0;width:100%}.bloey-canvas-node-output-plan-handle-wrap{position:relative;flex-shrink:0;min-height:0;overflow:visible}.bloey-canvas-node-output-plan-handle-wrap .bloey-canvas-node-handle{top:auto;bottom:0;transform:translate(50%,50%)}.bloey-canvas-node-output-text-separator-with-handle .bloey-canvas-node-handle{top:calc(50% - 16px)}.bloey-canvas-node-output-step-handle-row{display:flex;align-items:center;justify-content:flex-end;position:relative;width:100%;min-height:16px;overflow:visible}.bloey-canvas-node-output-step-trigger .bloey-canvas-node-output-step-handle-row{flex:1;min-width:0}.bloey-canvas-node-output-step-handle-row .bloey-canvas-node-handle{top:50%;transform:translate(50%,-50%)}.bloey-canvas-node-output-step-handle-row .bloey-canvas-node-handle:hover{transform:translate(50%,-50%) scale(1.1)}.bloey-canvas-node-step-add-wireframe-btn{position:absolute;right:-56px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200);border-radius:var(--layout-radius-8px);background-color:var(--color-background-card-85);color:var(--color-primary-grey-200);cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.bloey-canvas-node-step-add-wireframe-btn:hover{color:var(--color-white);background-color:var(--color-black-20);border-color:var(--color-primary-grey-300)}.bloey-canvas-node-step-add-wireframe-btn--no-border-default{border-color:transparent}.bloey-canvas-node-step-add-wireframe-btn--no-border-default:focus-visible,.bloey-canvas-node-step-add-wireframe-btn--no-border-default:hover{border-color:var(--color-primary-grey-300)}.bloey-canvas-node-step-add-wireframe-btn--output-colors{border-radius:9999px;border-width:var(--layout-border-width-thin);border-style:var(--layout-border-style);border-color:var(--color-node-atom-connector-output-border);background-color:var(--color-node-atom-connector-output-background);color:var(--color-node-atom-connector-output-border)}.bloey-canvas-node-step-add-wireframe-btn--output-colors:hover{background-color:var(--color-node-atom-connector-output-hover);color:var(--color-node-atom-connector-output-border);border-color:var(--color-node-atom-connector-output-border)}.bloey-canvas-node-output-text-separator{flex-shrink:0;margin:var(--layout-margin-top-8px) 0 var(--layout-margin-bottom-8px);border-top:var(--layout-border-width-thin) var(--layout-border-style) var(--color-primary-grey-200)}.bloey-canvas-node-output-text-item{font-size:var(--typography-12px);font-weight:var(--typography-light);color:var(--color-white-50);line-height:1.4;word-break:break-word;padding-left:1em;position:relative}.bloey-canvas-node-output-text-item:before{content:"•";position:absolute;left:0;color:var(--color-white-30)}.bloey-canvas-node-output-step{display:flex;flex-direction:column;min-width:0}.bloey-canvas-node-output-step-trigger{cursor:pointer}.bloey-canvas-node-output-step-trigger:hover .bloey-canvas-node-output-text-item{color:var(--color-white-70)}.bloey-canvas-node-output-step-chevron{flex-shrink:0;width:0;height:0;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--color-white-40);transition:transform .15s ease}.bloey-canvas-node-output-step.expanded .bloey-canvas-node-output-step-chevron{transform:rotate(180deg)}.bloey-canvas-node-output-step.expanded .bloey-canvas-node-output-step-body,.bloey-canvas-node-output-step.expanded .bloey-canvas-node-output-text-item{color:var(--color-white)}.bloey-canvas-node-output-step-body-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}.bloey-canvas-node-output-step-body-wrap.expanded{grid-template-rows:1fr}.bloey-canvas-node-output-step-body-inner{min-height:0;overflow:hidden}.bloey-canvas-node-output-step-body{font-size:var(--typography-12px);font-weight:var(--typography-light);color:var(--color-white-50);line-height:1.4;word-break:break-word;white-space:pre-wrap;padding:var(--layout-padding-y-4px) 0 var(--layout-padding-y-4px) 1em;margin-left:.5em;border-left:2px solid var(--color-primary-grey-200)}.bloey-auditor-cause-tags{display:flex;flex-wrap:wrap;gap:var(--layout-gap-4px);padding-top:var(--layout-padding-y-4px);padding-bottom:var(--layout-padding-y-2px)}.bloey-auditor-cause-tag{display:inline-flex;align-items:center;gap:var(--layout-gap-4px);padding:var(--layout-padding-y-2px) var(--layout-padding-x-6px);border-radius:var(--layout-radius-4px);font-size:var(--typography-10px);font-weight:var(--typography-regular);letter-spacing:.02em;line-height:var(--layout-height-16px);white-space:nowrap;transition:opacity .15s ease}.bloey-auditor-cause-tag:hover{opacity:.85}.bloey-canvas-node-output-plan-body{scrollbar-width:none;-ms-overflow-style:none}.bloey-canvas-node-output-plan-body::-webkit-scrollbar{display:none}.bloey-canvas-node-code-block-editor-scroll{scrollbar-width:none;-ms-overflow-style:none}.bloey-canvas-node-code-block-editor-scroll::-webkit-scrollbar{display:none}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor *{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace!important}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor{box-sizing:border-box;font-size:12px;font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace;line-height:18px;letter-spacing:0}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview pre,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview pre code,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-text{font-size:12px!important;font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace!important;line-height:18px!important;letter-spacing:0!important;box-sizing:border-box}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview pre,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview pre code{margin:0;padding:0}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview pre br{display:none}.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-preview,.bloey-canvas-node-code-block-editor-scroll .w-tc-editor .w-tc-editor-text{padding:10px!important}.bloey-canvas-node-output-insights-row{display:flex;flex-direction:row;align-items:flex-start;min-width:0;overflow-x:auto}.bloey-canvas-node-output-insights-card{flex-shrink:0;min-width:200px}.bloey-canvas-node-output-wireframe-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--layout-gap-4px);min-height:0}.bloey-canvas-node-output-wireframe-header{height:32px;margin-bottom:12px;border-radius:var(--layout-radius-4px);background-color:var(--color-primary-grey-300)}.bloey-canvas-node--wireframe-with-labels{display:flex;flex-direction:row;align-items:flex-end;gap:0;border:none;background:transparent;box-shadow:none}.bloey-canvas-node--wireframe-with-labels .bloey-canvas-node-output-wireframe-card{box-shadow:var(--shadow-default-node-card)}.bloey-canvas-node-output-wireframe-card{position:relative;border:none;border-radius:var(--layout-radius-16px);background-color:var(--color-background-card-95);flex-shrink:0;min-height:120px}.bloey-canvas-node--selected .bloey-canvas-node-output-wireframe-card{border:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200)}.bloey-canvas-node--components .bloey-canvas-node-output-wireframe-card{display:flex;flex-direction:column;border:none;background:transparent}.bloey-canvas-node--codeblock-editor .bloey-canvas-node-output-wireframe-card,.bloey-canvas-node--documents .bloey-canvas-node-output-wireframe-card,.bloey-canvas-node--magician-styling .bloey-canvas-node-output-wireframe-card{border:none;background:transparent}.bloey-canvas-node--magician .bloey-canvas-node-output-wireframe-card{border:none}.bloey-canvas-node-output-wireframe-labels{display:flex;flex-direction:column;gap:2px;flex-shrink:0;margin-left:var(--layout-gap-4px);padding-bottom:var(--layout-padding-y-4px)}.bloey-canvas-node-output-wireframe-label-row{position:relative;display:flex;align-items:center;gap:2px;padding:var(--layout-padding-y-2px) var(--layout-padding-x-4px);padding-right:calc(var(--layout-padding-x-4px) + var(--layout-size-12px));border:none;border-radius:var(--layout-radius-8px);background-color:var(--color-background-card-95);min-width:0;min-height:20px;transition:padding .15s ease}.bloey-canvas-node-output-wireframe-labels--expanded .bloey-canvas-node-output-wireframe-label-row{padding:var(--layout-padding-y-8px) var(--layout-padding-x-4px);padding-right:calc(var(--layout-padding-x-4px) + var(--layout-size-12px))}.bloey-canvas-node-handle--wireframe-label{left:auto;right:0;top:50%;transform:translate(50%,-50%);margin:0}.bloey-canvas-node-output-wireframe-label-text{font-size:var(--typography-8px);font-weight:var(--typography-regular);color:var(--color-white-60);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;visibility:hidden;max-width:0;opacity:0;transition:opacity .15s ease,max-width .15s ease,visibility .15s ease}.bloey-canvas-node-output-wireframe-labels--expanded .bloey-canvas-node-output-wireframe-label-text{visibility:visible;max-width:none;opacity:1;font-size:var(--typography-10px)}.bloey-canvas-node-output-wireframe-block{border-radius:var(--layout-radius-4px);border:var(--layout-border-width-thin) var(--layout-border-style) var(--color-primary-grey-200);background-color:var(--color-primary-grey-300)}.bloey-canvas-node-output-wireframe-block--hero{height:120px}.bloey-canvas-node-output-wireframe-block--cta{height:44px}.bloey-canvas-node-output-wireframe-block--input{height:32px}.bloey-canvas-node-output-wireframe-block--row{height:28px}.bloey-canvas-node-output-wireframe-block--section{height:48px}.bloey-canvas-node-output-wireframe-block--content{flex:1;min-height:120px}.bloey-canvas-node-output-wireframe-label{font-size:var(--typography-8px);font-weight:var(--typography-regular);color:var(--color-primary-grey-400);padding-top:var(--layout-padding-y-2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bloey-canvas-node-miniapp-content .bloey-canvas-node-miniapp-iframe-wrap{width:100%;min-width:0;flex:0 0 auto;align-self:center;display:flex;flex-direction:column;aspect-ratio:390/741;overflow:hidden;border-radius:var(--layout-radius-8px)}.bloey-canvas-node-output-wireframe-preview-wrap{position:relative;width:100%;min-width:0;flex:1;aspect-ratio:390/801;border-radius:var(--layout-radius-8px);overflow:hidden;background-color:#ffffff;box-shadow:none}.bloey-canvas-node-output-wireframe-scaled{position:absolute;top:0;left:0;overflow:hidden;border-radius:0;display:flex;flex-direction:column}.bloey-canvas-node-output-wireframe-title-bar{flex-shrink:0;object-fit:cover;border-radius:var(--layout-radius-8px) var(--layout-radius-8px) 0 0}.bloey-canvas-node-output-wireframe-html{width:100%;height:100%;overflow:hidden;box-sizing:border-box;border-radius:var(--layout-radius-8px)}.bloey-canvas-node-output-wireframe-html--with-title-bar{border-radius:0 0 var(--layout-radius-8px) var(--layout-radius-8px);flex:1;min-height:0}.bloey-canvas-node-output-wireframe-html>*{box-sizing:border-box;border-radius:var(--layout-radius-8px);box-shadow:none}.bloey-canvas-node-output-wireframe-content:has(.bloey-canvas-node-output-wireframe-header),.bloey-canvas-node-output-wireframe-content:has(.bloey-canvas-node-output-wireframe-preview-wrap){height:auto;min-height:0;aspect-ratio:390/801;gap:0;justify-content:flex-start;padding:var(--layout-padding-12px)}.bloey-canvas-node--magician .bloey-canvas-node-output-wireframe-content:has(.bloey-canvas-node-output-wireframe-preview-wrap){aspect-ratio:auto}.bloey-canvas-node--magician .bloey-canvas-node-output-wireframe-preview-wrap{aspect-ratio:auto;flex:0 0 auto;height:auto;min-height:0}.output-colors-detail-card{user-select:text}.output-colors-detail-swatch{display:block;border-radius:9999px}.output-colors-detail-rows{display:flex;flex-direction:column;gap:var(--layout-gap-4px)}.output-colors-detail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap-8px);padding:var(--layout-padding-y-4px) var(--layout-padding-x-8px);min-height:var(--layout-height-32px);border-radius:var(--layout-radius-6px);background-color:var(--color-editor-valueinput-primary)}.output-colors-detail-label{font-size:var(--typography-10px);font-weight:var(--typography-medium);color:var(--color-primary-grey-400);flex-shrink:0}.output-colors-detail-value,.output-colors-detail-value-input{font-size:var(--typography-10px);color:var(--color-text-white);font-family:ui-monospace,monospace;text-align:right;word-break:break-all}.output-colors-detail-value-input{flex:1;min-width:0;background:transparent;border:1px solid var(--color-primary-grey-500);border-radius:var(--layout-radius-4px);padding:2px 6px;outline:none}.output-colors-detail-value-input:focus{border-color:var(--color-primary-grey-400)}.bloey-canvas-add-node-buttons{display:flex;gap:var(--layout-gap-8px)}.bloey-canvas-add-node-btn{padding:var(--layout-padding-y-6px) var(--layout-padding-x-12px);font-size:var(--typography-14px);color:var(--color-primary-grey-200);background-color:var(--color-black-10);border:var(--layout-border-width) var(--layout-border-style) var(--color-primary-grey-200);border-radius:var(--layout-radius-8px);cursor:pointer;transition:color .2s,background-color .2s}.bloey-canvas-add-node-btn:hover{color:var(--color-white);background-color:var(--color-black-20)}.bloey-canvas-plus-bubble{display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(0,102,255,.3);border:var(--layout-border-width) var(--layout-border-style) rgba(0,102,255,.5);box-shadow:var(--layout-shadow-large);backdrop-filter:var(--layout-backdrop-blur-24px);color:var(--color-wire)}.bloey-canvas-toolbar{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:var(--layout-gap-12px);user-select:none}.bloey-canvas-toolbar--glass{padding:var(--layout-padding-x-8px) calc(var(--layout-padding-y-8px) - 1px);border-radius:var(--layout-radius-20px);background-color:var(--color-background-card-85);backdrop-filter:var(--layout-backdrop-blur-24px);box-shadow:var(--layout-shadow-large)}.bloey-canvas-toolbar--glass .bloey-canvas-toolbar-bar{padding:0;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;background-color:transparent}.bloey-canvas-toolbar--glass .bloey-canvas-toolbar-btn{border-radius:var(--layout-radius-12px)}.bloey-canvas-toolbar--glass .bloey-canvas-toolbar-btn:hover:before{background-color:var(--color-primary-grey-100)}.bloey-canvas-toolbar-bar{display:flex;align-items:center;gap:var(--layout-gap-4px);padding:2px 4px;border-radius:9999px;border:var(--layout-border-width) var(--layout-border-style) var(--color-background-toolbar-blur-border);box-shadow:var(--layout-shadow-large);backdrop-filter:var(--layout-backdrop-blur-24px);background-color:var(--color-background-toolbar-blur)}.bloey-canvas-toolbar-bar--right{margin-left:auto}.bloey-canvas-toolbar--postit-only .bloey-canvas-toolbar-bar--right{margin-left:0}.bloey-canvas-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:var(--layout-height-24px);height:var(--layout-height-24px);border-radius:9999px;font-size:var(--typography-12px);color:var(--color-primary-grey-200);transition:color .2s}.bloey-canvas-toolbar-btn:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background-color:transparent;transition:background-color .2s;pointer-events:none}.bloey-canvas-toolbar-btn:hover:before{background-color:var(--color-editor-hover)}.bloey-canvas-toolbar-btn>*{position:relative;z-index:1}.bloey-canvas-toolbar-btn--with-label{width:auto;min-width:var(--layout-height-24px);padding-left:8px;padding-right:8px}.bloey-canvas-toolbar-btn--default:hover{color:var(--color-white)}.bloey-canvas-toolbar-btn--delete:hover{color:var(--color-red)}.bloey-canvas-toolbar-btn--postit-swatch{border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.1)}.bloey-canvas-toolbar--glass .bloey-canvas-toolbar-btn--postit-swatch:hover:before,.bloey-canvas-toolbar-btn--postit-swatch:hover:before{background-color:transparent!important}.visual-node-context-menu-trigger{color:var(--color-primary-grey-400)}.visual-node-context-menu-trigger:hover{color:var(--color-primary-grey-200)}.visual-node-context-menu-wrapper{pointer-events:none}.visual-node-context-menu-wrapper>*{pointer-events:auto}.visual-node-plan-download-trigger--selected{color:var(--color-white)}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:focus{color:var(--color-editor-button-primary)!important}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:hover,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active[data-highlighted]{color:var(--color-white)!important}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active div,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active span,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active svg{color:var(--color-editor-button-primary)!important}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active svg{fill:var(--color-editor-button-primary)!important;color:var(--color-editor-button-primary)!important}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:hover div,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:hover span,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:hover svg,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active[data-highlighted] div,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active[data-highlighted] span,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active[data-highlighted] svg{color:var(--color-white)!important}.visual-node-context-menu-dropdown .visual-node-context-menu-item--active:hover svg,.visual-node-context-menu-dropdown .visual-node-context-menu-item--active[data-highlighted] svg{fill:var(--color-white)!important;color:var(--color-white)!important}