.workflow-builder{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--foreground)}.workflow-builder-header{display:flex;justify-content:center;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--background);position:relative}.workflow-builder-title{position:absolute;right:2rem;font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.workflow-breadcrumb{display:flex;align-items:center;gap:1rem}.workflow-breadcrumb-item{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:color-mix(in srgb,var(--foreground) 60%,transparent);background:transparent;transition:all .2s}.workflow-breadcrumb-item-active{color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,transparent);font-weight:600}.workflow-breadcrumb-separator{color:color-mix(in srgb,var(--foreground) 40%,transparent);font-size:1rem}.workflow-builder-canvas{flex:1 1;width:100%;position:relative}.workflow-builder-error,.workflow-builder-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:var(--background);color:var(--foreground)}.directive-node{display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:.5rem;background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.directive-node:hover{border-color:color-mix(in srgb,var(--foreground) 40%,transparent);background:var(--muted)}.directive-node-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;width:100%;height:100%;position:relative}.directive-node-conditional-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:.25rem;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:rgba(59,130,246,1);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.directive-node-label{font-size:1.25rem;font-weight:600;color:var(--foreground);text-align:center}.directive-node-type{display:flex;flex-direction:column;align-items:center;gap:.5rem}.directive-node-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--accent)}.directive-node-icon svg{width:100%;height:100%}.directive-node-type-text{font-size:.875rem;color:color-mix(in srgb,var(--foreground) 70%,transparent);text-transform:capitalize}.directive-node-handle{width:12px;height:12px;background:rgba(34,197,94,1);border:2px solid var(--background)}.directive-node-handle:hover{background:rgba(34,197,94,.8)}.directive-node-handle-conditional{background:rgba(59,130,246,1)}.directive-node-handle-conditional:hover{background:rgba(59,130,246,.8)}.react-flow__edge-path{stroke:color-mix(in srgb,var(--foreground) 40%,transparent);stroke-width:2px}.react-flow__edge:hover .react-flow__edge-path{stroke:color-mix(in srgb,var(--foreground) 65%,transparent)}.react-flow__edge.conditional-edge .react-flow__edge-path{stroke:rgba(59,130,246,1);stroke-width:2px;stroke-dasharray:8,4}.react-flow__edge.conditional-edge:hover .react-flow__edge-path{stroke:rgba(59,130,246,.8)}.react-flow__edge.conditional-edge .react-flow__arrowhead{fill:rgba(59,130,246,1)}.react-flow__edge.conditional-edge:hover .react-flow__arrowhead{fill:rgba(59,130,246,.8)}.react-flow__arrowhead{fill:color-mix(in srgb,var(--foreground) 40%,transparent)}.react-flow__edge:hover .react-flow__arrowhead{fill:color-mix(in srgb,var(--foreground) 65%,transparent)}.react-flow__background{background:var(--background)}.react-flow__controls{background:var(--card-background);border:1px solid var(--border);border-radius:.5rem}.react-flow__controls-button{background:transparent;border-bottom:1px solid var(--border);color:var(--foreground)}.react-flow__controls-button:hover{background:var(--muted)}.react-flow__controls-button svg{fill:var(--foreground)}.directive-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.directive-drawer{width:90%;max-width:600px;max-height:80vh;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.15)}.directive-drawer-header{padding:1.5rem;border-bottom:1px solid var(--border)}.directive-drawer-close{border-radius:.375rem;font-size:1.75rem;transition:background .2s}.directive-drawer-close:hover{background:var(--muted)}.directive-drawer-content{padding:1.5rem}.directive-drawer-placeholder{color:color-mix(in srgb,var(--foreground) 60%,transparent);text-align:center;margin-bottom:2rem}.directive-drawer-types{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.directive-drawer-type-item{padding:2rem 1rem;border:2px solid var(--border);border-radius:.5rem;background:var(--card-background);text-align:center;font-weight:500;color:var(--foreground);cursor:pointer;transition:all .2s}.directive-drawer-type-item:hover{border-color:var(--positive);background:var(--muted);transform:translateY(-2px)}.add-directive-node{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:.5rem;background:transparent;cursor:pointer;transition:all .2s}.add-directive-node:hover{border-color:color-mix(in srgb,var(--positive) 60%,transparent);background:color-mix(in srgb,var(--positive) 5%,transparent)}.add-directive-node-content{display:flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--foreground) 70%,transparent);font-size:1rem;font-weight:500}.add-directive-node:hover .add-directive-node-content{color:var(--positive)}.add-directive-node-plus{font-size:1.5rem;font-weight:300}.add-directive-node-text{letter-spacing:.025em}.directive-type-menu{z-index:1000;background:var(--background);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.12);padding:.5rem;min-width:200px}.directive-type-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:.375rem;color:var(--foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.directive-type-menu-item:hover{background:color-mix(in srgb,var(--foreground) 10%,transparent);border-color:rgba(34,197,94,.3)}.directive-type-menu-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:rgba(34,197,94,1)}.directive-type-menu-icon svg{width:100%;height:100%}.directive-type-menu-label{flex:1 1}.directive-drawer-smokescreen{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1100;animation:fadeIn .2s ease-out}.directive-drawer{position:fixed;top:0;right:0;width:600px;height:100vh;background:var(--background);border-left:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);z-index:1200;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.directive-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-drawer-title{font-size:1.25rem;font-weight:600;color:var(--foreground);margin:0}.directive-drawer-close{background:transparent;border:none;color:var(--foreground);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.directive-drawer-close:hover{background:color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-drawer-content{flex:1 1;padding:2rem;overflow-y:auto}.directive-drawer-field{margin-bottom:2rem;position:relative}.directive-drawer-label{display:block;font-size:.875rem;font-weight:500;color:color-mix(in srgb,var(--foreground) 70%,transparent);margin-bottom:.5rem}.directive-drawer-character-count{position:absolute;top:0;right:0;font-size:.75rem;color:color-mix(in srgb,var(--foreground) 40%,transparent)}.directive-drawer-input,.directive-drawer-select{width:100%;padding:.75rem 1rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);border-radius:.375rem;color:var(--foreground);font-size:1rem;font-family:inherit;transition:all .2s}.directive-drawer-input:focus,.directive-drawer-select:focus{outline:none;border-color:rgba(34,197,94,.5);background:color-mix(in srgb,var(--foreground) 8%,transparent)}.directive-drawer-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:3rem}.directive-drawer-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-drawer-button{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.directive-drawer-button-icon{font-size:1.25rem;line-height:1}.directive-drawer-button-cancel{background:rgba(239,68,68,.1);color:rgb(239,68,68);border:1px solid rgba(239,68,68,.3)}.directive-drawer-button-cancel:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.directive-drawer-button-save{background:rgba(34,197,94,.1);color:rgb(34,197,94);border:1px solid rgba(34,197,94,.3)}.directive-drawer-button-save:hover:not(:disabled){background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5)}.directive-drawer-button-save:disabled{opacity:.5;cursor:not-allowed}.directive-toolbox-placeholder{padding:1.25rem;color:color-mix(in srgb,var(--foreground) 70%,transparent)}.directive-toolbox-placeholder h3{color:var(--foreground);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.directive-toolbox-placeholder p{margin-bottom:.75rem;line-height:1.5;font-size:.75rem}.directive-toolbox-placeholder ul{margin:.75rem 0;padding-left:1.125rem;line-height:1.6;font-size:.75rem}.directive-toolbox-placeholder ul li{margin-bottom:.375rem}.placeholder-status{margin-top:1.25rem;padding:.75rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:.375rem;text-align:center;font-weight:500;font-size:.75rem;color:rgb(59,130,246)}.rules-note{padding:.75rem;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:.375rem;margin:1rem 0;line-height:1.5;font-size:.75rem}.rules-note strong{color:var(--foreground)}.directive-toolbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1100;animation:fadeIn .2s ease-out}.directive-toolbox{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--background);border-left:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);z-index:1200;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.directive-toolbox-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-toolbox-header-content{display:flex;align-items:center;gap:.75rem;flex:1 1}.directive-toolbox-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0}.directive-toolbox-delete{background:transparent;border:none;color:color-mix(in srgb,var(--foreground) 70%,transparent);font-size:1rem;cursor:pointer;padding:.375rem;border-radius:.25rem;transition:all .2s}.directive-toolbox-delete:hover{background:rgba(239,68,68,.1);color:rgb(239,68,68)}.directive-toolbox-close{background:transparent;border:none;color:var(--foreground);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.directive-toolbox-close:hover{background:color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-toolbox-tabs{display:flex;gap:0;border-bottom:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:rgba(0,0,0,.2)}.directive-toolbox-tab{flex:1 1;padding:.625rem .5rem;background:transparent;color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent}.directive-toolbox-tab:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 5%,transparent);color:color-mix(in srgb,var(--foreground) 80%,transparent)}.directive-toolbox-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.directive-toolbox-tab:disabled{opacity:.3;cursor:not-allowed}.directive-toolbox-content{flex:1 1;padding:1.25rem;overflow-y:auto}.directive-toolbox-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:.875rem}.directive-toolbox-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:rgba(0,0,0,.2)}.directive-toolbox-page-indicator{color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:.75rem}.directive-toolbox-actions{display:flex;gap:.75rem}.directive-toolbox-button{padding:.5rem 1rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.375rem}.directive-toolbox-button-icon{font-size:1rem}.directive-toolbox-button-cancel{background:rgba(239,68,68,.1);color:rgb(239,68,68);border:1px solid rgba(239,68,68,.3)}.directive-toolbox-button-cancel:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.directive-toolbox-button-save{background:rgba(34,197,94,.1);color:rgb(34,197,94);border:1px solid rgba(34,197,94,.3)}.directive-toolbox-button-save:hover:not(:disabled){background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5)}.directive-toolbox-button-save:disabled{opacity:.5;cursor:not-allowed}.design-tab{display:flex;flex-direction:column;gap:1.25rem}.design-section{position:relative}.design-label{display:block;font-size:.75rem;font-weight:500;color:color-mix(in srgb,var(--foreground) 70%,transparent);margin-bottom:.5rem}.design-input{width:100%;padding:.5rem .75rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:.375rem;color:var(--foreground);font-size:.875rem;transition:all .2s}.design-input:focus{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.design-char-count{position:absolute;top:.125rem;right:0;font-size:.625rem;color:color-mix(in srgb,var(--foreground) 40%,transparent)}.type-selector{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .5rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:2px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:.375rem;color:color-mix(in srgb,var(--foreground) 70%,transparent);font-size:.625rem;font-weight:500;cursor:pointer;transition:all .2s}.type-button:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 10%,transparent);border-color:color-mix(in srgb,var(--foreground) 20%,transparent)}.type-button.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent);color:var(--accent)}.type-button.disabled{opacity:.5;cursor:not-allowed}.template-selector{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.625rem;gap:.625rem}.template-card{display:flex;flex-direction:column;gap:.375rem;padding:.875rem;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:2px solid color-mix(in srgb,var(--foreground) 10%,transparent);border-radius:.375rem;cursor:pointer;transition:all .2s;text-align:left}.template-card:hover{background:color-mix(in srgb,var(--foreground) 10%,transparent);border-color:color-mix(in srgb,var(--foreground) 20%,transparent)}.template-card.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.template-label{font-size:.8125rem;font-weight:600;color:var(--foreground)}.template-card.active .template-label{color:var(--accent)}.template-description{font-size:.6875rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);line-height:1.3}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.625rem;gap:.625rem;justify-items:center}.color-circle{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;opacity:.25}.color-circle:hover{transform:scale(1.1);opacity:.5}.color-circle.active{opacity:1}.directive-preview-overlay{position:fixed;top:0;left:0;right:400px;bottom:0;z-index:1150;display:flex;align-items:center;justify-content:center;pointer-events:none}.directive-preview-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.directive-preview-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:2rem;pointer-events:auto;width:100%;max-width:100%}.directive-preview-device{position:relative;width:clamp(500px,calc(100vw - 480px),800px);aspect-ratio:16/9;background:linear-gradient(145deg,color-mix(in srgb,var(--foreground) 18%,var(--background)),color-mix(in srgb,var(--foreground) 8%,var(--background)));border-radius:2rem;box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px 2px color-mix(in srgb,var(--foreground) 10%,transparent),inset 0 -1px 2px rgba(0,0,0,.2)}.directive-preview-device:before{top:.75rem;width:80px;background:color-mix(in srgb,var(--foreground) 10%,transparent)}.directive-preview-device:after,.directive-preview-device:before{content:"";position:absolute;left:50%;transform:translateX(-50%);height:6px;border-radius:3px}.directive-preview-device:after{bottom:.75rem;width:60px;background:color-mix(in srgb,var(--foreground) 15%,transparent)}.directive-preview-device-frame{position:absolute;inset:1.5rem;background:#000000;border-radius:1rem;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.directive-preview-device-screen{position:absolute;inset:0;background:#0f0f0f;display:flex;align-items:center;justify-content:center;overflow:hidden}html.light-mode .directive-preview-device-frame,html:not(.dark-mode) .directive-preview-device-frame{background:#ffffff;box-shadow:inset 0 0 20px rgba(0,0,0,.08)}html.light-mode .directive-preview-device-screen,html:not(.dark-mode) .directive-preview-device-screen{background:#f5f5f5}html.light-mode .directive-preview-device-screen>*,html:not(.dark-mode) .directive-preview-device-screen>*{filter:invert(1) hue-rotate(180deg)}.directive-preview-device-screen>*{transform:scale(clamp(.53,calc((100vw - 480px) / 800 * .85),.85));transform-origin:center center}.directive-preview-container--standalone .directive-preview-device{width:clamp(500px,calc(min(100vw - 80px, (100vh - 140px) * 16 / 9)),900px)}.directive-preview-container--standalone .directive-preview-device-screen>*{transform:scale(clamp(.55,calc(min(100vw - 80px, (100vh - 140px) * 16 / 9) / 900 * .9),.9))}@media (min-width:1920px){.directive-preview-device{width:800px}.directive-preview-device-screen>*{transform:scale(.85)}.directive-toolbox{width:400px}.directive-preview-overlay{right:400px}}@media (max-width:1511px) and (min-width:1366px){.directive-toolbox{width:380px}.directive-preview-overlay{right:380px}}@media (max-width:1365px) and (min-width:1280px){.directive-toolbox{width:360px}.directive-preview-overlay{right:360px}.workflow-builder-header{padding:1rem 1.5rem}.workflow-builder-title{right:1.5rem;font-size:1.125rem}}@media (max-width:1279px){.directive-toolbox{width:340px}.directive-preview-overlay{right:340px}.workflow-builder-header{padding:.75rem 1rem}.workflow-builder-title{right:1rem;font-size:1rem}.workflow-breadcrumb-item{padding:.375rem .75rem;font-size:.8125rem}.directive-node-label{font-size:.8125rem}.directive-node-type{font-size:.6875rem}}@media (max-width:1023px){.directive-toolbox{width:100%;max-width:400px;right:0}.directive-preview-overlay{right:0;left:0}.directive-preview-device{width:min(500px,calc(100vw - 100px))}.directive-preview-device-screen>*{transform:scale(.55)}.workflow-builder-title{position:relative;right:auto;margin-top:.5rem}.workflow-builder-header{flex-direction:column;gap:.5rem}}@media (min-width:2560px){.directive-preview-device{width:900px}.directive-preview-device-screen>*{transform:scale(.9)}}.data-binding-mode .directive-title{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative}.data-binding-mode .directive-title:hover{outline-width:2px;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.data-binding-mode .directive-info-section{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative}.data-binding-mode .directive-info-section:hover{outline-width:2px;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.data-binding-mode .directive-pill{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative}.data-binding-mode .directive-pill:hover{outline-width:2px;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.data-binding-mode .directive-options{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative}.data-binding-mode .directive-options:hover{outline-width:2px;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.data-binding-mode .directive-info-section:hover:after,.data-binding-mode .directive-pill:hover:after,.data-binding-mode .directive-title:hover:after{content:"Click to bind";position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:#FDD835;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap;z-index:100;pointer-events:none}.data-binding-mode .directive-info-section[data-section="1"]:hover:after{content:"Click to bind: Section 1"}.data-binding-mode .directive-info-section[data-section="2"]:hover:after{content:"Click to bind: Section 2"}.data-binding-mode .directive-info-section[data-section="3"]:hover:after{content:"Click to bind: Section 3"}.directive-title.bindable-hover{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.directive-info-section.bindable-active,.directive-options.bindable-active,.directive-pill.bindable-active,.directive-title.bindable-active{outline:2px dashed #FDD835!important;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.directive-info-section.bindable-inactive,.directive-options.bindable-inactive,.directive-pill.bindable-inactive,.directive-title.bindable-inactive{outline:2px dashed #6B7280!important;border-radius:.5rem;cursor:pointer!important;transition:all .2s;position:relative;opacity:.6}.directive-title.bindable-hover:after{content:"Click to bind";position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:#FDD835;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap;z-index:100;pointer-events:none}.directive-info-section.bindable-hover{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.directive-info-section.bindable-hover:after{content:"Click to bind";position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:#FDD835;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap;z-index:100;pointer-events:none}.directive-info-section[data-section="1"].bindable-hover:after{content:"Click to bind: Section 1"}.directive-info-section[data-section="2"].bindable-hover:after{content:"Click to bind: Section 2"}.directive-info-section[data-section="3"].bindable-hover:after{content:"Click to bind: Section 3"}.directive-pill.bindable-hover{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer!important;transition:all .2s;position:relative;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.directive-pill.bindable-hover:after{content:"Click to bind";position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:#FDD835;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap;z-index:100;pointer-events:none}.directive-options.bindable-hover{outline:2px dashed #FDD835;border-radius:.5rem;cursor:pointer;transition:all .2s;position:relative;outline-color:#FFE066;box-shadow:0 0 8px rgba(253,216,53,.3);background:rgba(253,216,53,.05)}.directive-options.bindable-hover:after{content:"Click to bind";position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:#FDD835;font-size:.75rem;font-weight:500;border-radius:.25rem;white-space:nowrap;z-index:100;pointer-events:none}.RulesTab_rulesTab__JDRPb{display:flex;flex-direction:column;gap:16px}.RulesTab_hint__tzaVB{font-size:12px;color:color-mix(in srgb,var(--foreground) 55%,transparent);line-height:1.5;margin:0}.RulesTab_branch__PDB6b{border:1px solid color-mix(in srgb,var(--foreground) 14%,transparent);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;background:color-mix(in srgb,var(--foreground) 3%,transparent)}.RulesTab_branchFallback__lW2jS{opacity:.5}.RulesTab_branchHeader__3hfFs{display:flex;align-items:center;gap:8px}.RulesTab_branchBadge__cX7S1{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px}.RulesTab_trueBadge__vEwDQ{background:rgba(34,197,94,.15);color:rgb(34,197,94);border:1px solid rgba(34,197,94,.3)}.RulesTab_falseBadge__3Di_T{background:rgba(239,68,68,.12);color:rgb(239,68,68);border:1px solid rgba(239,68,68,.25)}.RulesTab_branchLabel__XAaJH{font-size:12px;font-weight:500;color:var(--foreground)}.RulesTab_conditionList__QXh6N{display:flex;flex-direction:column;gap:0}.RulesTab_conditionGroup__Lx_t_{display:flex;flex-direction:column;gap:4px}.RulesTab_andLabel__z3mge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground) 40%,transparent);padding:4px 0 2px}.RulesTab_conditionRow__xafNh{display:flex;flex-direction:column;gap:6px}.RulesTab_conditionRowActions__QVyuL{display:flex;justify-content:flex-end}.RulesTab_factWrap___pyse{position:relative}.RulesTab_suggestions__bL6xv{position:absolute;top:calc(100% + 3px);left:0;right:0;background:color-mix(in srgb,var(--background) 95%,var(--foreground) 5%);border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);border-radius:6px;z-index:100;max-height:220px;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.3)}.RulesTab_suggestion__t6B9g{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .1s}.RulesTab_suggestion__t6B9g:hover{background:color-mix(in srgb,var(--foreground) 8%,transparent)}.RulesTab_suggestionPath__7ZtRH{font-size:11px;font-family:monospace;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RulesTab_suggestionType__uFXBK{font-size:10px;color:color-mix(in srgb,var(--foreground) 40%,transparent);flex-shrink:0;font-family:monospace}.RulesTab_input__CAyos,.RulesTab_operatorSelect__s8Nrr,.RulesTab_valueInput__85Q_c{width:100%;padding:7px 10px;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);border-radius:5px;color:var(--foreground);font-size:12px;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.RulesTab_input__CAyos:focus,.RulesTab_operatorSelect__s8Nrr:focus,.RulesTab_valueInput__85Q_c:focus{outline:none;border-color:rgba(165,244,77,.5)}.RulesTab_operatorSelect__s8Nrr{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.45)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:28px}.RulesTab_removeBtn__MVW7H{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);border-radius:5px;background:transparent;color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:16px;cursor:pointer;transition:color .15s,border-color .15s;padding:0;margin-top:1px}.RulesTab_removeBtn__MVW7H:hover{color:rgb(239,68,68);border-color:rgba(239,68,68,.4)}.RulesTab_addBtn__9J8Bd{align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:500;border:1px dashed color-mix(in srgb,var(--foreground) 25%,transparent);border-radius:5px;background:transparent;color:color-mix(in srgb,var(--foreground) 60%,transparent);cursor:pointer;transition:color .15s,border-color .15s}.RulesTab_addBtn__9J8Bd:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--foreground) 45%,transparent)}.RulesTab_emptyNote__T80Uw{font-size:11px;color:color-mix(in srgb,var(--foreground) 45%,transparent);margin:0;font-style:italic}.RulesTab_fallbackNote__VrE6n{font-size:11px;color:color-mix(in srgb,var(--foreground) 50%,transparent);margin:0;line-height:1.5}.RulesTab_field__icOBE{display:flex;flex-direction:column;gap:5px}.RulesTab_label__kob7E{font-size:11px;font-weight:500;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.RulesTab_labelHint___p18Q{font-weight:400;font-size:10px;opacity:.7}.RulesTab_select__2Jenp{width:100%;background:color-mix(in srgb,var(--foreground) 5%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 18%,transparent);border-radius:5px;color:var(--foreground);font-size:12px;font-family:inherit;transition:border-color .15s;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.45)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding:7px 28px 7px 10px}.RulesTab_select__2Jenp:focus{outline:none;border-color:rgba(165,244,77,.5)}.MockInstancePicker_popoverWrapper__21xG0{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;z-index:200;overflow:visible}.MockInstancePicker_listPanel__SSSoZ{position:relative;width:220px;flex-shrink:0;background:var(--card-background);border:1px solid var(--border);border-radius:10px;overflow:visible;display:flex;flex-direction:column;box-shadow:0 -6px 24px color-mix(in srgb,var(--foreground) 12%,transparent)}.MockInstancePicker_searchRow__cbblL{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--border);flex-shrink:0;border-radius:10px 10px 0 0;overflow:hidden}.MockInstancePicker_searchIcon__rQKB1{position:absolute;left:11px;width:13px;height:13px;color:color-mix(in srgb,var(--foreground) 30%,transparent);pointer-events:none}.MockInstancePicker_searchInput__FX6Cx{width:100%;padding:10px 10px 10px 30px;background:transparent;border:none;outline:none;color:var(--foreground);font-size:12px;font-family:inherit}.MockInstancePicker_searchInput__FX6Cx::placeholder{color:color-mix(in srgb,var(--foreground) 28%,transparent)}.MockInstancePicker_list__PZphI{overflow-y:auto;max-height:260px;border-radius:0 0 10px 10px}.MockInstancePicker_emptyNote__1NkcK{padding:12px 14px;font-size:11px;color:color-mix(in srgb,var(--foreground) 35%,transparent);font-style:italic;margin:0;line-height:1.5}.MockInstancePicker_row__FIlMx{width:100%;display:flex;align-items:center;gap:9px;padding:9px 12px;background:transparent;border:none;border-bottom:1px solid color-mix(in srgb,var(--foreground) 5%,transparent);color:color-mix(in srgb,var(--foreground) 82%,transparent);font-size:12px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s}.MockInstancePicker_row__FIlMx:last-child{border-bottom:none}.MockInstancePicker_rowActive__05ezd{background:var(--muted)}.MockInstancePicker_rowAvatar__yU1JO{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);color:var(--primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.MockInstancePicker_rowName__FXU82{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.MockInstancePicker_rowChevron__FPkLw{font-size:15px;color:color-mix(in srgb,var(--foreground) 20%,transparent);line-height:1;transition:color .1s}.MockInstancePicker_rowActive__05ezd .MockInstancePicker_rowChevron__FPkLw{color:color-mix(in srgb,var(--primary) 70%,transparent)}.MockInstancePicker_previewPanel__haTMS{position:absolute;left:calc(100% + 8px);top:0;width:210px;background:var(--card-background);border:1px solid var(--border);border-radius:10px;box-shadow:0 -6px 24px color-mix(in srgb,var(--foreground) 12%,transparent);padding:14px;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transform:translateX(-6px);transition:opacity .15s ease,transform .15s ease}.MockInstancePicker_previewVisible__zsfnj{opacity:1;pointer-events:auto;transform:translateX(0)}.MockInstancePicker_previewHead__9zGFA{display:flex;align-items:center;gap:10px}.MockInstancePicker_previewAvatar__yIEUR{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.MockInstancePicker_previewHeadText__qhKy4{display:flex;flex-direction:column;gap:2px;overflow:hidden}.MockInstancePicker_previewName__GJcKl{font-size:13px;font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MockInstancePicker_previewHint__FWcmV{font-size:10px;color:color-mix(in srgb,var(--primary) 80%,transparent);font-weight:500}.MockInstancePicker_previewFields__PTYZZ{display:flex;flex-direction:column;gap:5px}.MockInstancePicker_previewField__a55q4{display:flex;align-items:baseline;gap:6px;font-size:11px;font-family:monospace}.MockInstancePicker_previewKey__mgv_4{color:color-mix(in srgb,var(--foreground) 40%,transparent);flex-shrink:0;min-width:60px}.MockInstancePicker_previewVal__C4AQw{color:color-mix(in srgb,var(--foreground) 85%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.WorkflowPreviewOverlay_overlay__BaOOP{position:fixed;inset:0;z-index:2100;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.WorkflowPreviewOverlay_topBar__tCsh5{position:absolute;top:0;left:0;right:0;height:52px;display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--card-background);border-bottom:1px solid var(--border)}.WorkflowPreviewOverlay_topBadge__D_ZT0{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 35%,transparent)}.WorkflowPreviewOverlay_topLabel__uTGIG{font-size:13px;font-weight:500;color:color-mix(in srgb,var(--foreground) 75%,transparent);flex:1 1}.WorkflowPreviewOverlay_topWorkflowName__PkW0Q{color:color-mix(in srgb,var(--foreground) 40%,transparent);font-weight:400}.WorkflowPreviewOverlay_closeBtn__nKYWk{background:transparent;border:none;color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;position:absolute;top:12px;right:16px}.WorkflowPreviewOverlay_closeBtn__nKYWk:hover{background:var(--muted);color:var(--foreground)}.WorkflowPreviewOverlay_unconfiguredNote__8Istt{display:flex;flex-direction:column;align-items:center;gap:8px;color:color-mix(in srgb,var(--foreground) 45%,transparent);font-size:14px}.WorkflowPreviewOverlay_unconfiguredIcon__diCsv{font-size:48px;opacity:.25}.WorkflowPreviewOverlay_unconfiguredSub__xyci6{font-size:11px;opacity:.6}.WorkflowPreviewOverlay_bottomBar__jiIEB{position:absolute;bottom:0;left:0;right:0;min-height:64px;display:flex;align-items:center;justify-content:center;padding:10px 0;background:var(--card-background);border-top:1px solid var(--border);z-index:20}.WorkflowPreviewOverlay_nextBtn__Bgi6P{padding:10px 32px;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);border-radius:22px;color:var(--primary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.WorkflowPreviewOverlay_nextBtn__Bgi6P:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary)}.WorkflowPreviewOverlay_nextBtn__Bgi6P:disabled{opacity:.35;cursor:not-allowed}.WorkflowPreviewOverlay_doneCard__GKO6V{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 48px;background:var(--card-background);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);border-radius:16px}.WorkflowPreviewOverlay_doneIcon__QJECg{font-size:48px;color:var(--primary);line-height:1}.WorkflowPreviewOverlay_doneTitle__wC_7Y{font-size:20px;font-weight:600;color:var(--foreground);margin:0}.WorkflowPreviewOverlay_doneSubtitle__NNZb6{font-size:13px;color:color-mix(in srgb,var(--foreground) 55%,transparent);margin:0}.WorkflowPreviewOverlay_doneBtn__t3o4S{margin-top:8px;padding:9px 28px;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);border-radius:6px;color:var(--primary);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.WorkflowPreviewOverlay_doneBtn__t3o4S:hover{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:var(--primary)}.WorkflowPreviewOverlay_errorCard__NF6CM{font-size:14px;color:color-mix(in srgb,var(--foreground) 50%,transparent)}.WorkflowPreviewOverlay_actionRunning__KWKXi{display:flex;align-items:center;gap:10px;color:var(--primary);font-size:13px;font-weight:500}.WorkflowPreviewOverlay_actionDots__iqDb6{display:flex;gap:5px;align-items:center}.WorkflowPreviewOverlay_actionDots__iqDb6 span{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:WorkflowPreviewOverlay_dotPulse__606IQ 1.1s ease-in-out infinite}.WorkflowPreviewOverlay_actionDots__iqDb6 span:nth-child(2){animation-delay:.18s}.WorkflowPreviewOverlay_actionDots__iqDb6 span:nth-child(3){animation-delay:.36s}@keyframes WorkflowPreviewOverlay_dotPulse__606IQ{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.WorkflowPreviewOverlay_actionError__PEf08{display:flex;flex-direction:column;align-items:center;gap:10px}.WorkflowPreviewOverlay_actionErrorMsg__cpMqP{font-size:12px;color:#f87171;text-align:center;max-width:300px;line-height:1.5}.WorkflowPreviewOverlay_retryBtn__TlN8n{padding:8px 26px;background:transparent;border:1px solid rgba(248,113,113,.4);border-radius:20px;color:#f87171;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.WorkflowPreviewOverlay_retryBtn__TlN8n:hover{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.65)}.WorkflowPreviewOverlay_scanInputWrapper__HmeIa{position:relative;width:100%;max-width:420px;padding:0 24px}.WorkflowPreviewOverlay_scanInputRow__nXWnQ{position:relative;display:flex;align-items:center}.WorkflowPreviewOverlay_scanInputIcon__l240B{position:absolute;left:11px;font-size:13px;opacity:.35;pointer-events:none}.WorkflowPreviewOverlay_scanInput__Qe_f8{width:100%;padding:9px 12px 9px 30px;background:color-mix(in srgb,var(--foreground) 7%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 15%,transparent);border-radius:22px;color:var(--foreground);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.WorkflowPreviewOverlay_scanInput__Qe_f8:focus{border-color:color-mix(in srgb,var(--foreground) 35%,transparent)}.WorkflowPreviewOverlay_scanInput__Qe_f8::placeholder{color:color-mix(in srgb,var(--foreground) 35%,transparent)}.WorkflowPreviewOverlay_scanDropdown__w7N6r{position:absolute;bottom:calc(100% + 8px);left:24px;right:24px;background:var(--card-background);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 -8px 24px color-mix(in srgb,var(--foreground) 12%,transparent);max-height:220px;overflow-y:auto;z-index:30}.WorkflowPreviewOverlay_scanDropdownRow__PTWrM{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--foreground);font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s}.WorkflowPreviewOverlay_scanDropdownRow__PTWrM:last-child{border-bottom:none}.WorkflowPreviewOverlay_scanDropdownRow__PTWrM:hover{background:var(--muted)}.WorkflowPreviewOverlay_scanDropdownCustomRow__6jPKT{background:color-mix(in srgb,var(--foreground) 4%,transparent)}.WorkflowPreviewOverlay_scanDropdownBadRow__4rUxz{color:#ff8080}.WorkflowPreviewOverlay_scanDropdownEmpty__cXbWy{margin:0;padding:12px 14px;font-size:12px;color:color-mix(in srgb,var(--foreground) 35%,transparent);font-style:italic}.WorkflowPreviewOverlay_scanBadge__RFIMB{font-size:10px;padding:1px 5px;background:color-mix(in srgb,var(--foreground) 10%,transparent);color:color-mix(in srgb,var(--foreground) 50%,transparent)}.WorkflowPreviewOverlay_scanBadBadge__JD7DC,.WorkflowPreviewOverlay_scanBadge__RFIMB{font-weight:700;letter-spacing:.04em;border-radius:3px;text-transform:uppercase;flex-shrink:0}.WorkflowPreviewOverlay_scanBadBadge__JD7DC{font-size:9px;padding:1px 4px;background:rgba(255,50,50,.18);color:#ff3232}.WorkflowPreviewOverlay_scanDropdownMeta__fsO2M{font-size:10px;color:color-mix(in srgb,var(--foreground) 30%,transparent);font-family:monospace;flex-shrink:0}.WorkflowPreviewOverlay_scanDropdownHint__nn6j7{font-size:10px;color:color-mix(in srgb,var(--foreground) 25%,transparent);flex-shrink:0}.WorkflowPreviewOverlay_scanErrorWrapper__YccWu{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 24px}.WorkflowPreviewOverlay_scanErrorMsg__IjOBl{margin:0;font-size:12px;color:rgba(255,50,50,.85);text-align:center}.WorkflowPreviewOverlay_scanRetryBtn__qFvZO{padding:9px 28px;background:rgba(255,50,50,.1);border:1px solid rgba(255,50,50,.35);border-radius:22px;color:#ff3232;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.WorkflowPreviewOverlay_scanRetryBtn__qFvZO:hover{background:rgba(255,50,50,.18);border-color:rgba(255,50,50,.6)}.page_page__HELgl{display:flex;flex-direction:column;height:100%;width:100%}.page_header__61JyU{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid color-mix(in srgb,var(--foreground) 12%,transparent);flex-shrink:0}.page_headerLeft__6l7pU,.page_headerRight__vNSxX{display:flex;align-items:center;gap:12px}.page_badge__A7zBG{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground);border:1px solid color-mix(in srgb,var(--foreground) 16%,transparent)}.page_workflowName__kMmSO{font-size:14px;font-weight:500;color:var(--foreground)}.page_previewButton__5vzNn{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;border-radius:5px;border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground);cursor:pointer;transition:background .15s}.page_previewButton__5vzNn:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 14%,transparent)}.page_previewButton__5vzNn:disabled{opacity:.4;cursor:not-allowed}.page_previewButtonValid__XR3nC{background:color-mix(in srgb,var(--positive) 10%,transparent);border-color:color-mix(in srgb,var(--positive) 50%,transparent);color:var(--positive)}.page_previewButtonValid__XR3nC:hover:not(:disabled){background:color-mix(in srgb,var(--positive) 18%,transparent);border-color:var(--positive)}.page_publishButton__ko_uR{display:flex;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;border-radius:5px;border:1px solid color-mix(in srgb,var(--foreground) 20%,transparent);background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--foreground);cursor:pointer;transition:background .15s,border-color .15s}.page_publishButton__ko_uR:hover:not(:disabled){background:color-mix(in srgb,var(--foreground) 14%,transparent)}.page_publishButton__ko_uR:disabled{opacity:.4;cursor:not-allowed}.page_publishButtonReady__docw8{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.page_publishButtonReady__docw8:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.page_versionBadge__SN8oe{font-size:12px;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--foreground) 6%,transparent);color:color-mix(in srgb,var(--foreground) 60%,transparent);border:1px solid color-mix(in srgb,var(--foreground) 12%,transparent)}.page_loading__iox_H{color:color-mix(in srgb,var(--foreground) 50%,transparent);font-size:14px}.page_emptyState__JHbyA,.page_loading__iox_H{flex:1 1;display:flex;align-items:center;justify-content:center}.page_emptyState__JHbyA{flex-direction:column;gap:12px;text-align:center;padding:40px}.page_emptyState__JHbyA h2{font-size:18px;font-weight:600;margin:0}.page_emptyState__JHbyA p{font-size:14px;color:color-mix(in srgb,var(--foreground) 60%,transparent);margin:0;max-width:380px}.page_createButton__Ho9a2{margin-top:8px;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:var(--foreground);color:var(--background);border:none}.page_createButton__Ho9a2:hover{opacity:.85}.page_canvasArea__4oli8{flex:1 1;display:flex;overflow:hidden}@media (max-width:768px){.page_page__HELgl{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}.page_canvasArea__4oli8{flex-direction:column}.page_header__61JyU{padding:6px 10px;gap:6px}.page_headerLeft__6l7pU{gap:6px;min-width:0;flex:1 1}.page_headerRight__vNSxX{gap:6px}.page_workflowName__kMmSO{display:none}.page_badge__A7zBG{padding:2px 6px;font-size:10px}.page_previewButton__5vzNn,.page_publishButton__ko_uR{padding:3px 9px;font-size:12px}.page_versionBadge__SN8oe{font-size:10px;padding:2px 5px}}