.node-wrapper{display:flex;flex-direction:column;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%;position:relative;gap:0}.node-content{display:flex;flex-direction:column;gap:0;background:var(--color-bg-node);border:var(--border-width-2) solid var(--color-border-subtle);border-radius:var(--node-border-radius);overflow:visible;flex:1 1 0;height:100%;width:100%;position:relative;cursor:default;box-shadow:var(--node-shadow)}.node-content:has(.node-body--fill){flex:1 1 0;min-height:0}.node-content>.node-header{width:100%;padding:var(--space-4) var(--space-4) 0 var(--space-4);border-bottom:none;flex-shrink:0}.node-wrapper.selected .node-content:after{content:"";position:absolute;top:calc(-1 * var(--space-0-5));left:calc(-1 * var(--space-0-5));right:calc(-1 * var(--space-0-5));bottom:calc(-1 * var(--space-0-5));border:var(--border-width-2) solid var(--color-border-selected, var(--color-accent-primary));border-radius:var(--node-border-radius);pointer-events:none;z-index:var(--z-header)}.node-wrapper.selected .node-content{border-color:transparent!important}.node-content>:not(.node-header):not(.node-preview):not(.router-node__body):not(.kanban-ent-body){padding-left:var(--space-4);padding-right:var(--space-4);border-bottom:none}.node-wrapper>.node-header+.node-preview{margin-top:0}.node-wrapper>.node-header+.node-body{margin-top:var(--space-4)}.node-wrapper>.node-header+*{margin-top:0}.node-wrapper>*+*:not(.node-header):not(:first-child):not(.flow-port){margin-top:var(--node-section-gap)}.node-wrapper:has(.node-preview:last-child),.node-wrapper:has(.node-preview:last-child) .node-content{padding-bottom:0!important;margin-bottom:0!important}.node-content>:last-child:not(.node-preview):not(.node-header):not(.router-node__body):not(.kanban-ent-body){padding-bottom:var(--space-4);border-bottom:none}.node-content>.node-preview{overflow:hidden}.node-content>.node-preview--custom>.preview-content{padding:var(--space-4)}.node-wrapper.group .node-content{background:color-mix(in srgb,var(--group-color, var(--color-text-tertiary)) 8%,transparent);border:var(--border-width-2) solid color-mix(in srgb,var(--group-color, var(--color-overlay-dark)) 30%,transparent);border-radius:var(--radius-xl);padding:var(--space-4);gap:0}.resize-zone{position:absolute;z-index:9999;pointer-events:auto!important;padding:0!important;margin:0;box-sizing:border-box}.resize-zone--bottom-left{bottom:0;left:0;width:var(--space-7);height:var(--space-7);cursor:nesw-resize!important;border-radius:0 0 0 var(--node-border-radius)}.resize-zone--bottom-right{bottom:0;right:0;width:var(--space-7);height:var(--space-7);cursor:nwse-resize!important;border-radius:0 0 var(--node-border-radius) 0}.media-viewer-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--color-overlay-heavy);display:flex;align-items:center;justify-content:center;animation:mediaViewerFadeIn var(--transition-fast)}@keyframes mediaViewerFadeIn{0%{opacity:0}to{opacity:1}}.media-viewer-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:linear-gradient(to bottom,var(--color-overlay-modal),transparent);z-index:10}.media-viewer-controls-left,.media-viewer-controls-right{display:flex;align-items:center;gap:var(--space-2)}.media-viewer-btn{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-on-overlay);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);backdrop-filter:blur(var(--blur-md))}.media-viewer-btn:hover{background:var(--color-overlay-dark);transform:scale(1.05)}.media-viewer-btn:active{transform:scale(.95)}.media-viewer-close:hover{background:var(--color-error-dim)}.media-viewer-zoom{color:var(--color-text-on-overlay);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:var(--space-12);text-align:center;opacity:.9}.media-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--space-13);height:var(--space-13);border-radius:var(--radius-full);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-on-overlay);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);z-index:10;backdrop-filter:blur(var(--blur-md))}.media-viewer-nav:hover{background:var(--color-overlay-dark);transform:translateY(-50%) scale(1.08)}.media-viewer-prev{left:var(--space-5)}.media-viewer-next{right:var(--space-5)}.media-viewer-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.media-viewer-image{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-viewer-video{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);outline:none}.media-viewer-audio{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-12);background:var(--color-overlay-light);border-radius:var(--radius-xl);border:var(--border-width-1) solid var(--color-overlay-medium)}.media-viewer-audio-icon{font-size:72px;opacity:var(--opacity-medium)}.media-viewer-audio audio{width:var(--space-80)}.media-viewer-counter{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);color:var(--color-text-on-overlay);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-overlay-modal);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);backdrop-filter:blur(var(--blur-md))}.media-viewer-context-menu{position:fixed;background:var(--glass-bg);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-md);padding:var(--space-1);min-width:var(--space-35);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);backdrop-filter:blur(var(--blur-lg));animation:contextMenuIn var(--transition-fast)}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-viewer-context-menu button{display:flex;align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2-5) var(--space-3);background:transparent;border:none;color:var(--color-text-on-overlay);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.media-viewer-context-menu button:hover{background:var(--color-overlay-medium)}.toast-container{position:fixed;top:calc(var(--layout-topbar-height) + var(--space-4));right:var(--space-4);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3-5);min-width:var(--space-50);max-width:var(--space-80);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);pointer-events:auto;animation:toast-slide-in var(--transition-normal) ease-out;transition:opacity .3s ease,transform .3s ease;position:relative;overflow:hidden}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-exit{opacity:0;transform:translate(100%);pointer-events:none}.toast-success{border-left:var(--border-width-3) solid var(--color-success-500)}.toast-error{border-left:var(--border-width-3) solid var(--color-error-500)}.toast-info{border-left:var(--border-width-3) solid var(--color-accent-primary)}.toast-loading{border-left:var(--border-width-3) solid var(--color-accent-purple)}.toast-icon{flex-shrink:0;margin-top:var(--space-0-5)}.toast-icon.success{color:var(--color-success-500)}.toast-icon.error{color:var(--color-error-500)}.toast-icon.info{color:var(--color-accent-primary)}.toast-icon.loading{color:var(--color-accent-purple);animation:spin var(--duration-spin) linear infinite}.toast-content{flex:1;display:flex;flex-direction:column;gap:var(--space-0-5)}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.toast-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.toast-close{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--transition-fast),color var(--transition-fast);position:relative;z-index:10;pointer-events:auto!important}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--color-error-500);opacity:.6;animation:toast-countdown linear forwards;transform-origin:left;border-radius:0 0 var(--radius-md) var(--radius-md)}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.node-header{display:flex;align-items:center;justify-content:space-between;height:var(--node-header-height, 40px);padding:0 var(--space-4);border-bottom:none;border-radius:var(--node-border-radius-inner, 10px) var(--node-border-radius-inner, 10px) 0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;cursor:grab;background:var(--color-bg-node)}.node-header:active{cursor:grabbing}.node-header-left{display:flex;align-items:center;flex-shrink:0}.node-header-center{flex:1;display:flex;align-items:center;margin:0 var(--space-3);min-width:0;max-width:calc(100% - 180px);overflow:hidden}.node-header-center .arrow-select{font-size:var(--font-size-small);width:100%;height:100%}.node-header-center .arrow-select__control{background:var(--color-bg-header);border:var(--border-width-1) solid var(--color-border-subtle)}.node-header-center .arrow-select__control:hover{border-color:var(--color-border-hover)}.node-icon{color:var(--color-text-secondary);flex-shrink:0}.node-title{font-family:var(--font-family, sans-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-execution-timer{font-family:var(--font-family-mono, "SF Mono", "Consolas", monospace);font-size:var(--font-size-small);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary);flex-shrink:0;min-width:28px;text-align:right}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:var(--opacity-medium)}}.node-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;white-space:nowrap}.node-play-container{position:relative;display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.node-cost-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);background:var(--color-overlay-heavy);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:var(--space-1-5) var(--space-2-5);display:flex;flex-direction:column;gap:var(--space-0-5);pointer-events:none;z-index:var(--z-modal);box-shadow:0 4px 12px var(--color-overlay-dark);min-width:var(--space-25);white-space:nowrap}.node-cost-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:calc(-1 * var(--space-1));border-width:var(--space-1);border-style:solid;border-color:var(--color-overlay-heavy) transparent transparent transparent}.node-cost-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-orange);font-feature-settings:"tnum"}.node-cost-value.highlight{color:var(--color-status-success)}.node-cost-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.collapse-btn{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-normal) ease,color var(--transition-normal),transform var(--transition-normal);border-radius:var(--radius-xs)}.collapse-btn:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.collapse-btn.collapsed{transform:rotate(-90deg)}.spin{animation:spin var(--duration-spin) linear infinite}.node-cost-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-xs);line-height:var(--line-height-normal);white-space:nowrap}.node-settings-container{position:relative;display:flex;align-items:center}.node-settings-btn{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background:var(--color-overlay-medium);border:none;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity var(--duration-node-hover-out, .1s) var(--ease-node-hover, ease-out),background-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.node-wrapper:hover .node-settings-btn,.flow-node:hover .node-settings-btn,.node-wrapper.selected .node-settings-btn,.node-settings-btn.active,.node-settings-btn:hover{opacity:1;transition:opacity var(--duration-node-hover-in, .1s) var(--ease-node-hover, ease-out),background-color var(--transition-fast),transform var(--transition-fast),color var(--transition-fast)}.node-settings-btn:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.node-settings-btn svg{flex-shrink:0}.node-ports{display:flex;flex-direction:column;gap:var(--node-row-gap);width:100%}.node-ports__row{display:flex;align-items:center;justify-content:space-between;height:var(--node-port-size);min-height:var(--node-port-size);max-height:var(--node-port-size);box-sizing:border-box;position:relative;flex-shrink:0;overflow:visible}.node-ports__side{display:flex;align-items:center;gap:var(--space-2);flex:1;height:100%;max-height:var(--node-port-size);position:relative;box-sizing:border-box}.node-ports__side--output{justify-content:flex-end}.node-ports__label{display:none}.node-body{display:flex;flex-direction:column;padding:var(--space-4) 0 0 0;gap:var(--node-row-gap);flex:0 0 auto}.node-body--fill{flex:1 1 0;min-height:var(--space-25);padding-top:var(--space-4);display:flex;flex-direction:column}.node-body--fill>textarea,.node-body--fill>.auto-resize-textarea{flex:1 1 0!important;min-height:var(--space-15)!important;height:auto!important;overflow-y:auto!important}.node-body.compact{padding:0;gap:var(--node-body-gap-compact)}.node-body:has(.node-preview:last-child){padding-bottom:0}.node-sections{display:flex;flex-direction:column;padding:0;gap:var(--node-body-gap);flex:1;min-height:0}.media-preview{width:100%;height:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--control-btn-radius);background:transparent}.media-preview--transparent{background-image:linear-gradient(45deg,var(--color-glass-highlight) 25%,transparent 25%),linear-gradient(-45deg,var(--color-glass-highlight) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-glass-highlight) 75%),linear-gradient(-45deg,transparent 75%,var(--color-glass-highlight) 75%);background-size:var(--space-5) var(--space-5);background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:var(--node-preview-bg)}.media-preview__image{width:100%;height:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain;border-radius:var(--control-btn-radius)}.media-preview__video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;border-radius:0;background:var(--color-bg-app);min-height:60px}.media-preview__grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3),1fr);grid-auto-rows:auto;gap:var(--space-1);width:100%;height:100%}.media-preview__grid-item{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.media-preview__grid-item:hover{transform:scale(1.02);z-index:1}.media-preview__grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.media-preview__grid-item video,.media-preview__grid-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background:var(--color-bg-app);pointer-events:none}.media-preview__top-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1-5);opacity:0;transition:opacity var(--duration-node-hover-out, .1s) var(--ease-node-hover, ease-out);z-index:10}.media-preview:hover .media-preview__top-actions{opacity:1;transition:opacity var(--duration-node-hover-in, .1s) var(--ease-node-hover, ease-out)}.media-preview__size-badge{background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text-on-overlay);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:0 var(--space-2);height:var(--btn-height-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.02em}.media-preview__download-btn{background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text-on-overlay);width:var(--btn-height-sm);height:var(--btn-height-sm);border-radius:var(--radius-small);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal),transform .2s}.media-preview__download-btn:hover{background:var(--color-overlay-heavy);transform:scale(1.1)}.media-preview__download-btn:active{transform:scale(.95)}.media-preview__placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);border-radius:var(--control-btn-radius);border:var(--border-width-1) dashed var(--color-border-subtle);background:var(--color-bg-placeholder);box-sizing:border-box}.media-preview__placeholder:hover{background:var(--color-bg-placeholder-hover)}.media-preview__icon{font-size:var(--space-8);opacity:var(--opacity-medium)}.media-preview__text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.media-preview__subtext{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.media-preview__nav{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:var(--space-0-5);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-0-5);opacity:0;transition:opacity var(--duration-node-hover-out, .1s) var(--ease-node-hover, ease-out);z-index:10}.media-preview:hover .media-preview__nav{opacity:1;transition:opacity var(--duration-node-hover-in, .1s) var(--ease-node-hover, ease-out)}.media-preview__nav-btn{background:transparent;border:none;color:var(--color-text-on-overlay);width:var(--space-5-5);height:var(--space-5-5);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-xs);transition:background-color .15s}.media-preview__nav-btn:hover:not(:disabled){background:var(--color-glass-highlight)}.media-preview__nav-btn:disabled{opacity:.3;cursor:not-allowed}.media-preview__nav-btn--grid.active{background:var(--color-overlay-medium)}.media-preview__nav-counter{font-size:var(--font-size-xs);color:var(--color-text-on-overlay);padding:0 var(--space-1-5);font-weight:var(--font-weight-medium);min-width:var(--space-8);text-align:center}.media-preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-overlay-medium);border-radius:var(--radius-md);z-index:15}.media-preview-spinner{width:var(--space-8);height:var(--space-8);border:var(--border-width-3) solid var(--color-overlay-medium);border-top-color:var(--color-accent-primary, #4F7FFF);border-radius:var(--radius-full);animation:media-preview-spin var(--duration-spin) linear infinite}@keyframes media-preview-spin{to{transform:rotate(360deg)}}.media-preview-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--color-overlay-dark);border-radius:var(--radius-md);z-index:15;color:var(--color-text-inverse);font-size:var(--font-size-base)}.media-preview-error .retry-btn{padding:var(--space-1-5) var(--space-4);background:var(--color-accent-primary, #4F7FFF);border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal),transform .2s}.media-preview-error .retry-btn:hover{background:#3d6de0;transform:scale(1.05)}.media-preview-error .retry-btn:active{transform:scale(.98)}.node-preview{display:flex;flex-direction:column;flex:1 1 0;min-height:0;border-radius:0 0 var(--node-border-radius) var(--node-border-radius, 12px);overflow:hidden;padding:var(--node-preview-padding);box-sizing:border-box;background-color:var(--color-bg-node)}.node-preview--custom{flex:0 0 auto;min-height:-moz-min-content;min-height:min-content}.node-preview--custom.node-preview--fill,.node-preview.node-preview--fill{flex:1 1 0;min-height:0;overflow:auto;display:flex;flex-direction:column}.node-settings-panel{position:absolute;left:calc(-1 * var(--border-width-2));right:calc(-1 * var(--border-width-2));bottom:100%;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-bg-node);backdrop-filter:none;border:var(--border-width-2) solid var(--color-border-subtle);border-radius:var(--node-border-radius, var(--radius-lg));box-shadow:none;display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);align-items:center;box-sizing:border-box;z-index:calc(var(--z-modal) * 10);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-node-hover-out, .25s) var(--ease-node-hover, ease-out),visibility 0ms linear var(--duration-node-hover-out, .25s)}.flow-node:hover .node-settings-panel,.node-wrapper:hover .node-settings-panel,.node-wrapper.resizing .node-settings-panel,.node-wrapper.selected .node-settings-panel,.node-settings-panel.force-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration-node-hover-in, .1s) var(--ease-node-hover, ease-out),visibility 0ms linear 0ms}.node-wrapper.selected .node-settings-panel:before{content:"";position:absolute;top:calc(-1 * var(--space-0-5));left:calc(-1 * var(--space-0-5));right:calc(-1 * var(--space-0-5));bottom:calc(-1 * var(--space-0-5));border:var(--border-width-2) solid var(--color-border-selected, var(--color-accent-primary));border-radius:var(--node-border-radius, var(--radius-lg));pointer-events:none;z-index:var(--z-header)}.node-wrapper.selected .node-settings-panel{border-color:transparent!important}.node-settings-panel .settings-row{display:contents}.node-settings-panel .settings-row label{font-family:var(--font-family, inherit);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide, .025em);max-width:120px;overflow-wrap:break-word;word-break:break-word;flex-shrink:0;line-height:1.3}.node-settings-panel .settings-row select{background:var(--color-bg-input, var(--color-overlay-medium));border:var(--border-width-1, 1px) solid var(--color-border-subtle, var(--color-overlay-medium));border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family, inherit);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);width:100%;cursor:pointer;transition:all var(--duration-fast, .15s) var(--ease-out, ease-out)}.node-settings-panel .settings-row select:hover{background:var(--color-bg-hover, var(--color-overlay-medium));border-color:var(--color-border-default, var(--color-overlay-medium))}.node-settings-panel .settings-row select:focus{outline:none;border-color:var(--color-border-focus, var(--color-accent-primary))}.node-settings-panel .settings-row--slider{display:grid;grid-column:1 / -1;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3)}.node-settings-panel:after{content:"";position:absolute;top:100%;left:calc(-1 * var(--border-width-2));right:calc(-1 * var(--border-width-2));height:var(--space-5);background:transparent;z-index:-1;pointer-events:auto}@media(max-width:768px){.node-settings-panel{grid-template-columns:1fr;gap:var(--space-1-5) 0}.node-settings-panel .settings-row label{max-width:none}}.node-controls{display:flex;flex-direction:column;gap:var(--node-controls-row-gap);width:100%}.node-controls-row{display:flex;gap:var(--node-controls-gap);width:100%}.node-control{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.node-control--fixed{flex:0 0 auto;min-width:var(--space-25)}.node-control-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:1}.node-select{width:100%;height:var(--input-height-md, 32px);padding:var(--space-1) var(--space-5, 20px) var(--space-1, 4px) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.node-select option{background:#1e1e1e;color:#e0e0e0}.node-select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.node-select:focus{outline:none;border-color:var(--color-accent-primary)}.node-select:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.arrow-select{display:flex;align-items:center;gap:var(--space-4);width:100%;height:var(--node-row-height)}.arrow-select--disabled{opacity:var(--opacity-medium);pointer-events:none}.arrow-select__label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-uppercase);white-space:nowrap;flex-shrink:0}.arrow-select__control{display:flex;align-items:center;flex:1;min-width:0;height:var(--node-row-height);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}.arrow-select__arrow{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:100%;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);flex-shrink:0;padding:0}.arrow-select__arrow:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-overlay-medium)}.arrow-select__arrow:active:not(:disabled){background:var(--color-overlay-dark)}.arrow-select__arrow:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.arrow-select__value{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;padding:0 var(--space-1);cursor:pointer;position:relative;height:100%}.arrow-select__value:hover{background:var(--color-overlay-light)}.arrow-select__value-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.arrow-select__native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;color-scheme:dark}.arrow-select__native option{background:#1e1e1e;color:#e0e0e0}.arrow-select--sm .arrow-select__control{height:var(--space-6)}.arrow-select--sm .arrow-select__arrow{width:var(--space-5)}.arrow-select--sm .arrow-select__value-text{font-size:var(--font-size-2xs)}.arrow-select:not(.arrow-select--disabled) .arrow-select__control:hover{border-color:var(--color-border-hover)}.api-keys-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.api-section-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.api-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);border-bottom:1px solid var(--color-border)}.api-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--color-text-primary)}.api-section-title svg{color:var(--color-text-tertiary)}.api-section-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.api-section-badge.active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.api-section-badge.inactive{background:#9ca3af1a;color:var(--color-text-tertiary);border:1px solid var(--color-border)}.api-section-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.api-section-content{padding:var(--spacing-lg)}.uds-key-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface-tertiary);border-radius:var(--radius-md);gap:var(--spacing-md)}.uds-key-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.uds-key-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--color-text-primary)}.uds-key-name svg{color:var(--color-text-tertiary)}.uds-key-prefix{font-family:monospace;font-size:11px;color:var(--color-text-tertiary);background:var(--color-surface-secondary);padding:3px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.uds-key-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:11px;color:var(--color-text-tertiary)}.uds-key-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.uds-add-key-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:13px;cursor:pointer;transition:all .15s ease}.uds-add-key-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#8b5cf60d}.byok-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:600px){.byok-grid{grid-template-columns:1fr}}.byok-key-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:border-color .15s ease}.byok-key-card.fal{background:linear-gradient(135deg,#8b5cf60f,#3b82f60a)}.byok-key-card.openrouter{background:linear-gradient(135deg,#ea580c0f,#f973160a)}.byok-key-card.has-key{border-color:#10b9814d}.byok-key-header{display:flex;align-items:center;justify-content:space-between}.byok-key-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;font-weight:600;color:var(--color-text-primary)}.byok-key-label.fal svg{color:#8b5cf6}.byok-key-label.openrouter svg{color:#f97316}.byok-status-dot{width:8px;height:8px;border-radius:50%}.byok-status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98180}.byok-status-dot.inactive{background:var(--color-text-tertiary);opacity:.3}.byok-input-row{display:flex;align-items:center;gap:var(--spacing-xs)}.byok-input{flex:1;padding:8px 10px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;min-width:0}.byok-input:focus{outline:none;border-color:var(--color-accent)}.byok-input::-moz-placeholder{color:var(--color-text-tertiary)}.byok-input::placeholder{color:var(--color-text-tertiary)}.byok-btn{padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.byok-btn.save{background:var(--color-accent);color:#fff}.byok-btn.save:hover:not(:disabled){filter:brightness(1.1)}.byok-btn.save:disabled{opacity:.5;cursor:not-allowed}.byok-btn.remove{background:transparent;border:1px solid var(--color-border);color:var(--color-text-tertiary);padding:8px}.byok-btn.remove:hover{border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.byok-hint{font-size:10px;color:var(--color-text-tertiary)}.byok-hint a{color:var(--color-accent);text-decoration:none}.byok-hint a:hover{text-decoration:underline}.byok-master-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.byok-master-toggle.active{background:#10b9811f;border-color:#10b98159}.byok-master-toggle.disabled{background:#9ca3af0d;border-color:var(--color-border);opacity:.7}.byok-toggle-info{display:flex;flex-direction:column;gap:2px}.byok-toggle-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.byok-toggle-title.active{color:#10b981}.byok-toggle-desc{font-size:11px;color:var(--color-text-tertiary)}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-slider{position:absolute;inset:0;background:var(--color-surface-tertiary);border-radius:24px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.loading .toggle-slider{opacity:.6}.api-error-alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:12px}.api-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-tertiary);text-align:center}.api-empty-state svg{opacity:.5}.api-empty-state span{font-size:13px}.api-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-tertiary);font-size:13px}.icon-btn{padding:6px;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.icon-btn:hover{color:var(--color-text-secondary);background:var(--color-surface-tertiary)}.icon-btn.danger:hover{color:var(--color-error);background:#ef44441a}.new-key-modal{padding:var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.new-key-modal-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-weight:600;font-size:13px}.new-key-warning{font-size:11px;color:var(--color-warning);background:#eab3081a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs)}.new-key-value{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-surface-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:monospace;font-size:11px}.new-key-value code{flex:1;word-break:break-all}.new-key-close-btn{align-self:flex-end;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;cursor:pointer}.create-key-form{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.create-key-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px}.create-key-form input:focus{outline:none;border-color:var(--color-accent)}.flow-settings-overlay{position:fixed;inset:0;background:var(--color-overlay-heavy);backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.flow-settings-modal{width:70vw;max-width:var(--layout-max-width);height:80vh;max-height:900px;display:flex;flex-direction:column;background:var(--color-bg-app);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 25px 100px var(--color-overlay-modal);overflow:hidden}.flow-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-panel-adjacent)}.flow-settings-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.flow-settings-close{width:var(--space-9);height:var(--space-9);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.flow-settings-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.flow-settings-body{flex:1;min-height:0;display:flex}.flow-settings-sidebar{width:220px;flex:0 0 auto;border-right:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-panel-adjacent);padding:var(--space-3)}.flow-settings-nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-align:left}.flow-settings-nav-item svg{flex-shrink:0;transition:color .2s ease}.flow-settings-nav-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.flow-settings-nav-item:hover svg{color:var(--color-accent-primary)}.flow-settings-nav-item.active{background:linear-gradient(135deg,#4facfe1f,#4facfe0f);border-color:#4facfe40;color:var(--color-text-primary)}.flow-settings-nav-item.active svg{color:var(--color-accent-primary)}.flow-settings-content{flex:1;min-width:0;overflow:auto;padding:var(--space-5)}.flow-settings-content{scrollbar-color:var(--color-overlay-medium) var(--color-overlay-light);scrollbar-width:thin}.flow-settings-content::-webkit-scrollbar{width:var(--space-2)}.flow-settings-content::-webkit-scrollbar-track{background:var(--color-overlay-light);border-radius:var(--radius-full)}.flow-settings-content::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-full)}.flow-settings-content::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark)}.flow-settings-section-header{margin-bottom:var(--space-4)}.flow-settings-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.flow-settings-section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.flow-settings-shortcuts{display:flex;flex-direction:column;gap:var(--space-5)}.flow-settings-shortcut-group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.flow-settings-shortcut-table{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.flow-settings-shortcut-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:center;background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.flow-settings-shortcut-row:last-child{border-bottom:none}.flow-settings-shortcut-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.flow-settings-shortcut-keys{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap;justify-content:flex-end}.flow-settings-kbd{padding:var(--space-1) 8px;border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.flow-settings-ru-key{font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:inline-flex;align-items:center;gap:var(--space-1-5)}.flow-settings-general{display:flex;flex-direction:column;gap:var(--space-2)}.flow-settings-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-panel-adjacent);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:all .2s ease;min-height:0}.flow-settings-option:hover{border-color:var(--color-border);background:#1e1e1ee6}.flow-settings-option-info{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);max-width:70%}.flow-settings-option-label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.flow-settings-option-desc{font-size:12px;color:var(--color-text-tertiary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-settings-select-container{min-width:var(--space-35);display:flex;justify-content:flex-end}.flow-settings-select-container .arrow-select{width:100%}.flow-settings-toggle{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.flow-settings-toggle input{opacity:0;width:0;height:0}.flow-settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border-subtle)}.flow-settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--color-text-tertiary);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.flow-settings-toggle:hover .flow-settings-toggle-slider{border-color:var(--color-border)}.flow-settings-toggle input:checked+.flow-settings-toggle-slider{background:linear-gradient(135deg,var(--color-accent-primary),#60b5ff);border-color:transparent;box-shadow:0 0 12px #4facfe4d}.flow-settings-toggle input:checked+.flow-settings-toggle-slider:before{transform:translate(22px);background-color:#fff;box-shadow:0 2px 6px #00000040}@media(max-width:768px){.flow-settings-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.flow-settings-sidebar{width:var(--space-45)}.flow-settings-content{padding:var(--space-4)}.flow-settings-option{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.flow-settings-option-info{max-width:100%}.flow-settings-select-container{width:100%;min-width:auto}}@media(max-width:480px){.flow-settings-header{padding:var(--space-3) var(--space-4)}.flow-settings-sidebar{display:none}.flow-settings-content{padding:var(--space-3)}.flow-settings-shortcut-row{grid-template-columns:1fr;gap:var(--space-1-5)}.flow-settings-shortcut-keys{justify-content:flex-start}}.flow-settings-mobile-tabs{display:none}@media(max-width:480px){.flow-settings-mobile-tabs{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-panel-adjacent);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0}.flow-settings-mobile-tabs::-webkit-scrollbar{display:none}.flow-settings-mobile-tab{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:36px;transition:all .2s ease}.flow-settings-mobile-tab.active{background:linear-gradient(135deg,#4facfe26,#4facfe14);border-color:#4facfe4d;color:var(--color-text-primary)}.flow-settings-mobile-tab.active svg{color:var(--color-accent-primary)}}.settings-row--slider{.settings-slider{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;width:100%}.settings-slider input[type=range]{flex:1;min-width:0;width:100%;height:var(--space-1);background:var(--color-border);border-radius:var(--space-0-5);-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--space-3-5);height:var(--space-3-5);background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.settings-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-slider__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);min-width:var(--space-5);text-align:right}}.settings-text-input{flex:1;background:var(--color-bg-secondary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-1) 8px;font-size:var(--font-size-sm);color:var(--color-text)}.settings-text-input:focus{outline:none;border-color:var(--color-primary)}.generate-image__controls{display:flex;flex-direction:column;gap:var(--space-2)}.generate-image__row{display:flex;flex-direction:row;gap:var(--space-dropdown-gap);width:100%}.generate-image__control{display:flex;flex-direction:column;gap:var(--space-1)}.generate-image__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.generate-image__select{width:100%;height:var(--input-height-md, 32px);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.generate-image__select option{background:#1e1e1e;color:#e0e0e0}.generate-image__select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.generate-image__select:focus{outline:none;border-color:var(--color-accent-primary)}.generate-image__setting{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--space-7);position:relative}.generate-image__setting .generate-image__label{flex-shrink:0;min-width:var(--space-15)}.generate-image__setting .generate-image__select{flex:1;max-width:var(--space-45);height:var(--space-6)}.generate-image__settings{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.generate-image__setting--with-ghost{position:relative}.generate-image__ghost-port{position:absolute;left:calc(-16px + var(--node-port-offset-x, -6px));top:50%;transform:translateY(-50%);width:var(--node-port-size);height:var(--node-port-size);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-port-number);background:var(--color-bg-elevated);opacity:0;cursor:crosshair;transition:opacity var(--transition-fast),background-color var(--transition-fast),transform .1s ease;z-index:10}.generate-image__setting--with-ghost:hover .generate-image__ghost-port{opacity:1}.generate-image__ghost-port:hover{background:var(--color-port-number);transform:translateY(-50%) scale(1.15)}.generate-image__ghost-port.connected{opacity:1!important;background:var(--color-port-number)}.generate-image__settings-toggle{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) 0;cursor:pointer;border-radius:var(--radius-xs);transition:opacity var(--transition-fast);opacity:var(--opacity-high)}.generate-image__settings-toggle:hover{opacity:1}.generate-image__toggle-icon{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);width:var(--space-4);text-align:center}.generate-image__toggle-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.generate-image__preview-container{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:stretch;justify-content:stretch;flex:1 1 auto;overflow:hidden;position:relative}.flow-node.image-preview{min-width:var(--node-default-width)}.flow-node.image-preview .media-preview{min-height:var(--node-min-height);background:var(--color-overlay-dark);border-radius:var(--radius-md);overflow:hidden}.flow-node.image-preview .media-preview__grid{display:grid;gap:var(--space-1);width:100%;height:100%}.flow-node.image-preview .media-preview__grid-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-overlay-dark)}.flow-node.image-preview .media-preview__grid-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-normal)}.flow-node.image-preview .media-preview__grid-item:hover img{transform:scale(1.05)}.fullscreen-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) * 10);background:var(--color-overlay-heavy);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-normal)}.fullscreen-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.fullscreen-image{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-2xl) var(--color-overlay-modal)}.fullscreen-close{position:absolute;top:var(--space-5);right:var(--space-5);width:var(--space-11);height:var(--space-11);border-radius:var(--radius-full);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-on-overlay);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease,transform var(--transition-normal);z-index:calc(var(--z-modal) + 1)}.fullscreen-close:hover{background:var(--color-overlay-medium);transform:scale(1.1)}.fullscreen-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-on-overlay);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease}.fullscreen-nav:hover{background:var(--color-overlay-medium)}.fullscreen-nav.prev{left:var(--space-5)}.fullscreen-nav.next{right:var(--space-5)}.fullscreen-counter{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);color:var(--color-text-on-overlay);font-size:var(--font-size-base);background:var(--color-overlay-modal);padding:var(--space-2) 16px;border-radius:var(--radius-xl)}.fullscreen-download{position:absolute;top:var(--space-5);right:var(--space-20);width:var(--space-11);height:var(--space-11);border-radius:var(--radius-full);background:var(--color-overlay-medium);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-on-overlay);font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease;z-index:calc(var(--z-modal) + 1)}.fullscreen-download:hover{background:var(--color-overlay-medium)}.slider-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.slider-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);font-family:var(--font-mono, "SF Mono", monospace)}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--space-1-5);background:linear-gradient(to right,var(--color-accent-primary) 0%,var(--color-accent-primary) var(--slider-progress, 50%),var(--color-bg-tertiary) var(--slider-progress, 50%),var(--color-bg-tertiary) 100%);border-radius:var(--radius-2xs);cursor:pointer;transition:background .1s}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--space-3-5);height:var(--space-3-5);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-text-tertiary) 100%);border:var(--border-width-2) solid var(--color-accent-primary);border-radius:var(--radius-full);cursor:grab;box-shadow:0 2px 4px var(--color-overlay-dark);-webkit-transition:transform var(--transition-fast),box-shadow .15s;transition:transform var(--transition-fast),box-shadow .15s}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px var(--color-overlay-modal)}.slider-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.slider-input::-moz-range-thumb{width:var(--space-3-5);height:var(--space-3-5);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-text-tertiary) 100%);border:var(--border-width-2) solid var(--color-accent-primary);border-radius:var(--radius-full);cursor:grab;box-shadow:0 2px 4px var(--color-overlay-dark)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1-5) 0}.toggle-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.toggle-switch{position:relative;display:inline-block;width:var(--space-9);height:var(--space-5)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xl);transition:.2s}.toggle-slider:before{position:absolute;content:"";height:var(--space-3-5);width:var(--space-3-5);left:var(--space-0-5);bottom:var(--space-0-5);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-text-tertiary) 100%);border-radius:var(--radius-full);transition:.2s;box-shadow:0 1px 3px var(--color-overlay-dark)}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(var(--space-4))}.aura-info{justify-content:center}.aura-badge{display:inline-block;padding:var(--space-0-75) var(--space-2);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-purple);background:var(--color-accent-purple-subtle);border:var(--border-width-1) solid var(--color-accent-purple-light);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.image-upscale__row{display:flex;gap:var(--space-3)}.image-upscale__control{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.image-upscale__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.image-upscale__select{width:100%;height:var(--input-height-md);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--space-1);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-1-5) center}.image-upscale__select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.image-upscale__select:focus{outline:none;border-color:var(--color-accent-primary)}.slice-image__controls{display:flex;flex-direction:row;gap:var(--space-3);padding:0}.slice-image__control{flex:1;display:flex;flex-direction:column;gap:var(--space-1-5)}.slice-image__label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.slice-image__select{width:100%;height:var(--input-height-md, 32px);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:0 var(--space-2);outline:none;cursor:pointer;transition:background-color var(--transition-normal) ease,transform var(--transition-normal)}.slice-image__select:hover{border-color:var(--color-border-highlight);background:var(--color-bg-hover)}.slice-image__select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-light)}.image-batch__control{display:flex;flex-direction:column;gap:var(--space-2)}.image-batch__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.image-batch__slider{width:100%;cursor:pointer;accent-color:var(--color-accent-primary)}.image-batch__value{align-self:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.image-batch__info{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pe-container{display:flex;flex-direction:column;height:100%;min-height:400px;background:var(--color-bg-node, #323232);border-radius:0 0 8px 8px;overflow:hidden;font-size:12px;gap:0;outline:none}.pe-container.pe-fullscreen{position:fixed;inset:0;z-index:var(--z-max);border-radius:0;background:#1a1a1a;min-height:100vh}.pe-top-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#252525;border-bottom:1px solid rgba(255,255,255,.06)}.pe-prompt-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;color:#ddd;font-size:11px;transition:all .2s ease;min-width:0}.pe-prompt-input:focus{border-color:#00bfff66;background:#0006;outline:none}.pe-prompt-input::-moz-placeholder{color:#4a4f58}.pe-prompt-input::placeholder{color:#4a4f58}.pe-clear-mask-btn{display:flex;align-items:center;gap:4px;padding:5px 8px;background:linear-gradient(180deg,#2a2e35,#22262c);border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#888;font-size:10px;cursor:pointer;white-space:nowrap;transition:all .15s}.pe-clear-mask-btn:hover{color:#fff;border-color:#ffffff26}.pe-redraw-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;background:linear-gradient(180deg,#0c6,#00994d);border:1px solid #00cc66;border-radius:5px;color:#fff;font-weight:600;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .2s}.pe-redraw-btn:hover:not(:disabled){box-shadow:0 0 14px #00cc6680}.pe-redraw-btn:disabled{opacity:.4;cursor:not-allowed}.pe-redraw-btn.loading{opacity:.7;pointer-events:none}.pe-main-area{display:flex;flex:1;min-height:0;overflow:hidden}.pe-toolbar{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#2a2a2a;border-right:1px solid rgba(255,255,255,.06);width:40px;flex-shrink:0}.pe-toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:#777;cursor:pointer;transition:all .15s;padding:0}.pe-toolbar button:hover{background:#ffffff0f;color:#ccc}.pe-toolbar button.active{background:#00bfff26;border-color:#00bfff66;color:#00bfff}.pe-toolbar button:disabled{opacity:.3;cursor:not-allowed}.pe-toolbar-divider{width:24px;height:1px;background:#ffffff14;margin:4px 0}.pe-toolbar-color{width:26px;height:26px;border-radius:5px;overflow:hidden;border:2px solid rgba(255,255,255,.15);position:relative;cursor:pointer}.pe-toolbar-color input[type=color]{position:absolute;inset:-6px;width:40px;height:40px;border:none;cursor:pointer;padding:0}.pe-toolbar-spacer{flex:1}.pe-canvas-panel{flex:1;display:flex;flex-direction:column;background:#111;position:relative;overflow:hidden;min-width:0}.pe-canvas-frame{flex:1;display:flex;align-items:center;justify-content:center;position:relative;cursor:crosshair;overflow:hidden}.pe-canvas-frame.tool-move{cursor:grab}.pe-canvas-frame.tool-move:active{cursor:grabbing}.pe-canvas-frame.tool-eyedropper{cursor:crosshair}.pe-canvas-frame.tool-fill{cursor:cell}.pe-canvas-frame.tool-brush,.pe-canvas-frame.tool-eraser,.pe-canvas-frame.tool-mask{cursor:none}.pe-canvas-wrapper{position:relative;flex-shrink:0}.pe-brush-cursor{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px #000000b3;pointer-events:none;z-index:9}.pe-brush-cursor.tool-eraser{border-color:#ff7878f2}.pe-brush-cursor.tool-mask{border-color:#78befff2}.pe-canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:auto}.pe-mask-layer{z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:screen}.pe-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#3a3f48;font-size:12px;z-index:5}.pe-canvas-empty svg{opacity:.3}.pe-canvas-frame.drag-over{outline:2px dashed rgba(0,191,255,.5);outline-offset:-3px;background:#00bfff08}.pe-canvas-frame.drag-over:after{content:"Drop Image";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#00bfffb3;font-size:14px;font-weight:600;z-index:20;pointer-events:none}.pe-canvas-footer{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#0009;border-top:1px solid rgba(255,255,255,.04)}.pe-canvas-info{font-family:SF Mono,Consolas,monospace;font-size:10px;color:#555}.pe-canvas-zoom-bar{display:flex;align-items:center;gap:2px}.pe-canvas-zoom-bar button{display:flex;align-items:center;gap:3px;padding:3px 6px;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#666;font-size:10px;cursor:pointer;transition:all .15s}.pe-canvas-zoom-bar button:hover{background:#ffffff0f;color:#ccc}.pe-zoom-pct{min-width:36px;text-align:center;font-family:SF Mono,monospace}.pe-format-wrap{position:relative}.pe-format-menu{position:absolute;bottom:100%;right:0;display:flex;flex-direction:column;gap:2px;padding:4px;background:#000000e6;border:1px solid rgba(255,255,255,.12);border-radius:6px;min-width:70px;margin-bottom:4px}.pe-format-menu button{padding:5px 10px!important;border:none!important;background:transparent!important;font-size:11px!important;border-radius:3px!important}.pe-format-menu button:hover{background:#ffffff14!important}.pe-format-menu button.active{background:#00bfff33!important;color:#00bfff!important}.pe-asset-panel{width:200px;background:#2a2a2a;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden;flex-shrink:0}.pe-asset-panel.collapsed{width:32px}.pe-asset-toggle{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff05;border:none;color:#6a6f78;font-size:10px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}.pe-asset-toggle:hover{color:#ccc;background:#ffffff0a}.pe-asset-toggle svg{transition:transform .2s ease;flex-shrink:0}.pe-asset-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;overflow-y:auto;align-content:start}.pe-asset-item{aspect-ratio:1/1;background:#1e2127;border-radius:6px;overflow:hidden;cursor:grab;position:relative;transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(255,255,255,.04)}.pe-asset-item:hover{transform:scale(1.04);border-color:#00bfff4d;box-shadow:0 4px 12px #00000080}.pe-asset-item:active{cursor:grabbing;transform:scale(.96)}.pe-asset-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pe-asset-badge{position:absolute;top:4px;right:4px;padding:1px 4px;border-radius:3px;font-size:7px;font-weight:700;text-transform:uppercase;background:#ff8c00cc;color:#000;display:flex;align-items:center;gap:2px}.pe-asset-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:14px 6px 4px;font-size:9px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-asset-empty{grid-column:1 / -1;text-align:center;color:#444;padding:16px 8px;font-size:10px;line-height:1.5}.pe-layers-section{border-top:1px solid rgba(255,255,255,.04)}.pe-layer-item{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:10px;font-weight:500;color:#5a5f68;transition:all .12s}.pe-layer-item:hover{background:#ffffff08}.pe-layer-item.active{color:#ddd;background:#00bfff1a}.pe-layer-dot{width:7px;height:7px;border-radius:50%;background:#ffffff1f;flex-shrink:0}.pe-layer-item.active .pe-layer-dot{background:#00bfff;box-shadow:0 0 5px #00bfff80}.pe-layer-visibility-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:#8a8f98;cursor:pointer;transition:all .12s ease}.pe-layer-visibility-btn:hover{color:#d5d9e0;background:#ffffff14}.pe-props-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#252525;border-top:1px solid rgba(255,255,255,.06)}.pe-slider{width:80px;height:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff14;border-radius:2px;outline:none;cursor:pointer}.pe-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#00bfff;border:2px solid rgba(0,0,0,.3);cursor:pointer}.pe-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#00bfff;border:2px solid rgba(0,0,0,.3);cursor:pointer}.pe-prop-label{font-size:10px;color:#555;font-family:SF Mono,monospace;min-width:28px;flex-shrink:0}.pe-history-label{margin-left:auto;color:#444}.pe-divider{width:1px;height:14px;background:#ffffff0f;flex-shrink:0}.pe-asset-grid::-webkit-scrollbar{width:4px}.pe-asset-grid::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.image-compare{position:relative;width:100%;overflow:hidden;cursor:col-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-radius:var(--radius-xs)}.image-compare__layer--after{position:relative;width:100%;z-index:1}.image-compare__layer--after img{width:100%;height:auto;display:block;pointer-events:none}.image-compare__layer--before{position:absolute;inset:0;z-index:2}.image-compare__layer--before img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}.image-compare__divider{position:absolute;top:0;bottom:0;width:2px;background:var(--color-accent-primary, #6366f1);z-index:3;pointer-events:none;transform:translate(-50%);box-shadow:0 0 6px #6366f180}.image-compare__handle{position:absolute;top:50%;width:32px;height:32px;z-index:4;transform:translate(-50%,-50%);cursor:col-resize;display:flex;align-items:center;justify-content:center;pointer-events:auto}.image-compare__handle-circle{width:28px;height:28px;border-radius:var(--radius-full, 50%);background:var(--color-accent-primary, #6366f1);border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d,0 0 12px #6366f166;transition:transform .15s ease,box-shadow .15s ease}.image-compare__handle-circle:hover{transform:scale(1.12);box-shadow:0 2px 12px #0006,0 0 16px #6366f199}.image-compare__handle-arrows{display:flex;align-items:center;gap:2px;color:#fffffff2;font-size:10px;font-weight:700;letter-spacing:-1px}.image-compare__label{position:absolute;bottom:8px;z-index:5;padding:3px 8px;border-radius:var(--radius-xs, 4px);background:#000c;color:#ffffffd9;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.5px;pointer-events:none;opacity:0;transition:opacity .2s ease}.image-compare:hover .image-compare__label{opacity:1}.image-compare__label--before{left:8px}.image-compare__label--after{right:8px}.image-compare__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2, 8px);color:var(--color-text-tertiary, #666);min-height:200px}.image-compare__placeholder-icon{font-size:32px;opacity:.6}.image-compare__placeholder-text{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #888)}.image-compare__placeholder-subtext{font-size:var(--font-size-xs, 11px);color:var(--color-text-tertiary, #666)}.image-compare__partial{width:100%;height:100%;position:relative;display:flex;align-items:stretch;justify-content:stretch;flex:1 1 auto}.image-compare__partial-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:5;padding:4px 12px;border-radius:var(--radius-xs, 4px);background:#000000d9;color:#fffc;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-medium, 500);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.image-compare__partial:hover .image-compare__partial-hint{opacity:1}.image-compare__preview-container{width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;position:relative}.generate-video__controls{display:flex;flex-direction:row;gap:var(--space-2)}.generate-video__control{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.generate-video__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.generate-video__select{width:100%;height:var(--input-height-md);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.generate-video__select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.generate-video__select:focus{outline:none;border-color:var(--color-accent-primary)}.generate-video__control--with-ghost{position:relative;padding-left:var(--space-4)}.generate-video__ghost-zone{position:absolute;left:var(--node-port-offset-x, -6px);top:0;width:var(--space-4);height:100%;cursor:crosshair;z-index:1}.generate-video__ghost-port{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--node-port-size);height:var(--node-port-size);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-port-text);background:transparent;opacity:0;transition:opacity var(--transition-fast)}.generate-video__ghost-zone:hover .generate-video__ghost-port{opacity:var(--opacity-medium)}.generate-video__preview-container{width:100%;height:100%;position:relative;min-height:80px}.video-combine__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0}.video-combine__status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.video-combine__badge{background:var(--color-accent-secondary);color:var(--color-text-on-accent);padding:2px 6px;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.video-combine__btn{background:var(--color-accent-primary);color:var(--color-text-on-accent);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .2s ease,opacity .2s ease}.video-combine__btn:hover:not(:disabled){background:var(--color-accent-hover)}.video-combine__btn:disabled{opacity:.5;cursor:not-allowed}.ve-container{display:flex;flex-direction:column;height:100%;min-height:450px;background:transparent;border-radius:0 0 var(--node-border-radius, 8px) var(--node-border-radius, 8px);overflow:hidden;font-size:12px;padding:16px;gap:16px;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;contain:style}.ve-container.scrubbing,.ve-container.scrubbing *{cursor:ew-resize!important}.ve-container.fullscreen{position:fixed;inset:0;z-index:var(--z-fullscreen, 9999);border-radius:0;padding:0}.ve-panel-header{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 10px;background:linear-gradient(180deg,#1d1f23,#17191d);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.ve-panel-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#7a7f88;display:flex;align-items:center;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ve-panel-title button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:1px solid transparent;border-radius:4px;color:#6a6f78;cursor:pointer;transition:all .12s ease;padding:0}.ve-panel-title button:hover{background:#ffffff0f;color:#bbb;border-color:#ffffff14}.ve-panel-title button.active{background:#00bfff26;color:#00bfff;border-color:#00bfff4d}.ve-panel-title .ve-badge{background:#00bfff1f;color:#00bfff;padding:2px 5px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:0}.ve-panel-actions{display:flex;align-items:center;gap:4px}.ve-panel-actions button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:1px solid transparent;border-radius:4px;color:#8a8f98;cursor:pointer;transition:all .15s ease;font-size:11px}.ve-panel-actions button:hover{background:#ffffff0f;color:#ccc;border-color:#ffffff14}.ve-panel-actions button.active{background:#00bfff26;color:#00bfff;border-color:#00bfff4d;box-shadow:0 0 6px #00bfff26}.ve-panel-actions button.ve-export-btn{width:auto;padding:0 10px;gap:5px;background:linear-gradient(180deg,#00cc6626,#00b45a26);color:#0c6;border-color:#00cc664d;font-weight:600}.ve-panel-actions button.ve-export-btn:hover:not(:disabled){background:linear-gradient(180deg,#0d7,#0a5);color:#fff;box-shadow:0 0 10px #0c66}.ve-panel-actions button.ve-export-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.ve-panel-actions span.ve-zoom-label{font-family:SF Mono,Consolas,monospace;font-size:10px;color:#5a5f68;padding:0 4px;min-width:42px;text-align:center}.ve-toolbar-divider{width:1px;height:16px;background:#ffffff14;margin:0 4px}.ve-top-half{display:flex;flex:1;min-height:200px;overflow:hidden}.ve-media-pool{flex:1;min-width:200px;max-width:400px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:#18191c;min-height:0;overflow:hidden}.ve-media-grid{flex:1;display:grid;gap:8px;padding:10px;overflow-y:auto;overflow-x:hidden;align-content:start;grid-template-columns:repeat(2,1fr)}.ve-media-grid::-webkit-scrollbar{width:5px}.ve-media-grid::-webkit-scrollbar-track{background:transparent}.ve-media-grid::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.ve-media-grid::-webkit-scrollbar-thumb:hover{background:#ffffff26}.ve-asset-item{aspect-ratio:16/9;background:linear-gradient(145deg,#26282e,#1a1c22);border-radius:6px;overflow:hidden;cursor:grab;position:relative;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease,border-color .15s ease;border:1px solid rgba(255,255,255,.04);min-width:0;min-height:0}.ve-asset-item:hover{transform:scale(1.03);border-color:#00bfff59;box-shadow:0 4px 12px #0000004d,0 0 0 1px #00bfff1a;z-index:10}.ve-asset-item:active{cursor:grabbing;transform:scale(.97)}.ve-asset-item video,.ve-asset-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ve-asset-item.audio{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#162a40,#0d1824)}.ve-asset-audio{color:#00bfff;opacity:.7}.ve-asset-badge{position:absolute;top:5px;right:5px;padding:2px 4px;border-radius:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:2px}.ve-asset-item.video .ve-asset-badge{background:#00bfffd9;color:#000}.ve-asset-item.image .ve-asset-badge{background:#ff8c00d9;color:#000}.ve-asset-item.audio .ve-asset-badge{background:#00ff88d9;color:#000}.ve-asset-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:16px 6px 5px;font-size:9px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ve-asset-empty{grid-column:1 / -1;text-align:center;color:#3a3f48;padding:20px 10px;font-size:11px;line-height:1.6}.ve-media-filters{display:flex;gap:4px;padding:6px 10px;background:#1a1b1f;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;overflow-x:auto}.ve-filter-pill{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:transparent;color:#6a6f78;font-size:9px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-transform:capitalize}.ve-filter-pill:hover{background:#ffffff0a;color:#aaa;border-color:#ffffff1a}.ve-filter-pill.active{background:#00bfff1f;color:#00bfff;border-color:#00bfff40}.ve-filter-count{background:#ffffff0f;padding:0 4px;border-radius:6px;font-size:8px;font-weight:700;min-width:14px;text-align:center}.ve-filter-pill.active .ve-filter-count{background:#00bfff33}.ve-viewer{flex:1.5;display:flex;flex-direction:column;background:#0f1013;min-width:0;min-height:0;overflow:hidden}.ve-preview-engine{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0;padding:10px}.ve-preview-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.ve-preview-frame.portrait{max-width:56.25%;margin:0 auto}.ve-preview-layers{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:4px;box-shadow:0 4px 24px #00000080;border:1px solid rgba(255,255,255,.05);overflow:hidden}.ve-preview-layer-item{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;background:transparent}.ve-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#2a2f38}.ve-preview-time-overlay{position:absolute;bottom:12px;left:12px;background:#000000d9;padding:4px 8px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:11px;font-weight:500;color:#0f8;letter-spacing:1px;pointer-events:none;border:1px solid rgba(0,255,136,.2)}.ve-preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:5;border-radius:4px}.ve-preview-spinner-ring{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:#00bfff;border-radius:50%;animation:ve-spin .8s linear infinite}@keyframes ve-spin{to{transform:rotate(360deg)}}.ve-transport{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:#141518;border-top:1px solid rgba(255,255,255,.03);flex-shrink:0}.ve-transport button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(180deg,#2a2e35,#22262c);border:1px solid rgba(255,255,255,.06);border-radius:5px;color:#999;cursor:pointer;transition:all .15s ease}.ve-transport button:hover{background:linear-gradient(180deg,#353940,#2c3038);color:#fff;border-color:#ffffff1f}.ve-transport button.active{background:linear-gradient(180deg,#00bfff,#0090cc);border-color:#00bfff;color:#000;box-shadow:0 0 10px #00bfff59}.ve-transport button.play-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#363a42,#2a2e35);border:1px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.16,1,.3,1)}.ve-transport button.play-btn:hover{transform:scale(1.1);background:linear-gradient(180deg,#454a52,#353940);box-shadow:0 0 12px #00bfff33}.ve-transport button.play-btn.active{background:linear-gradient(180deg,#00bfff,#0090cc);border-color:#00bfff;color:#000;box-shadow:0 0 14px #00bfff80;transform:scale(1.05)}.ve-transport .ve-time-display{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#5a5f68;padding:0 8px}.ve-toolbar-aspect{display:flex!important;align-items:center;width:auto!important;gap:2px;padding:0 6px!important;color:#8a8f98}.ve-toolbar-aspect:hover{color:#fff;background:#ffffff0f}.ve-timeline-wrapper{--panel-header-height: 36px;--ruler-height: 24px;--track-height: 52px;flex:0 0 auto;display:flex;flex-direction:column;background:var(--color-bg-node, #1e2024);border-top:1px solid rgba(255,255,255,.06)}.ve-timeline{--track-header-width: 86px;--playhead-color: #ff4466;--grid-line-color: rgba(255, 255, 255, .04);--grid-major-color: rgba(255, 255, 255, .1);flex:1;background:#141416;overflow-x:auto;overflow-y:auto;position:relative;min-height:0;max-height:calc(var(--ruler-height) + 3 * var(--track-height) + 8px)}.ve-timeline::-webkit-scrollbar{height:6px}.ve-timeline::-webkit-scrollbar-track{background:transparent}.ve-timeline::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ve-timeline::-webkit-scrollbar-thumb:hover{background:#fff3}.ve-ruler{display:flex;height:var(--ruler-height);background:linear-gradient(180deg,#222224,#1c1c1e);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}.ve-ruler-header{width:var(--track-header-width);flex-shrink:0;background:#1c1c1e;border-right:1px solid rgba(255,255,255,.05);position:sticky;left:0;z-index:60}.ve-ruler-content{position:relative;flex-shrink:0;z-index:10}.ve-ruler-tick{position:absolute;top:0;width:1px;height:100%;background:var(--grid-line-color)}.ve-ruler-tick:before{content:"";position:absolute;bottom:0;left:0;width:1px;height:6px;background:var(--grid-major-color)}.ve-ruler-label{position:absolute;top:3px;left:4px;font-size:9px;color:#4a4f58;font-family:SF Mono,monospace}.ve-playhead-global{position:absolute;top:var(--ruler-height);bottom:0;width:1px;background:linear-gradient(180deg,var(--playhead-color) 0%,#ff2244 100%);z-index:100;pointer-events:none;box-shadow:0 0 8px #f466}.ve-playhead-global:before{content:"";position:absolute;top:-5px;left:-4px;border:5px solid transparent;border-top-color:var(--playhead-color)}.ve-tracks-container{display:flex;flex-direction:column}.ve-track{display:flex;height:var(--track-height);flex-shrink:0}.ve-track-header{width:var(--track-header-width);flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 8px;background:#1c1c1e;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.03);color:#5a5f68;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:sticky;left:0;z-index:50;cursor:context-menu}.ve-track-content{position:relative;flex:1;min-width:0;border-bottom:1px solid rgba(255,255,255,.03);background-image:linear-gradient(90deg,var(--grid-line-color) 0px,var(--grid-line-color) 1px,transparent 1px);overflow:hidden}.ve-track-content.drag-over{background-color:#00bfff0d;box-shadow:inset 0 0 16px #00bfff0f}.ve-clip{position:absolute;top:3px;bottom:3px;display:flex;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease;z-index:1;box-sizing:border-box}.ve-clip:active,.ve-clip.selected{z-index:4}.ve-clip.video-clip{background:linear-gradient(180deg,#1a5a8a,#0d3a5a);border:1px solid rgba(0,191,255,.25)}.ve-clip.image-clip{background:linear-gradient(180deg,#8a5a1a,#5a3a0d);border:1px solid rgba(255,140,0,.25)}.ve-clip.audio-clip{background:linear-gradient(180deg,#2a6a4a,#1a4a3a);border:1px solid rgba(0,255,136,.25)}.ve-audio-waveform-mask{pointer-events:none;z-index:1}.ve-audio-waveform-img{width:100%;height:60%;-o-object-fit:fill;object-fit:fill;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.ve-audio-waveform-placeholder{width:100%;height:100%;background-image:repeating-linear-gradient(90deg,rgba(0,255,136,.4) 0px,rgba(0,255,136,.4) 1px,transparent 1px,transparent 4px);opacity:.3}.ve-clip.selected{border-color:#fff;box-shadow:0 0 0 1px #fff;z-index:4}.ve-clip-handle{width:8px;background:#ffffff1f;cursor:ew-resize;flex-shrink:0;transition:background .15s ease;z-index:10;position:relative}.ve-clip-handle:hover{background:#ffffff73}.ve-clip-body{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 6px;min-width:0;overflow:hidden;cursor:grab;position:relative;z-index:2}.ve-clip-body:active{cursor:grabbing}.ve-clip-name{flex:1;min-width:0;font-size:9px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ve-clip-duration{font-size:8px;color:#ffffff80;font-family:SF Mono,monospace;flex-shrink:0;padding-left:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ve-clip-speed{color:gold;font-weight:600;padding-left:2px}.ve-clip.loading{opacity:.6;filter:brightness(.7) grayscale(.5)}.ve-clip-thumbnail{position:absolute;inset:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;opacity:.45;pointer-events:none;border-radius:3px;z-index:0}video.ve-clip-thumbnail{-o-object-fit:cover;object-fit:cover}.ve-container.tool-split .ve-clip,.ve-container.tool-split .ve-clip-body{cursor:crosshair!important}.ve-selection-box{position:absolute;border:1px solid rgba(255,255,255,.6);background:#ffffff14;pointer-events:none;z-index:90;border-radius:2px}.ve-context-menu{position:fixed;min-width:160px;max-height:calc(100vh - 40px);overflow-y:auto;background:#1c1c20;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;z-index:200;box-shadow:0 8px 24px #00000080,0 0 0 1px #00000080;animation:ve-context-menu-in .12s ease-out}@keyframes ve-context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ve-context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:#ccc;font-size:11px;cursor:pointer;border-radius:4px;width:100%;text-align:left;transition:all .1s ease}.ve-context-menu-item:hover{background:#00bfff26;color:#fff}.ve-context-menu-item.danger:hover{background:#ff444426;color:#f66}.ve-context-menu-separator{height:1px;background:#ffffff0f;margin:4px 0}.ve-render-popup{position:absolute;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:300}.ve-render-popup-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;background:linear-gradient(180deg,#2a2d33,#1e2127);border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center;box-shadow:0 16px 48px #0009}.ve-render-popup-content h3{margin:0;font-size:14px;font-weight:600}.ve-render-popup-content svg{color:#00bfff}.ve-render-progress-bar{width:200px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.ve-render-progress-fill{height:100%;background:linear-gradient(90deg,#00bfff,#0f8);border-radius:3px;transition:width .1s ease}.ve-toolbar-aspect span{font-size:9px;margin-left:2px}.ve-transport-separator{margin:0 8px}.ve-time-display.total{opacity:.5}.ve-time-display .ve-selected-indicator{color:var(--accent-primary, #00bfff);display:flex;align-items:center;gap:4px}.ve-time-display.selected-info{margin-left:10px}.ve-clip-body .ve-clip-type-icon{margin-right:4px;opacity:.7}.ve-media-preview-modal{position:absolute;inset:0;background:#0f1013;z-index:500;display:flex;align-items:center;justify-content:center;padding:32px;animation:ve-modal-in .2s cubic-bezier(.16,1,.3,1)}@keyframes ve-modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ve-media-preview-content{background:#1e2024;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #000000b3;width:100%;max-width:800px;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.ve-media-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,#2a2d33,#1e2127);border-bottom:1px solid rgba(255,255,255,.05)}.ve-media-preview-header h3{margin:0;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ve-media-preview-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid transparent;border-radius:6px;cursor:pointer;color:#aaa;transition:all .1s}.ve-media-preview-header button:hover{background:#ff444426;color:#f66;border-color:#ff44444d}.ve-media-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#000;padding:24px}.ve-media-preview-body video,.ve-media-preview-body img{max-width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;border-radius:4px}.ve-media-preview-audio{display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px;color:#0f8}.ve-media-preview-audio audio{width:400px;max-width:100%}.video-frame-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.video-frame-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.video-frame-number{width:var(--space-15);padding:var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:right}.video-frame-slider{width:100%;cursor:pointer;accent-color:var(--color-accent-purple)}.video-frame-input{width:100%;padding:var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm)}.generate-speech__control{display:flex;flex-direction:column;gap:var(--space-1)}.generate-speech__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.generate-speech__select{width:100%;height:var(--input-height-md);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.generate-speech__select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.generate-speech__select:focus{outline:none;border-color:var(--color-accent-primary)}.generate-speech__audio{width:100%}.generate-speech__placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-md);padding:var(--space-8);width:100%}.generate-speech__control--with-ghost{position:relative;padding-left:var(--space-4)}.generate-speech__ghost-zone{position:absolute;left:var(--node-port-offset-x, -6px);top:0;width:var(--space-4);height:100%;cursor:crosshair;z-index:1}.generate-speech__ghost-port{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--node-port-size);height:var(--node-port-size);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-port-text);background:transparent;opacity:0;transition:opacity var(--transition-fast)}.generate-speech__ghost-zone:hover .generate-speech__ghost-port{opacity:var(--opacity-medium)}.audio-generator__audio{width:100%;height:54px;margin:0;border-radius:var(--control-btn-radius);color-scheme:dark}.audio-generator__placeholder{width:100%;height:54px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-md);background:var(--color-bg-placeholder);border:var(--border-width-1) dashed var(--color-border-subtle);border-radius:var(--control-btn-radius);box-sizing:border-box}.music-gen__body{display:flex;flex-direction:column;gap:6px;padding:6px}.music-gen__player{width:100%;border-radius:8px;overflow:hidden;background:#ffffff0a;padding:4px}.music-gen__audio{width:100%;height:36px;border-radius:6px;outline:none}.music-gen__audio::-webkit-media-controls-panel{background:#1e1e28e6}.music-gen__nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 0}.music-gen__nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:#ffffff0f;color:#fff9;cursor:pointer;transition:all .15s ease}.music-gen__nav-btn:hover:not(:disabled){background:#ffffff1f;color:#ffffffe6}.music-gen__nav-btn:disabled{opacity:.3;cursor:default}.music-gen__clear-btn{margin-left:auto;color:#ff505099}.music-gen__clear-btn:hover:not(:disabled){background:#ff505026;color:#ff5050e6}.music-gen__nav-label{font-size:11px;font-family:SF Mono,Consolas,monospace;color:#ffffff73;min-width:40px;text-align:center}.music-gen__track-list{display:flex;flex-direction:column;gap:2px;max-height:120px;overflow-y:auto;border-radius:6px;background:#00000026;padding:3px}.music-gen__track-list::-webkit-scrollbar{width:4px}.music-gen__track-list::-webkit-scrollbar-track{background:transparent}.music-gen__track-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.music-gen__track-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:11px;color:#ffffff80;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.music-gen__track-item:hover{background:#ffffff0f;color:#ffffffbf}.music-gen__track-item.active{background:#8264ff26;color:#c8b4fff2}.music-gen__track-badge{margin-left:auto;font-size:9px;color:#b482ffcc}.music-gen__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;color:#fff3}.music-gen__placeholder span{font-size:12px;letter-spacing:.3px}.music-gen__placeholder-sub{font-size:10px!important;color:#ffffff1f!important}.load-audio-actions{display:flex;gap:var(--space-3)}.load-audio-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--input-height-md);padding:0 var(--space-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-default);background:var(--color-bg-input);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.load-audio-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.load-audio-btn:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.load-audio-btn-upload:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.load-audio-btn-record{border-color:var(--color-port-audio);color:var(--color-port-audio)}.load-audio-btn-record:hover:not(:disabled){background:var(--color-warning-subtle);border-color:var(--color-port-audio)}.load-audio-btn-stop{border-color:var(--color-accent-red);color:var(--color-accent-red);animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:var(--opacity-high)}}.load-audio-btn-stop:hover{background:var(--color-error-dim)}.load-audio-preview{display:flex;align-items:center;gap:var(--space-2)}.load-audio-player{flex:1;height:var(--space-9);border-radius:var(--radius-sm);background:transparent}.load-audio-player::-webkit-media-controls-panel{background:var(--color-text-tertiary);border-radius:var(--radius-sm)}.load-audio-player::-webkit-media-controls-current-time-display,.load-audio-player::-webkit-media-controls-time-remaining-display{color:var(--color-text-inverse)}.load-audio-replace-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-sm);border:var(--border-width-1) solid var(--color-border-default);background:var(--color-bg-input);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.load-audio-replace-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent-red)}.analyze-image__control{display:flex;flex-direction:column;gap:var(--space-1)}.analyze-image__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.analyze-image__select{width:100%;height:var(--input-height-md);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-md);font-family:var(--font-family);cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.analyze-image__select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.analyze-image__select:focus{outline:none;border-color:var(--color-accent-primary)}.analyze-image__result{width:100%;padding:var(--space-3);background:var(--color-bg-text-preview);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);font-family:var(--font-family);font-size:var(--text-field-output-font-size);line-height:var(--text-field-line-height);color:var(--color-text-secondary);min-height:var(--node-text-preview-min-height);max-height:var(--node-text-preview-max-height);overflow-y:auto;box-sizing:border-box}.analyze-image__result p{margin:0;white-space:pre-wrap;word-wrap:break-word}.analyze-image__placeholder{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);background:var(--color-bg-text-preview);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-tertiary);font-size:var(--text-field-output-font-size);min-height:var(--node-text-preview-min-height);box-sizing:border-box}.auto-resize-textarea{width:100%;padding:var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--space-1);font-family:var(--font-family);font-size:var(--text-field-input-font-size);line-height:var(--text-field-line-height);color:var(--color-text-primary);resize:none;overflow-y:hidden;transition:border-color .2s;box-sizing:border-box}.auto-resize-textarea::-moz-placeholder{color:var(--color-text-tertiary)}.auto-resize-textarea::placeholder{color:var(--color-text-tertiary)}.auto-resize-textarea:focus{outline:none;border-color:var(--color-accent-primary)}.auto-resize-textarea--scrollable{overflow-y:auto}.auto-resize-textarea--fill{flex:1 1 auto;height:100%;overflow-y:auto}.auto-resize-textarea--readonly{cursor:not-allowed;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.llm-chat__textarea{width:100%!important;max-width:100%!important;display:block;box-sizing:border-box}.llm-chat__response-area{flex:1 1 0;height:100%;min-height:0;overflow-y:auto;width:100%;padding:var(--space-3);background:var(--color-bg-text-preview);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);box-sizing:border-box;position:relative}.llm-chat__response-text{margin:0;font-family:var(--font-family);font-size:var(--text-field-output-font-size);line-height:var(--text-field-line-height);color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word}.llm-chat__empty-preview{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);background:var(--color-bg-text-preview);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-tertiary);font-size:var(--text-field-output-font-size);min-height:var(--space-20);box-sizing:border-box}.llm-copy-btn{position:absolute;top:8px;right:8px;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#1e1e23eb;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;color:#fff9;opacity:0;transform:scale(.9);transition:all .15s ease}.llm-chat__response-area:hover .llm-copy-btn{opacity:1;transform:scale(1)}.llm-copy-btn:hover{background:#32323cf2;border-color:#fff3;color:#ffffffe6}.llm-copy-btn--copied{background:#22c55e33;border-color:#22c55e80;color:#22c55e;opacity:1;transform:scale(1)}.llm-copy-btn--copied:hover{background:#22c55e4d}.text-node__settings-toggle{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) 0;cursor:pointer;border-radius:var(--radius-xs);transition:opacity var(--transition-fast);opacity:var(--opacity-high)}.text-node__settings-toggle:hover{opacity:1}.text-node__toggle-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.text-node__chevron{color:var(--color-text-secondary)}.text-node__settings{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.text-node__setting-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-7)}.text-node__setting-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-node-input-wrapper{position:relative;width:100%;height:100%}.text-node-input-wrapper .auto-resize-textarea{padding-right:40px}.text-node-mic-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;opacity:.6;transition:all var(--transition-fast);z-index:10}.text-node-mic-btn svg{filter:none}.text-node-mic-btn:hover{opacity:1;background:var(--color-bg-hover);color:var(--color-text-primary)}.text-node-mic-btn--recording{opacity:1;background:#ef444426;color:var(--color-error);border:1px solid var(--color-error);animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.text-batch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.text-batch-input{width:100%;cursor:pointer;accent-color:var(--color-accent-purple)}.text-batch-value{align-self:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-batch-preview{margin:0;text-align:center;font-size:var(--text-field-output-font-size);color:var(--color-text-secondary)}.text-splitter__previews{display:flex;flex-direction:column;gap:0;padding:0}.text-splitter__preview-row{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);background:transparent;border-radius:var(--radius-xs);height:41px;min-height:var(--space-10)}.text-splitter__preview-index{flex:0 0 auto;width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.text-splitter__preview-text{flex:1 1 auto;font-size:var(--text-field-output-font-size);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-splitter__placeholder{display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic}.text-splitter__custom-delimiter-input{flex:1 1 auto;background:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:4px 8px;outline:none;min-width:0;font-family:inherit}.text-splitter__custom-delimiter-input:focus{border-color:var(--color-accent-primary)}.number-node__input{width:100%;height:var(--node-row-height, 28px);padding:0 var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-field-input-font-size);font-weight:var(--font-weight-semibold);text-align:center;font-family:SF Mono,Monaco,Consolas,monospace;transition:border-color var(--transition-fast)}.number-node__input:hover{border-color:var(--color-border-hover)}.number-node__input:focus{outline:none;border-color:var(--color-port-number)}.number-node__input::-moz-placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-medium)}.number-node__input::placeholder{color:var(--color-text-tertiary);opacity:var(--opacity-medium)}.http-request-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.http-request-input{width:100%;padding:var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:var(--text-field-input-font-size)}.http-request-select{width:100%;padding:var(--space-2);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.http-request-response{margin:0;font-size:var(--text-field-output-font-size);white-space:pre-wrap;max-height:var(--space-75);overflow:auto;color:var(--color-text-primary)}.http-request-placeholder{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.asset-filters{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:calc(var(--layout-header-height) + var(--space-3));background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle);flex-wrap:wrap;flex-shrink:0}.filter-type-tabs{display:flex;gap:var(--space-1);background:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-lg)}.filter-type-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-type-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.filter-type-tab.active{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:0 1px 3px var(--color-overlay-dark)}.tab-count{font-size:var(--font-size-xs);padding:var(--space-px) var(--space-1);background:var(--color-bg-app);border-radius:var(--radius-full);color:var(--color-text-tertiary)}.filter-type-tab.active .tab-count{background:var(--color-accent-primary);color:var(--color-text-inverse)}.filter-divider{width:var(--border-width-1);height:var(--space-6);background:var(--color-border-subtle)}.filter-search{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:var(--space-50);max-width:var(--space-75);padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.filter-search:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-alpha)}.search-icon{color:var(--color-text-tertiary);flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-sm)}.search-input::-moz-placeholder{color:var(--color-text-tertiary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear{padding:var(--space-0-5);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.search-clear:hover{color:var(--color-text-primary)}.filter-select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;left:var(--space-2);color:var(--color-text-tertiary);pointer-events:none}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-8);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-normal);background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.filter-select:hover{border-color:var(--color-border-highlight)}.filter-select:focus{outline:none;border-color:var(--color-accent-primary)}.filter-select option{background:var(--color-bg-node);color:var(--color-text-primary)}.filter-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.filter-selection-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);background:var(--color-accent-primary-light, rgba(59, 130, 246, .12));border:var(--border-width-1) solid var(--color-accent-primary);border-radius:var(--radius-full);flex-shrink:0;animation:filter-selection-appear .2s ease-out}@keyframes filter-selection-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.filter-selection-count{display:flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1-5);background:var(--color-accent-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1}.filter-selection-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.filter-selection-cancel{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.filter-selection-cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.filter-advanced-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--space-9);padding:0 var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filter-advanced-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary)}.filter-grid-size{display:flex;gap:var(--space-px);padding:var(--space-px);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-left:0}.grid-size-btn{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.grid-size-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.grid-size-btn.active{color:var(--color-text-inverse);background:var(--color-accent-primary)}@media(max-width:900px){.asset-filters{gap:var(--space-2)}.filter-divider{display:none}.filter-search{order:-1;flex-basis:100%;max-width:none}.filter-type-tabs{flex:1}}.asset-checkbox{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-full);z-index:12;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.asset-checkbox:hover{background:#000000a6;border-color:#ffffffb3;transform:scale(1.1)}.asset-checkbox.checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.asset-checkbox.checked svg{color:var(--color-text-inverse)}.asset-card:hover .asset-checkbox,.asset-checkbox.checked{opacity:1}@media(hover:hover){.asset-checkbox:not(.checked){opacity:0}}.asset-card{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary);cursor:default;contain:layout style paint}.asset-card.selectable{cursor:pointer}.asset-card.selected{outline:var(--border-width-2) solid var(--color-accent-primary);outline-offset:var(--space-0-5)}.asset-media-container{position:absolute;inset:0;border-radius:var(--radius-sm);overflow:hidden}.asset-media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);clip-path:inset(0 round var(--radius-sm));transition:opacity .3s ease;opacity:0}.asset-media.loaded{opacity:1}.asset-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.asset-retry-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);z-index:5}.asset-retry-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary);transform:translate(-50%,-50%) scale(1.1)}.asset-retry-btn:disabled{opacity:var(--opacity-high);cursor:not-allowed}.asset-retry-btn .spinning{animation:spin var(--duration-spin) linear infinite}.asset-duration{position:absolute;left:6px;bottom:6px;padding:2px 6px;background:#000000b3;backdrop-filter:blur(8px);border-radius:4px;color:#fff;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;z-index:2;letter-spacing:.02em;line-height:1.3}.asset-type-badge{position:absolute;bottom:6px;left:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:5px;color:#fffc;z-index:2;transition:opacity var(--transition-fast)}.asset-card:hover .asset-type-badge{opacity:0}.asset-type-badge.type-video{left:auto;right:6px}.asset-type-badge.type-audio{background:#00000059}.asset-selected-indicator{position:absolute;top:6px;left:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);z-index:3;animation:pop-in var(--transition-normal);transition:opacity var(--transition-fast)}.asset-card:hover .asset-selected-indicator{opacity:0;pointer-events:none}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.asset-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:6px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.15) 35%,transparent 55%,rgba(0,0,0,.25) 100%);opacity:0;transition:opacity .2s ease;z-index:1}.asset-card:hover .asset-overlay{opacity:1}.asset-overlay-content{display:flex;flex-direction:column;gap:2px}.asset-prompt{font-size:11px;color:#ffffffeb;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.asset-meta{font-size:10px;color:#fff9;display:flex;gap:4px;align-items:center}.asset-meta-model{color:#ffffff73}.asset-actions{display:flex;justify-content:flex-end;gap:4px;padding-right:22px}.asset-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#ffffffd9;cursor:pointer;transition:all .15s ease}.asset-action-btn:hover{background:#000000bf;border-color:#ffffff80;color:#fff;transform:scale(1.08)}.asset-action-btn.copied{background:var(--color-accent-green);border-color:var(--color-accent-green)}.asset-action-btn.danger:hover{background:#dc2626bf;border-color:#dc262680}.asset-action-btn.shared{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse)}.asset-action-btn.shared:hover{background:var(--color-accent-primary-light)}.asset-audio-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-elevated) 100%)}.audio-waveform{display:flex;align-items:center;gap:var(--space-px);height:60%;padding:0 var(--space-4)}.waveform-bar{flex:1;min-width:var(--space-0-75);background:var(--color-accent-green);border-radius:var(--space-px);opacity:var(--opacity-medium);transition:opacity var(--transition-normal) ease}.asset-card:hover .waveform-bar{opacity:1;animation:waveform-pulse .6s ease-in-out infinite alternate}@keyframes waveform-pulse{0%{transform:scaleY(1)}to{transform:scaleY(.6)}}.waveform-bar:nth-child(odd){animation-delay:.1s}.waveform-bar:nth-child(3n){animation-delay:.2s}.assets-page{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;background:var(--color-bg-app);color:var(--color-text-primary);overflow:hidden}.assets-selection-bar{display:flex;align-items:center;gap:var(--space-4);animation:fadeIn var(--transition-normal)}.assets-selection-cancel-btn{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-secondary);border:var(--border-width-1) solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.assets-selection-cancel-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-description)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.assets-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);padding-top:calc(var(--layout-header-height) + var(--space-4));min-height:var(--space-5);background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle);flex-shrink:0}.assets-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.assets-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.assets-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.assets-advanced-toggle{padding:var(--space-2) var(--space-4);background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.advanced-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.advanced-toggle-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary)}.advanced-toggle-state{margin-left:var(--space-1);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.assets-advanced-filters{padding:var(--space-3) var(--space-4) var(--space-4);background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(var(--space-40),1fr));gap:var(--space-3);align-items:end}.advanced-field{display:flex;flex-direction:column;gap:var(--space-1)}.advanced-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.advanced-select,.advanced-input{height:var(--space-8-5);padding:0 var(--space-3);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.advanced-select:focus,.advanced-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-alpha)}.assets-content{flex:1;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;padding:var(--space-4);box-sizing:border-box}.assets-grid-virtual{position:relative;width:100%;max-width:100%;overflow:hidden}.assets-grid-virtual-inner{position:relative;width:100%;max-width:100%}.assets-grid-row{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;display:grid;align-items:start;justify-content:start;will-change:transform;transform:translateY(var(--row-offset, 0px));grid-template-columns:repeat(var(--grid-columns, 4),var(--tile-size, 200px));gap:var(--tile-gap)}.assets-grid-tile{position:relative;width:var(--tile-size, 200px);height:var(--tile-size, 200px)}.assets-infinite-loader{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--tile-size, var(--space-47)),var(--tile-size, var(--space-47))));gap:var(--space-4);animation:grid-fade-in var(--transition-slow);justify-content:start}.assets-filters-overlay{position:fixed;inset:0;background:transparent;backdrop-filter:none;display:block;padding:0;z-index:var(--z-modal)}.assets-filters-modal{position:absolute;top:var(--filters-popover-top, 72px);right:var(--filters-popover-right);width:var(--space-90);background:var(--color-bg-panel-adjacent);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow:hidden}.assets-filters-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.assets-filters-modal-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.assets-filters-modal-close{width:var(--space-8-5);height:var(--space-8-5);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.assets-filters-modal-close:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary)}.assets-filters-modal-body{padding:var(--space-4);max-height:min(70vh,var(--space-162));overflow:auto}.assets-filters-section{padding:var(--space-3) 0;border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.assets-filters-section:first-child{padding-top:0}.assets-filters-section:last-child{border-bottom:none;padding-bottom:0}.assets-filters-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.assets-filters-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.assets-filter-pill{height:var(--space-8);padding:0 var(--space-3);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.assets-filter-pill:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary)}.assets-filter-pill.active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-app)}.assets-filters-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.assets-filter-chip{height:var(--space-8-5);padding:0 var(--space-3);display:inline-flex;align-items:center;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-input);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.assets-filter-chip:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);color:var(--color-text-primary)}.assets-filter-chip.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse)}.assets-filters-modal-body .advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.assets-filters-modal-footer{padding:var(--space-4);border-top:var(--border-width-1) solid var(--color-border-subtle);display:flex;justify-content:flex-end}.assets-filters-ok{height:var(--space-9);padding:0 var(--space-5);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.assets-filters-ok:hover{filter:brightness(1.05)}@keyframes grid-fade-in{0%{opacity:0;transform:translateY(var(--space-2-5))}to{opacity:1;transform:translateY(0)}}.assets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:var(--space-100);text-align:center;color:var(--color-text-tertiary)}.assets-empty .empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:var(--opacity-medium)}.assets-empty h3{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;font-weight:var(--font-weight-semibold)}.assets-empty p{font-size:var(--font-size-base);max-width:var(--space-100);margin:0;line-height:var(--line-height-relaxed)}.assets-load-more{display:flex;justify-content:center;padding:var(--space-6) 0}.load-more-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.load-more-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-highlight)}.load-more-btn:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.load-more-btn .spinner{animation:spin var(--duration-spin) linear infinite}.assets-content::-webkit-scrollbar{width:var(--space-2)}.assets-content::-webkit-scrollbar-track{background:transparent}.assets-content::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-xs)}.assets-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-highlight)}@media(max-width:1440px){.assets-grid{--tile-size: var(--space-45) !important}}@media(max-width:900px){.assets-grid{--tile-size: var(--space-40) !important}.assets-header,.assets-content{padding:var(--space-4)}}@media(max-width:600px){.assets-grid{--tile-size: var(--space-38) !important;gap:var(--space-3)}.assets-title{font-size:var(--font-size-xl)}}.asset-picker-overlay{position:fixed;inset:0;background:var(--color-overlay-heavy);backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:overlay-fade-in var(--transition-normal)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.asset-picker-modal{width:90vw;max-width:var(--layout-max-width);height:80vh;max-height:900px;display:flex;flex-direction:column;background:var(--color-bg-app);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 25px 100px var(--color-overlay-modal);overflow:hidden;animation:modal-slide-up var(--transition-normal)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.asset-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-panel-adjacent)}.asset-picker-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.asset-picker-header-actions{display:flex;align-items:center;gap:var(--space-3)}.upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.upload-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-highlight)}.close-btn{width:var(--space-9);height:var(--space-9);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.asset-picker-content{flex:1;overflow-y:auto;padding:var(--space-4)}.asset-picker-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 6),1fr);gap:var(--space-3)}.asset-picker-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--color-text-tertiary)}.asset-picker-loading .spinner{animation:spin var(--duration-spin) linear infinite}.asset-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-tertiary)}.asset-picker-empty .empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);opacity:var(--opacity-medium)}.asset-picker-empty h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.asset-picker-empty p{font-size:var(--font-size-base);max-width:var(--space-75);margin:0}.asset-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-panel-adjacent)}.selection-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-actions{display:flex;gap:var(--space-3)}.btn-secondary{padding:var(--space-2) var(--space-4);background:transparent;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:var(--opacity-medium);cursor:not-allowed}@media(max-width:768px){.asset-picker-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.asset-picker-grid{--grid-columns: 3 !important}}.media-replace-btn{position:absolute;bottom:var(--space-2);right:var(--space-2);width:var(--btn-height-md);height:var(--btn-height-md);border-radius:var(--control-btn-radius);background:var(--color-overlay-heavy);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease,transform var(--transition-normal);z-index:10}.upload-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-overlay-heavy);border-radius:var(--control-btn-radius);gap:var(--space-3);z-index:20}.upload-spinner{width:var(--btn-height-xl);height:var(--btn-height-xl);border:var(--border-width-3) solid var(--color-overlay-medium);border-top-color:var(--color-accent-primary, #4F7FFF);border-radius:var(--radius-full);animation:spin var(--duration-spin) linear infinite}.upload-progress-text{color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);opacity:.9}.upload-filename{color:var(--color-text-secondary);font-size:var(--font-size-xs);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-error-medium);border-radius:var(--control-btn-radius);gap:var(--space-2);z-index:20}.upload-error-icon{font-size:var(--font-size-2xl)}.upload-error-text{color:#ff6b6b;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.source-split-container.upload-progress .upload-spinner{animation:spin var(--duration-spin) linear infinite;color:var(--color-accent-primary, #4F7FFF);border:none;width:auto;height:auto}.source-split-container.upload-progress .upload-progress-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-2)}.source-split-container{display:flex;flex-direction:column;gap:0;padding:0;width:100%;height:100%;flex:1 1 auto}.source-split-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2);background:var(--color-bg-placeholder, var(--skeleton-base));border:var(--border-width-1) dashed var(--color-border-default, #444);border-radius:0;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.source-split-option:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none}.source-split-option:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.source-split-option:hover:not(:disabled){background:var(--color-bg-placeholder-hover, #222222);border-color:var(--color-border-highlight, #555)}.source-split-option:hover:not(:disabled) svg{opacity:var(--opacity-high)}.source-split-option:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.source-split-option svg{opacity:var(--opacity-medium);transition:opacity var(--transition-normal) ease}.source-split-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source-split-container.upload-progress{align-items:center;justify-content:center;background:var(--color-bg-placeholder, var(--skeleton-base));border:var(--border-width-1) dashed var(--color-border-default, #444);border-radius:var(--radius-md)}.upload-spinner{animation:spin var(--duration-spin) linear infinite;color:var(--color-accent-purple, #8b5cf6)}.upload-progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.media-node-preview-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;flex:1 1 auto}.media-replace-btn{position:absolute;bottom:var(--space-2);right:var(--space-2);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-overlay-heavy);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease,transform var(--transition-normal);z-index:10}.media-replace-btn:hover{background:var(--color-overlay-heavy);transform:scale(1.05)}.paint-toolbar-group{display:flex;align-items:center;gap:var(--space-1)}.paint-tool-btn{width:var(--btn-height-sm);height:var(--btn-height-sm);border-radius:var(--radius-small);border:var(--border-width-1) solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-text-secondary)}.paint-tool-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-active);transform:scale(1.05)}.paint-tool-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.paint-color-picker{width:var(--btn-height-sm);height:var(--btn-height-sm);border-radius:var(--radius-small);border:var(--border-width-2) solid var(--color-border);cursor:pointer;overflow:hidden;padding:0;background:transparent;transition:transform var(--transition-fast)}.paint-color-picker:hover{transform:scale(1.05)}.paint-color-picker::-webkit-color-swatch-wrapper{padding:0}.paint-color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.paint-size-slider{width:var(--space-20);height:var(--space-1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--space-0-5);cursor:pointer}.paint-size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--space-3-5);height:var(--space-3-5);border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:var(--border-width-2) solid white;box-shadow:0 1px 3px var(--color-overlay-dark);-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast)}.paint-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.paint-size-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);min-width:var(--space-8);text-align:center;font-variant-numeric:tabular-nums}.node-content:has(.paint-node-canvas-container){flex:0 0 auto}.paint-node-canvas-container{width:100%;aspect-ratio:var(--canvas-aspect-ratio, 1 / 1);border-radius:0 0 var(--node-border-radius) var(--node-border-radius, 12px);overflow:hidden;padding:var(--node-preview-padding);box-sizing:border-box;background-color:var(--color-bg-node)}.paint-node-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;border-radius:var(--radius-sm)}.paint-canvas.eraser-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8' fill='rgba(255,255,255,0.3)'/%3E%3C/svg%3E") 12 12,crosshair}.paint-canvas.eyedropper-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M2 22l1-1h3l9-9'/%3E%3Cpath d='M3 21v-3l9-9'/%3E%3Cpath d='M15 6l3-3a2 2 0 0 1 3 3l-3 3'/%3E%3Cpath d='M14 7l3 3'/%3E%3C/svg%3E") 2 22,crosshair}.paint-canvas.fill-mode{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M19 11h-6V5h6z'/%3E%3Cpath d='M2 22l3-3'/%3E%3Cpath d='M5 19l12-12'/%3E%3Cpath d='M19 5l-8 8h5v6H9L5 23'/%3E%3C/svg%3E") 2 22,crosshair}.paint-input-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;z-index:0}.paint-settings-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-0-5) 0}.paint-settings-row label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);min-width:var(--space-12)}.paint-clear-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-xs);border:var(--border-width-1) solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.paint-clear-btn:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.collaborator-cursor{position:absolute;top:0;left:0;pointer-events:none;z-index:var(--z-overlay);contain:style;transform-origin:0 0;opacity:1;transition:opacity var(--transition-fast)}.collaborator-cursor-content{transform:scale(var(--counter-scale, 1));transform-origin:0 0;position:relative}.collaborator-cursor.inactive{opacity:var(--opacity-medium)}.collaborator-cursor.hidden{opacity:0;pointer-events:none}.collaborator-cursor-pointer{display:block;filter:drop-shadow(0 1px 2px var(--color-overlay-dark))}.collaborator-cursor-label{position:absolute;left:var(--space-7);top:calc(-1 * var(--space-px));padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);color:var(--color-text-inverse);white-space:nowrap;box-shadow:var(--shadow-sm);opacity:var(--opacity-medium)}@keyframes cursorEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.collaborator-cursor.entering{animation:cursorEnter var(--transition-fast)}.collaborator-cursor.typing .collaborator-cursor-label:after{content:"...";animation:typing 1s infinite}@keyframes typing{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.collaborator-cursor.selecting:before{content:"";position:absolute;top:calc(-1 * var(--space-1));left:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));bottom:calc(-1 * var(--space-1));border:var(--border-width-2) solid var(--cursor-color);border-radius:var(--radius-full);opacity:var(--opacity-medium);animation:selectPulse 1s ease-in-out infinite}@keyframes selectPulse{0%,to{transform:scale(1);opacity:var(--opacity-medium)}50%{transform:scale(1.2);opacity:.3}}@media(prefers-contrast:high){.collaborator-cursor-pointer{filter:drop-shadow(0 0 2px black)}.collaborator-cursor-label{border:var(--border-width-1) solid var(--color-text-inverse)}}@media(prefers-reduced-motion:reduce){.collaborator-cursor{transition:none}.collaborator-cursor.entering{animation:none}.collaborator-cursor.selecting:before{animation:none}}.presence-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;contain:style;z-index:10;overflow:visible;transform-origin:0 0}.selection-indicator{position:absolute;pointer-events:none;border:var(--border-width-2) solid var(--selection-color);border-radius:var(--radius-md);background:var(--selection-color);opacity:.15;transition:opacity .15s ease-out}.selection-indicator-label{position:absolute;top:-20px;left:0;padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-2xs);background:var(--selection-color);color:var(--color-text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.lock-indicator{position:absolute;top:-24px;right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-0-75) var(--space-2);border-radius:var(--radius-xs);background:var(--lock-color);color:var(--color-text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);box-shadow:0 2px 4px var(--color-overlay-dark);animation:lockPulse 2s ease-in-out infinite}.lock-indicator-icon{width:var(--space-2-5);height:var(--space-2-5)}@keyframes lockPulse{0%,to{opacity:.9}50%{opacity:1}}.share-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:shareOverlayIn .18s ease-out both;pointer-events:all}@keyframes shareOverlayIn{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-xl);width:480px;max-width:90vw;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-modal),0 0 80px #0006;animation:shareModalIn .22s cubic-bezier(.16,1,.3,1) both;pointer-events:auto;display:flex;flex-direction:column}@keyframes shareModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-1) solid var(--color-border-subtle);background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%)}.share-modal-title{display:flex;align-items:center;gap:var(--space-2-5);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.share-modal-title svg{color:var(--color-accent-primary);opacity:.9}.share-modal-close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);background:transparent;border:var(--border-width-1) solid transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.share-modal-close:hover{background:var(--color-bg-hover);border-color:var(--color-border-default);color:var(--color-text-primary)}.share-modal-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;flex:1}.share-section{display:flex;flex-direction:column;gap:var(--space-3)}.share-section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.share-section-label svg{opacity:.6;width:14px;height:14px}.share-section-bottom{margin-top:auto;border-top:var(--border-width-1) solid var(--color-border-subtle);padding-top:var(--space-5)}.share-invite-row{display:flex;gap:var(--space-2);align-items:stretch}.share-email-input{flex:1;padding:var(--space-2-5) var(--space-3-5);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-small);font-family:var(--font-family);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:var(--btn-height-lg);box-sizing:border-box}.share-email-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-dim)}.share-email-input::-moz-placeholder{color:var(--color-text-tertiary)}.share-email-input::placeholder{color:var(--color-text-tertiary)}.share-invite-btn{padding:0 var(--space-5);height:var(--btn-height-lg);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);min-width:var(--space-20);display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:var(--shadow-button-glow)}.share-invite-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 20px var(--color-accent-primary-glow);transform:translateY(-1px)}.share-invite-btn:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.share-invite-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;box-shadow:none}.share-invite-btn.success{background:var(--gradient-success);box-shadow:0 4px 12px #22c55e4d}.share-spinner{width:var(--space-4);height:var(--space-4);border:var(--border-width-2) solid rgba(255,255,255,.25);border-top-color:var(--color-white);border-radius:var(--radius-full);animation:shareSpin .6s linear infinite}@keyframes shareSpin{to{transform:rotate(360deg)}}.spinner{animation:shareSpin 1s linear infinite}.share-error{font-size:var(--font-size-xs);color:var(--color-error-400);padding:var(--space-2) var(--space-3);background:var(--color-error-subtle);border:var(--border-width-1) solid var(--color-error-border);border-radius:var(--radius-sm);animation:shareOverlayIn .2s ease}.share-success{font-size:var(--font-size-xs);color:var(--color-success-500);padding:var(--space-2) var(--space-3);background:var(--color-success-subtle);border:var(--border-width-1) solid rgba(34,197,94,.2);border-radius:var(--radius-sm);animation:shareOverlayIn .2s ease}.share-link-row{display:flex;gap:var(--space-2);align-items:stretch}.share-link-input{flex:1;padding:var(--space-2-5) var(--space-3-5);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-family:var(--font-mono);outline:none;height:var(--btn-height-lg);box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.share-copy-btn{display:flex;align-items:center;gap:var(--space-1-5);padding:0 var(--space-4);height:var(--btn-height-lg);background:var(--color-bg-hover);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.share-copy-btn:hover{background:var(--color-accent-primary-dim);border-color:var(--color-accent-primary-border);color:var(--color-accent-primary)}.share-copy-btn.copied{background:var(--color-success-subtle);border-color:#22c55e4d;color:var(--color-success-500)}.share-role-select-wrapper{width:100%}.share-role-select{width:100%;padding:var(--space-2-5) var(--space-3);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;outline:none;height:var(--btn-height-lg);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-8);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.share-role-select option{background:#1e1e1e;color:#e0e0e0}.share-role-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-dim)}.share-role-select.full-width{width:100%}.share-participants{display:flex;flex-direction:column;gap:var(--space-1-5);max-height:220px;overflow-y:auto}.share-participant{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-input);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-default);transition:all var(--transition-fast)}.share-participant:hover{border-color:var(--color-border-secondary);background:var(--color-bg-hover)}.share-participant-main{display:flex;gap:var(--space-3);align-items:center;min-width:0;flex:1}.share-participant-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);overflow:hidden;flex-shrink:0}.share-participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.share-participant-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.share-participant-name{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-participant-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-participant-role{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);padding:3px 8px;border-radius:var(--radius-full);flex-shrink:0}.share-participant-role.owner{color:var(--color-accent-yellow);background:var(--color-accent-yellow-dim);border:var(--border-width-1) solid var(--color-accent-yellow-border)}.share-participant-role.editor{color:var(--color-accent-primary);background:var(--color-accent-primary-dim);border:var(--border-width-1) solid var(--color-accent-primary-border)}.share-participant-role.viewer{color:var(--color-text-secondary);background:#ffffff0a;border:var(--border-width-1) solid var(--color-border-default)}.share-pending-avatar{background:linear-gradient(135deg,var(--color-accent-yellow),#d97706)!important}.share-pending-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.share-pending-revoke-btn{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);padding:0;border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.share-pending-revoke-btn:hover:not(:disabled){background:var(--color-accent-red-dim);border-color:var(--color-accent-red-border);color:var(--color-error-500)}.share-pending-revoke-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.share-social-input-wrapper{position:relative;flex:1}.share-social-input{display:flex;align-items:center;justify-content:space-between;min-height:var(--btn-height-lg);padding:var(--space-1-5) var(--space-3);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-2)}.share-social-input:hover{border-color:var(--color-accent-primary-border)}.share-social-input .placeholder{color:var(--color-text-tertiary);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-social-input .dropdown-icon{color:var(--color-text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.share-social-input .dropdown-icon.open{transform:rotate(180deg)}.share-social-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);flex:1;min-width:0}.share-social-chip{display:flex;align-items:center;gap:var(--space-1);background:var(--color-accent-primary-dim);border:var(--border-width-1) solid var(--color-accent-primary-border);border-radius:var(--radius-full);padding:2px 8px 2px 2px;font-size:var(--font-size-xs);color:var(--color-text-primary);max-width:140px}.share-social-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-social-chip img,.share-social-chip .avatar-placeholder{width:20px;height:20px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.share-social-chip .avatar-placeholder{background:var(--gradient-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold)}.share-social-chip .chip-remove{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);padding:1px;flex-shrink:0;transition:all var(--transition-fast)}.share-social-chip .chip-remove:hover{background:#ffffff1a;color:var(--color-error-400)}.share-social-dropdown{position:absolute;top:calc(100% + var(--space-1-5));left:0;right:0;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl);max-height:200px;overflow-y:auto;z-index:var(--z-dropdown);animation:shareDropdownIn .15s ease}@keyframes shareDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-social-empty{padding:var(--space-5);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-small)}.share-social-option{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);cursor:pointer;transition:background var(--transition-fast);border-bottom:var(--border-width-1) solid rgba(255,255,255,.03)}.share-social-option:last-child{border-bottom:none}.share-social-option:hover{background:var(--color-bg-hover)}.share-social-option.selected{background:var(--color-accent-primary-dim)}.share-checkbox{color:var(--color-text-tertiary);flex-shrink:0}.share-checkbox.checked{color:var(--color-accent-primary)}.share-social-option-avatar{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.share-social-option-avatar img,.share-social-option-avatar .avatar-placeholder{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.share-social-option-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--gradient-primary)}.share-social-option-name{font-size:var(--font-size-small);color:var(--color-text-primary);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-social-username{opacity:.5;font-size:var(--font-size-xs);margin-left:var(--space-1);font-weight:var(--font-weight-regular)}.share-section--elevated{position:relative;z-index:10}.share-modal-footer{padding:var(--space-3) var(--space-5);border-top:var(--border-width-1) solid var(--color-border-subtle);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media(max-width:520px){.share-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.share-invite-row,.share-link-row{flex-direction:column}.share-invite-btn{width:100%}.share-copy-btn{width:100%;justify-content:center}}.invite-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page);padding:var(--space-5)}.invite-card{background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-2xl);padding:var(--space-12);max-width:var(--space-105);width:100%;text-align:center;box-shadow:var(--shadow-2xl);animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.invite-icon{width:var(--space-20);height:var(--space-20);margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.invite-icon.error{background:var(--color-error-50);color:var(--color-error-500)}.invite-icon.success{background:var(--color-success-50);color:var(--color-success-500)}.invite-icon.loading{background:var(--color-accent-primary-light)}.invite-icon .spinner{animation:spin var(--duration-spin) linear infinite}.invite-card h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.invite-card p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-8)}.invite-card p strong{color:var(--color-text-primary)}.invite-actions{display:flex;flex-direction:column;gap:var(--space-3)}.invite-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3-5) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.invite-btn.primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.invite-btn.primary:hover:not(:disabled){background:var(--color-accent-primary-hover);transform:translateY(-2px)}.invite-btn.primary:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.invite-btn.secondary{background:var(--color-bg-hover);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-default)}.invite-btn.secondary:hover{background:var(--color-bg-active);border-color:var(--color-border-highlight)}.invite-card.invite-expired .invite-icon{background:var(--color-error-50);color:var(--color-error-500)}.invite-card.invite-expired h2{color:var(--color-error-500)}.node-lock-indicator{position:absolute;top:0;left:0;pointer-events:none;z-index:var(--z-sticky)}.node-lock-border{position:absolute;inset:calc(-1 * var(--space-1));border:var(--border-width-2) solid var(--lock-color, var(--color-error-400));border-radius:var(--radius-lg);opacity:var(--opacity-high);animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{opacity:var(--opacity-medium);box-shadow:0 0 0 0 var(--lock-color)}50%{opacity:var(--opacity-high);box-shadow:0 0 var(--space-3) var(--space-1) var(--lock-color)}}.node-lock-badge{position:absolute;top:calc(-1 * var(--space-2-5));right:calc(-1 * var(--space-2-5));display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);pointer-events:auto;cursor:default;box-shadow:var(--shadow-lg);animation:badgeSlideIn var(--transition-slow)}@keyframes badgeSlideIn{0%{opacity:0;transform:scale(.8) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.node-lock-icon{animation:lockShake .5s ease-in-out}@keyframes lockShake{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.node-lock-initials{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.node-lock-tooltip{position:absolute;top:calc(-1 * var(--space-10));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:var(--color-overlay-backdrop);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-inverse);white-space:nowrap;pointer-events:none;animation:tooltipFadeIn var(--transition-fast);box-shadow:var(--shadow-lg)}.node-lock-tooltip:after{content:"";position:absolute;bottom:calc(-1 * var(--space-1-5));left:50%;transform:translate(-50%);border-left:var(--space-1-5) solid transparent;border-right:var(--space-1-5) solid transparent;border-top:var(--space-1-5) solid var(--color-overlay-backdrop)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collaboration-panel{position:fixed;top:calc(var(--layout-header-height) + var(--space-5));height:calc(100vh - var(--layout-header-height) - var(--space-10));z-index:var(--z-fixed);display:flex;flex-direction:row;transition:all var(--duration-slow) var(--ease-in-out)}.collaboration-panel.position-right{right:var(--space-5)}.collaboration-panel.position-left{left:var(--space-5);flex-direction:row-reverse}.collaboration-panel.collapsed{width:var(--space-12)}.collaboration-panel-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-11);height:var(--space-11);border:none;border-radius:var(--radius-lg);background:var(--color-glass-bg);backdrop-filter:var(--backdrop-blur-lg);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-out)}.collaboration-panel-toggle:hover{background:var(--color-bg-hover);transform:scale(1.05)}.participant-count-badge{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:var(--space-4-5);height:var(--space-4-5);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1-5);border-radius:var(--radius-full);background:var(--gradient-success);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);box-shadow:var(--shadow-button-glow)}.collaboration-panel-content{display:flex;flex-direction:column;width:380px;max-height:520px;margin-left:var(--space-3);background:var(--color-bg-elevated);backdrop-filter:blur(var(--backdrop-blur-xl));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:var(--border-width-1) solid var(--color-border-subtle);overflow:hidden;animation:slideIn var(--duration-slow) var(--ease-out)}.position-left .collaboration-panel-content{margin-left:0;margin-right:var(--space-3)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.collaboration-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.collaboration-panel-header h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.close-button{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.close-button:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.collaboration-tabs{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-hover)}.collaboration-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.collaboration-tabs .tab:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.collaboration-tabs .tab.active{background:var(--color-bg-elevated);color:var(--color-text-primary)}.message-count{min-width:var(--space-4-5);height:var(--space-4-5);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1-5);border-radius:var(--radius-full);background:var(--color-accent-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold)}.collaboration-tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.participants-list{padding:var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.participant-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(114,148,255,.15);background:linear-gradient(155deg,#0a1426eb,#091e25d6);transition:border-color var(--transition-fast),background var(--transition-fast)}.participant-card:hover{border-color:#7294ff59}.participant-card.is-me{border-color:#63e0aa59;background:linear-gradient(155deg,#0c1b1feb,#06221cd1)}.participant-avatar{width:var(--space-9);height:var(--space-9);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);overflow:hidden;flex-shrink:0}.participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1-5)}.participant-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.participant-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:inline-flex;align-items:center;gap:var(--space-1)}.participant-you-tag{font-size:var(--font-size-2xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);border:1px solid rgba(114,148,255,.3);background:#7294ff26}.participant-role-badge{font-size:var(--font-size-2xs);text-transform:capitalize;padding:2px 7px;border-radius:var(--radius-full);border:1px solid rgba(114,148,255,.35);background:#3b82f624;color:#93c5fd;white-space:nowrap}.participant-role-badge.owner{border-color:#fb923c73;background:#fb923c29;color:#fb923c}.participant-role-badge.editor{border-color:#3b82f659;background:#3b82f629;color:#93c5fd}.participant-role-badge.viewer{border-color:#94a3b859;background:#94a3b81f;color:#cbd5f5}.participant-meta{display:flex;align-items:center;gap:var(--space-2)}.participant-status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.participant-status-dot.active{background:var(--color-success-500);box-shadow:0 0 6px #22c55e80}.participant-status-dot.offline{background:var(--color-text-tertiary)}.participant-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.participant-avatar-link{text-decoration:none;color:inherit;flex-shrink:0;border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.participant-avatar-link:hover{transform:scale(1.08);box-shadow:0 0 0 2px var(--color-accent-primary)}.participant-name-link{text-decoration:none;color:inherit}.participant-name-link:hover .participant-name{color:var(--color-accent-primary);text-decoration:underline}@media(max-width:720px){.participants-list{grid-template-columns:minmax(0,1fr)}}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);text-align:center}.chat-empty p{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.chat-empty span{font-size:var(--font-size-xs)}.chat-message{display:flex;gap:var(--space-2-5);padding:var(--space-2);border-radius:var(--radius-lg);transition:background var(--duration-normal) var(--ease-out)}.chat-message:hover{background:var(--color-bg-hover)}.chat-message.is-mine{background:var(--color-accent-primary-light)}.message-avatar{width:var(--size-avatar-sm);height:var(--size-avatar-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.message-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.message-time{font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.message-text{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);word-break:break-word}.chat-input-container{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-hover)}.chat-input{flex:1;padding:var(--space-2-5) var(--space-3-5);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--duration-normal) var(--ease-out)}.chat-input::-moz-placeholder{color:var(--color-text-tertiary)}.chat-input::placeholder{color:var(--color-text-tertiary)}.chat-input:focus{border-color:var(--color-accent-primary);background:var(--color-bg-elevated)}.chat-send-button{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border:none;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--color-text-inverse);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.chat-send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-button-glow)}.chat-send-button:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.note-node{width:100%;height:100%;background:color-mix(in srgb,var(--note-color, #FFD740) 20%,transparent);border:2px solid color-mix(in srgb,var(--note-color, #FFD740) 25%,transparent);border-radius:16px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;pointer-events:auto;transition:border-color .2s ease,background .2s ease}.note-node.selected{border-color:#fff!important;box-shadow:0 0 0 1px #ffffff4d}.note-node.recording{border-color:#ff5252!important;animation:nn-pulse 1.5s ease-in-out infinite}@keyframes nn-pulse{0%,to{box-shadow:0 0 #ff52524d}50%{box-shadow:0 0 12px 4px #ff525240}}.flow-node:has(.note-node){background:transparent!important;border:none!important}.note-node__header{background:color-mix(in srgb,var(--note-color, #FFD740) 28%,transparent);border-bottom:1px solid color-mix(in srgb,var(--note-color, #FFD740) 20%,transparent);color:var(--color-text-on-overlay, #fff);font-size:13px;font-weight:600;padding:8px 12px;border-radius:14px 14px 0 0;cursor:grab;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.note-node__header:active{cursor:grabbing}.note-node__title{flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-node__controls{display:flex;align-items:center;gap:6px}.nn-hdr-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffff73;cursor:pointer;padding:0;transition:all .15s}.nn-hdr-btn:hover{background:#ffffff1a;color:#fff}.nn-hdr-btn.active.recording{background:#ff52524d;border-color:#ff5252;color:#ff5252;animation:nn-mic-pulse 1s ease-in-out infinite}@keyframes nn-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.note-node__color-picker{position:relative;display:flex;align-items:center}.nn-color-btn{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.3);cursor:pointer;padding:0;transition:transform .15s}.nn-color-btn:hover{transform:scale(1.25)}.note-node__color-menu{position:absolute;right:100%;margin-right:8px;display:flex;gap:4px;background:#141414;padding:6px;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:100;box-shadow:0 8px 24px #0009}.nn-color-opt{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;padding:0;transition:transform .12s}.nn-color-opt:hover{transform:scale(1.2)}.nn-color-opt.active{border-color:#fff;box-shadow:0 0 6px #ffffff4d}.nn-toolbar{display:flex;align-items:center;gap:1px;padding:4px 6px;background:color-mix(in srgb,var(--note-color, #FFD740) 8%,rgba(0,0,0,.3));border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap;flex-shrink:0;min-height:28px}.nn-toolbar button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#ffffff73;cursor:pointer;padding:0;transition:all .1s;flex-shrink:0}.nn-toolbar button:hover{background:#ffffff1a;color:#fff}.nn-toolbar button:active{background:#ffffff26}.nn-tb-sep{width:1px;height:16px;background:#ffffff0f;margin:0 2px;flex-shrink:0}.nn-tb-dropdown{position:relative;display:flex;align-items:center}.nn-tb-dd-btn{display:flex!important;align-items:center;gap:2px;width:auto!important;padding:0 4px!important}.nn-tb-dd-menu{position:absolute;top:100%;left:0;margin-top:4px;display:flex;flex-direction:column;gap:1px;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px;z-index:200;box-shadow:0 8px 24px #0009;min-width:40px}.nn-tb-dd-menu button{width:100%!important;height:auto!important;padding:4px 10px!important;border-radius:3px!important;font-size:11px;color:#ffffffb3!important;justify-content:flex-start!important;white-space:nowrap}.nn-tb-dd-menu button:hover{background:#ffffff14!important;color:#fff!important}.nn-color-grid{flex-direction:row!important;flex-wrap:wrap!important;max-width:120px;gap:3px!important}.nn-swatch{width:20px!important;height:20px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.12)!important;padding:0!important}.nn-swatch:hover{border-color:#fff6!important;transform:scale(1.15)}.nn-font-panel{display:flex;align-items:center;gap:4px}.nn-font-family-btn{display:flex!important;align-items:center;gap:3px;width:auto!important;padding:2px 6px!important;font-size:11px!important;min-width:56px;white-space:nowrap}.nn-font-menu{min-width:130px!important}.nn-font-menu button{font-size:13px!important}.nn-size-control{display:flex;align-items:center;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden}.nn-size-btn{width:20px!important;height:22px!important;border-radius:0!important;font-size:13px!important;font-weight:600!important;color:#ffffff80!important;border:none!important}.nn-size-btn:hover{background:#ffffff1f!important;color:#fff!important}.nn-size-value{width:auto!important;min-width:28px!important;height:22px!important;border-radius:0!important;font-size:11px!important;font-weight:600!important;color:#fffc!important;border:none!important;border-left:1px solid rgba(255,255,255,.06)!important;border-right:1px solid rgba(255,255,255,.06)!important;padding:0 4px!important;font-family:SF Mono,monospace!important}.nn-size-menu{max-height:200px;overflow-y:auto}.nn-size-menu button.active{background:#ffffff1a!important;color:#fff!important}.note-node.light .nn-size-control{background:#0000000a;border-color:#0000001a}.note-node.light .nn-size-btn{color:#0006!important}.note-node.light .nn-size-btn:hover{background:#00000014!important;color:#000!important}.note-node.light .nn-size-value{color:#000000b3!important;border-color:#00000014!important}.note-node__content{flex:1;min-height:60px;overflow:auto;position:relative;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--note-color, #FFD740) 20%,transparent) transparent}.note-node__content::-webkit-scrollbar-track{background:transparent}.note-node__content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--note-color, #FFD740) 20%,transparent);border-radius:4px}.note-node__content.focused{overflow:auto}.nn-floating-mic{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#1e1e1e;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:20;transition:all .2s;opacity:.2}.nn-floating-mic svg{filter:none}.nn-floating-mic:hover{opacity:1;background:#282828e6;color:#fff}.nn-floating-mic.active{opacity:.7;background:#ff52524d;border-color:#ff5252;color:#ff5252;animation:nn-mic-pulse 1s ease-in-out infinite}.note-node.light .nn-floating-mic{background:#f0f0f0cc;border-color:#0000001a;color:#00000059}.note-node.light .nn-floating-mic:hover{color:#000;background:#e6e6e6f2}.nn-editor{width:100%;min-height:100%;padding:14px 16px;font-family:SF Pro Text,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:20px;line-height:1.6;color:#ffffffe6;outline:none;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;caret-color:#fff;box-sizing:border-box;cursor:text}.nn-editor--locked{cursor:not-allowed;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.nn-editor:empty:before{content:attr(data-placeholder);color:color-mix(in srgb,var(--note-color, #FFD740) 50%,transparent);font-style:italic;pointer-events:none}.nn-editor p{margin:0}.nn-editor pre{background:#00000059;padding:10px 14px;border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:12px;color:color-mix(in srgb,var(--note-color, #FFD740) 70%,white);margin:6px 0;overflow-x:auto;white-space:pre-wrap;border:1px solid rgba(255,255,255,.06)}.nn-editor code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:12px;color:color-mix(in srgb,var(--note-color, #FFD740) 80%,white)}.nn-editor h1{font-size:32px;font-weight:700;margin:16px 0 10px;line-height:1.3;color:inherit}.nn-editor h2{font-size:28px;font-weight:600;margin:14px 0 8px;line-height:1.3;color:inherit}.nn-editor h3{font-size:24px;font-weight:600;margin:12px 0 6px;line-height:1.3;color:inherit}.nn-editor strong,.nn-editor b{font-weight:700}.nn-editor blockquote{border-left:3px solid color-mix(in srgb,var(--note-color, #FFD740) 50%,transparent);margin:6px 0;padding:4px 14px;color:#ffffffb3;font-style:italic;background:#0000001a;border-radius:0 4px 4px 0}.nn-editor hr{border:none;height:1px;background:color-mix(in srgb,var(--note-color, #FFD740) 25%,transparent);margin:12px 0}.nn-editor a{color:#64b5f6;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;border-radius:2px;padding:0 2px;transition:all .2s ease;word-break:break-all}.nn-editor a:after{content:" ↗";font-size:.75em;opacity:.5;vertical-align:super}.nn-editor a:hover{color:#90caf9;text-decoration-style:solid;text-shadow:0 0 8px rgba(100,181,246,.4);background:#64b5f614}.nn-editor a:active{opacity:.7}.nn-editor ul{margin:8px 0;padding-left:24px;line-height:1.6;list-style:disc outside!important}.nn-editor ol{margin:8px 0;padding-left:24px;line-height:1.6;list-style:decimal outside!important}.nn-editor li{margin:4px 0;padding-left:0;line-height:1.6;display:list-item!important}.nn-editor li::marker{color:color-mix(in srgb,var(--note-color, #FFD740) 80%,white);font-weight:600;font-size:1em}.note-node.light .nn-editor li::marker{color:color-mix(in srgb,var(--note-color, #FFD740) 60%,#333)}.nn-raw-source{width:100%;min-height:100%;padding:14px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;color:#ffffffd9;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;outline:none;caret-color:#ffd740;-moz-tab-size:2;-o-tab-size:2;tab-size:2;background:#00000026;border-radius:0}.note-node.light .nn-raw-source{color:#000c;caret-color:#333;background:#0000000a}.nn-raw-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:transparent;border:none;color:#fff6;cursor:pointer;padding:0;transition:all .15s ease}.nn-raw-toggle:hover{background:#ffffff14;color:#fffc}.nn-raw-toggle.active{color:#ffd740;background:#ffd7401f}.note-node.light .nn-raw-toggle{color:#00000059}.note-node.light .nn-raw-toggle:hover{background:#0000000f;color:#000000b3}.note-node.light .nn-raw-toggle.active{color:#b38f00;background:#b38f001a}.nn-check-item{display:flex;align-items:flex-start;gap:8px;margin:4px 0;padding:2px 0;line-height:1.6;min-height:1.6em}.nn-check-item input[type=checkbox]{width:18px;height:18px;margin-top:.25em;accent-color:color-mix(in srgb,var(--note-color, #FFD740) 80%,white);cursor:pointer;flex-shrink:0;border-radius:3px}.nn-check-item span{flex:1;min-width:0;outline:none;line-height:1.6}.nn-check-item input[type=checkbox]:checked+span{text-decoration:line-through;opacity:.5}.nn-editor img,.nn-inline-img{max-width:100%;border-radius:6px;margin:6px 0;display:block;border:1px solid rgba(255,255,255,.08);transition:border-color .15s;cursor:default}.nn-editor img:hover,.nn-inline-img:hover{border-color:color-mix(in srgb,var(--note-color, #FFD740) 50%,transparent)}.nn-editor img::-moz-selection{outline:2px solid color-mix(in srgb,var(--note-color, #FFD740) 60%,transparent);outline-offset:2px}.nn-editor img:focus,.nn-editor img::selection{outline:2px solid color-mix(in srgb,var(--note-color, #FFD740) 60%,transparent);outline-offset:2px}.nn-interim{color:#fff6;font-style:italic;border-bottom:1px dashed rgba(255,255,255,.2)}.nn-editor ::-moz-selection{background:color-mix(in srgb,var(--note-color, #FFD740) 35%,transparent)}.nn-editor ::selection{background:color-mix(in srgb,var(--note-color, #FFD740) 35%,transparent)}.nn-status-bar{display:flex;align-items:center;gap:0;padding:4px 14px;background:color-mix(in srgb,var(--note-color, #FFD740) 5%,rgba(0,0,0,.2));border-top:1px solid rgba(255,255,255,.04);border-radius:0 0 14px 14px;flex-shrink:0;font-family:SF Mono,Consolas,monospace;font-size:10px;color:#ffffff40}.nn-status-sep{margin:0 6px;opacity:.4}.note-node .note-resize-handle{position:absolute;background:transparent;opacity:0;pointer-events:auto;z-index:10}.note-node .note-resize-handle.nw,.note-node .note-resize-handle.ne,.note-node .note-resize-handle.sw,.note-node .note-resize-handle.se{width:20px;height:20px}.note-node .note-resize-handle.nw{top:-3px;left:-3px;cursor:nw-resize}.note-node .note-resize-handle.ne{top:-3px;right:-3px;cursor:ne-resize}.note-node .note-resize-handle.sw{bottom:-3px;left:-3px;cursor:sw-resize}.note-node .note-resize-handle.se{bottom:-3px;right:-3px;cursor:se-resize}.note-node .note-resize-handle.n,.note-node .note-resize-handle.s{width:50%;height:6px;left:25%}.note-node .note-resize-handle.e,.note-node .note-resize-handle.w{width:6px;height:50%;top:25%}.note-node .note-resize-handle.n{top:-3px;cursor:n-resize}.note-node .note-resize-handle.s{bottom:-3px;cursor:s-resize}.note-node .note-resize-handle.e{right:-3px;cursor:e-resize}.note-node .note-resize-handle.w{left:-3px;cursor:w-resize}.note-node__content::-webkit-scrollbar{width:4px}.note-node__content::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--note-color, #FFD740) 20%,transparent);border-radius:2px}.note-node.light{border-color:color-mix(in srgb,var(--note-color) 40%,#999);background:color-mix(in srgb,var(--note-color) 75%,transparent)}.note-node.light .note-node__header{color:#1a1a1a;border-bottom:1px solid rgba(0,0,0,.12);background:color-mix(in srgb,var(--note-color) 85%,rgba(0,0,0,.03))}.note-node.light .note-node__title{color:#1a1a1a}.note-node.light .nn-hdr-btn{color:#00000073;border-color:#0000001f}.note-node.light .nn-hdr-btn:hover{color:#000;background:#00000014}.note-node.light .nn-toolbar{background:color-mix(in srgb,var(--note-color) 10%,rgba(0,0,0,.05));border-bottom-color:#0000000f}.note-node.light .nn-toolbar button{color:#00000080}.note-node.light .nn-toolbar button:hover{color:#000;background:#00000014}.note-node.light .nn-tb-sep{background:#0000001a}.note-node.light .nn-editor{color:#000000d1;caret-color:#000000e6}.note-node.light .nn-editor:empty:before{color:#00000059}.note-node.light .nn-editor h1,.note-node.light .nn-editor h2,.note-node.light .nn-editor h3{color:#000000e0}.note-node.light .nn-editor h1{border-bottom:1px solid rgba(0,0,0,.15)!important}.note-node.light .nn-editor li::marker{color:#0009}.note-node.light .nn-editor strong{color:#000000e0}.note-node.light .nn-editor em{color:#000000b3}.note-node.light .nn-editor del{color:#0006}.note-node.light .nn-editor pre{background:#0000000f;color:#333;border-color:#0000001a}.note-node.light .nn-editor code{background:#00000014;color:#555}.note-node.light .nn-editor blockquote{color:#0009;background:#0000000a}.note-node.light .nn-editor hr{background:#00000026}.note-node.light .nn-editor a{color:#1565c0}.note-node.light .nn-editor a:hover{color:#0d47a1}.note-node.light .nn-editor ::-moz-selection{background:#0064c833}.note-node.light .nn-editor ::selection{background:#0064c833}.note-node.light .nn-editor img{border-color:#0000001a}.note-node.light .nn-editor img:hover{border-color:#00000040}.note-node.light .nn-status-bar{color:#0000004d;background:color-mix(in srgb,var(--note-color) 5%,rgba(0,0,0,.04));border-top-color:#0000000f}.note-node.light .nn-color-btn{border-color:#0003}.note-node.light .nn-interim{color:#0006;border-bottom-color:#0003}.note-node.opaque{background:color-mix(in srgb,var(--note-color, #FFD740) 70%,transparent);border-color:color-mix(in srgb,var(--note-color, #FFD740) 65%,transparent);opacity:.7}.note-node.opaque .note-node__header{background:color-mix(in srgb,var(--note-color, #FFD740) 75%,rgba(0,0,0,.1));border-bottom-color:#00000026}.note-node.opaque .nn-toolbar{background:color-mix(in srgb,var(--note-color, #FFD740) 25%,rgba(0,0,0,.3));border-bottom-color:#0000001a}.note-node.opaque .nn-status-bar{background:color-mix(in srgb,var(--note-color, #FFD740) 18%,rgba(0,0,0,.2));border-top-color:#0000001a}.note-node.light.opaque{background:color-mix(in srgb,var(--note-color, #FFD740) 70%,transparent);border-color:color-mix(in srgb,var(--note-color) 60%,rgba(0,0,0,.2));opacity:.7}.note-node.light.opaque .note-node__header{background:color-mix(in srgb,var(--note-color) 75%,rgba(0,0,0,.02));border-bottom-color:#0000001a}.note-node.light.opaque .nn-toolbar{background:color-mix(in srgb,var(--note-color) 25%,rgba(0,0,0,.06));border-bottom-color:#0000000f}.note-node.light.opaque .nn-status-bar{background:color-mix(in srgb,var(--note-color) 15%,rgba(0,0,0,.04));border-top-color:#0000000f}.nn-opacity-btn.active{background:#ffffff26;color:#ffffffe6;border-color:#fff3}.note-node.light .nn-opacity-btn.active{background:#0000001a;color:#000c;border-color:#00000026}.text-field-node{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;position:relative;pointer-events:auto;border:2px solid transparent;border-radius:8px;transition:border-color .15s ease,background-color .15s ease;background:transparent;cursor:grab}.text-field-node:hover{border-color:#ffffff26;background:#ffffff05}.text-field-node.selected{border-color:#ffffff73;background:#ffffff08}.text-field-node.editing{border-color:#4f7fff80;background:#00000026;cursor:text}.flow-node:has(.text-field-node){background:transparent!important;border-color:transparent!important}.flow-node.locked-by-other:has(.text-field-node){outline:2px solid var(--lock-badge-color, #ef4444);outline-offset:-1px}.flow-node.selected:has(.text-field-node){box-shadow:0 0 0 2px #4f7fff99;border-radius:8px}.text-field-node__editor{width:100%;height:100%;padding:8px 12px;font-family:SF Pro Text,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--tf-font-size, 20px);line-height:1.4;color:#ffffffe6;outline:none;word-wrap:break-word;overflow-wrap:break-word;caret-color:#fff;box-sizing:border-box;cursor:inherit;white-space:pre-wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100%;display:flex;align-items:center;overflow:hidden}.text-field-node.editing .text-field-node__editor{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.text-field-node__editor:empty:before{content:attr(data-placeholder);color:#fff3;font-style:italic;pointer-events:none}.tf-editor--locked{cursor:not-allowed!important;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.text-field-node .tf-resize-handle{position:absolute;background:transparent;opacity:0;pointer-events:auto;z-index:10}.text-field-node .tf-resize-handle.nw,.text-field-node .tf-resize-handle.ne,.text-field-node .tf-resize-handle.sw,.text-field-node .tf-resize-handle.se{width:16px;height:16px}.text-field-node .tf-resize-handle.nw{top:-3px;left:-3px;cursor:nw-resize}.text-field-node .tf-resize-handle.ne{top:-3px;right:-3px;cursor:ne-resize}.text-field-node .tf-resize-handle.sw{bottom:-3px;left:-3px;cursor:sw-resize}.text-field-node .tf-resize-handle.se{bottom:-3px;right:-3px;cursor:se-resize}.text-field-node .tf-resize-handle.n,.text-field-node .tf-resize-handle.s{width:50%;height:6px;left:25%}.text-field-node .tf-resize-handle.e,.text-field-node .tf-resize-handle.w{width:6px;height:50%;top:25%}.text-field-node .tf-resize-handle.n{top:-3px;cursor:n-resize}.text-field-node .tf-resize-handle.s{bottom:-3px;cursor:s-resize}.text-field-node .tf-resize-handle.e{right:-3px;cursor:e-resize}.text-field-node .tf-resize-handle.w{left:-3px;cursor:w-resize}.text-field-node__size-badge{position:absolute;bottom:-20px;right:4px;font-size:10px;font-family:SF Mono,Consolas,monospace;color:#ffffff40;pointer-events:none;opacity:0;transition:opacity .15s ease}.text-field-node.selected .text-field-node__size-badge,.text-field-node.editing .text-field-node__size-badge{opacity:1}.group-node{width:100%;height:100%;background:color-mix(in srgb,var(--group-color, #78909C) 8%,transparent);border:var(--border-width-2) solid color-mix(in srgb,var(--group-color, #78909C) 30%,transparent);border-radius:var(--radius-xl);pointer-events:none;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.group-node.selected{border:var(--border-width-2) solid #FFFFFF!important;box-shadow:0 0 0 1px #ffffff4d}.group-node__header{background:color-mix(in srgb,var(--group-color, #78909C) 12%,transparent);border-bottom:var(--border-width-1) solid color-mix(in srgb,var(--group-color, #78909C) 20%,transparent);color:var(--color-text-on-overlay);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);border-radius:15px 15px 0 0;cursor:grab;pointer-events:auto;display:flex;justify-content:space-between;align-items:center}.group-node__header:active{cursor:grabbing}.group-node__title{flex:1}.group-node__controls{display:flex;align-items:center;gap:var(--space-2)}.group-node__color-picker{position:relative;display:flex;align-items:center}.group-node__color-btn{width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-overlay-dark);cursor:pointer;padding:0;transition:transform var(--transition-normal)}.group-node__color-btn:hover{transform:scale(1.2)}.group-node__color-menu{position:absolute;right:100%;margin-right:var(--space-2);display:flex;gap:var(--space-1);background:var(--color-bg-node, var(--skeleton-base));padding:var(--space-1-5);border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-default);z-index:var(--z-modal);box-shadow:var(--shadow-menu)}.group-node__color-option{width:var(--icon-size-lg);height:var(--icon-size-lg);border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-overlay-medium);cursor:pointer;padding:0;transition:transform var(--transition-normal)}.group-node__color-option:hover{transform:scale(1.15)}.group-node__color-option.active{border:var(--border-width-2) solid white}.group-node__lock-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color .2s}.group-node__lock-btn:hover,.group-node__lock-btn.locked{color:var(--color-text-primary)}.group-node__content{flex:1;min-height:var(--space-25);padding:var(--space-4);pointer-events:none}.group-node .group-resize-handle{position:absolute;background:transparent;border:none;opacity:0;pointer-events:auto;z-index:10}.group-node:hover .group-resize-handle,.group-node.selected .group-resize-handle{opacity:0}.group-node .group-resize-handle.nw,.group-node .group-resize-handle.ne,.group-node .group-resize-handle.sw,.group-node .group-resize-handle.se{width:var(--space-5-5);height:var(--space-5-5);background:transparent;border:none;border-width:var(--space-0-75);border-style:solid;border-color:var(--color-text-tertiary)}.group-node .group-resize-handle.nw{top:-3px;left:-3px;cursor:nw-resize;border-right:none;border-bottom:none;border-top-left-radius:var(--space-3-5);border-top-right-radius:3.5px;border-bottom-left-radius:3.5px}.group-node .group-resize-handle.ne{top:-3px;right:-3px;cursor:ne-resize;border-left:none;border-bottom:none;border-top-right-radius:var(--space-3-5);border-top-left-radius:3.5px;border-bottom-right-radius:3.5px}.group-node .group-resize-handle.sw{bottom:-3px;left:-3px;cursor:sw-resize;border-right:none;border-top:none;border-bottom-left-radius:var(--space-3-5);border-top-left-radius:3.5px;border-bottom-right-radius:3.5px}.group-node .group-resize-handle.se{bottom:-3px;right:-3px;cursor:se-resize;border-left:none;border-top:none;border-bottom-right-radius:var(--space-3-5);border-top-right-radius:3.5px;border-bottom-left-radius:3.5px}.group-node .group-resize-handle.n,.group-node .group-resize-handle.s{width:var(--space-10);height:var(--space-0-75);left:50%;transform:translate(-50%);border-radius:var(--space-0-5)}.group-node .group-resize-handle.e,.group-node .group-resize-handle.w{width:var(--space-0-75);height:var(--space-10);top:50%;transform:translateY(-50%);border-radius:var(--space-0-5)}.group-node .group-resize-handle.n{top:-1.5px;cursor:n-resize}.group-node .group-resize-handle.s{bottom:-1.5px;cursor:s-resize}.group-node .group-resize-handle.e{right:-1.5px;cursor:e-resize}.group-node .group-resize-handle.w{left:-1.5px;cursor:w-resize}.flow-node:has(.group-node){background:transparent!important;border:none!important;z-index:0!important}.flow-node[data-type=router],.flow-node[data-type=logic-router],.flow-node.logic-router,.flow-node.router,.router-node-wrapper{width:var(--router-node-width, 120px);height:var(--router-node-height, 40px);min-width:var(--router-node-width, 120px);min-height:var(--router-node-height, 40px)}.router-node-wrapper>.node-content,.flow-node[data-type=router]>.node-content{background-color:var(--color-bg-node, var(--skeleton-base));border:var(--border-width-2) solid var(--color-border-subtle, #3f3f46);border-radius:var(--node-border-radius);display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:visible;width:100%;height:100%;box-sizing:border-box}.router-node__body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;padding:0;margin:0}.router-node__label{color:var(--color-text-primary, var(--color-text-inverse));font-size:var(--font-size-md);font-weight:var(--font-weight-bold, 600);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--opacity-high)}.router-node-wrapper>.node-content>*{padding:0;margin:0}.router-node-wrapper.selected>.node-content:after{content:"";position:absolute;inset:calc(-1 * var(--space-0-5, 2px));border-radius:var(--node-border-radius);border:var(--border-width-2) solid var(--color-border-selected, var(--color-accent-primary));pointer-events:none}.webhook-trigger-node{--webhook-border: rgba(100, 100, 100, .6);--webhook-glow: rgba(100, 100, 100, .2)}.webhook-status-idle .node-content{border:2px solid var(--webhook-border)!important;box-shadow:none}.webhook-status-idle:hover .node-content{border-color:#787878cc!important;box-shadow:0 0 8px #6464644d}.webhook-status-listening{--webhook-border: #eab308;--webhook-glow: rgba(234, 179, 8, .4)}.webhook-status-listening .node-content{border:2px solid var(--webhook-border)!important;box-shadow:0 0 16px var(--webhook-glow);animation:webhook-listening-pulse 1.5s ease-in-out infinite}@keyframes webhook-listening-pulse{0%,to{box-shadow:0 0 12px #eab3084d}50%{box-shadow:0 0 24px #eab30880,0 0 40px #eab30833}}.webhook-status-completed{--webhook-border: #22c55e;--webhook-glow: rgba(34, 197, 94, .4)}.webhook-status-completed .node-content{border:2px solid var(--webhook-border)!important;box-shadow:0 0 12px var(--webhook-glow)}.webhook-status-completed:hover .node-content{box-shadow:0 0 20px var(--webhook-glow)}.webhook-just-captured .node-content{animation:webhook-capture-flash .6s ease-out}@keyframes webhook-capture-flash{0%{box-shadow:0 0 #22c55e00;transform:scale(1)}30%{box-shadow:0 0 40px #22c55ecc,0 0 80px #22c55e66;transform:scale(1.02)}to{box-shadow:0 0 12px #22c55e66;transform:scale(1)}}.webhook-captured-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#22c55e26;color:#22c55e;font-size:10px;font-weight:600;border-radius:4px;animation:webhook-badge-appear .3s ease-out}@keyframes webhook-badge-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.webhook-status-error{--webhook-border: #ef4444;--webhook-glow: rgba(239, 68, 68, .4)}.webhook-status-error .node-content{border:2px solid var(--webhook-border)!important;box-shadow:0 0 12px var(--webhook-glow);animation:webhook-error-pulse 2s ease-in-out infinite}@keyframes webhook-error-pulse{0%,to{box-shadow:0 0 12px #ef44444d}50%{box-shadow:0 0 20px #ef444480}}.webhook-url-container{display:flex;flex-direction:column;gap:6px;padding:8px 0}.webhook-url-label{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.webhook-url-row{display:flex;gap:6px;align-items:center}.webhook-url-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary);cursor:text;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-url-input:focus{outline:none;border-color:var(--webhook-accent)}.webhook-copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.webhook-copy-btn:hover{background:var(--webhook-accent-light);border-color:var(--webhook-accent);color:var(--webhook-accent)}.webhook-copy-btn.copied{background:#22c55e26;border-color:#22c55e;color:#22c55e}.webhook-hint{font-size:10px;color:var(--text-tertiary);line-height:1.3}.webhook-method-badge{display:inline-flex;align-items:center;padding:3px 8px;background:var(--webhook-accent-light);color:var(--webhook-accent);font-size:10px;font-weight:600;border-radius:4px;letter-spacing:.5px}.webhook-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-tertiary);font-size:11px;text-align:center}.webhook-waiting-icon{opacity:.4;animation:webhook-pulse 2s ease-in-out infinite}@keyframes webhook-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.webhook-payload-container{display:flex;flex-direction:column;gap:6px;max-height:120px;overflow:hidden}.webhook-last-received{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#22c55e;font-weight:500}.webhook-payload-copy-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;padding:0}.webhook-payload-copy-btn:hover{background:var(--bg-tertiary);color:var(--webhook-accent)}.webhook-payload-copy-btn:active{color:#22c55e;transform:scale(.9)}.webhook-payload{font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary);background:var(--bg-tertiary);padding:8px;border-radius:6px;margin:0;overflow:auto;max-height:80px;white-space:pre-wrap;word-break:break-all}.webhook-listening-icon{color:#eab308;animation:listening-icon-pulse 1s ease-in-out infinite}@keyframes listening-icon-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.webhook-listening-hint{font-size:10px;color:var(--text-tertiary);font-weight:400}.webhook-url-section{display:flex;flex-direction:column;gap:6px}.webhook-field-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.webhook-timestamp{font-weight:400;color:#22c55e;text-transform:none;letter-spacing:0}.webhook-url-textarea{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary);resize:none;cursor:text;-webkit-user-select:all;-moz-user-select:all;user-select:all;overflow:hidden;white-space:nowrap}.webhook-url-textarea:focus{outline:none;border-color:var(--webhook-accent)}.webhook-payload-section{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.webhook-payload-textarea{width:100%;flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px;font-size:11px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary);resize:none;overflow:auto;min-height:60px}.webhook-payload-textarea:focus{outline:none;border-color:var(--webhook-accent)}.webhook-listening-container{display:flex;align-items:center;gap:8px;padding:16px;color:var(--webhook-listening-color, #eab308);font-size:11px;justify-content:center;background:#eab3081a;border-radius:6px;border:1px dashed rgba(234,179,8,.3)}.webhook-countdown{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600;color:#eab308;background:#eab30826;padding:2px 8px;border-radius:4px;letter-spacing:1px;flex-shrink:0}.webhook-listen-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.webhook-listen-text{font-size:11px;color:#eab308}.webhook-progress-wrapper{width:100%;height:4px;background:#eab30826;border-radius:2px;overflow:hidden}.webhook-progress-bar{height:100%;background:linear-gradient(90deg,#eab308,#fbbf24);border-radius:2px;transition:width 1s linear;box-shadow:0 0 8px #eab30866}.webhook-history-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:700;border-radius:9px;box-shadow:0 2px 4px #6366f14d;animation:webhook-badge-pop .3s ease-out;cursor:help}@keyframes webhook-badge-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.webhook-waiting-container{display:flex;align-items:center;gap:8px;padding:16px;color:var(--text-tertiary);font-size:11px;justify-content:center;background:var(--bg-tertiary);border-radius:6px;border:1px dashed var(--border-subtle)}.webhook-api-toggle{cursor:pointer;transition:background .15s ease;border-radius:4px;margin:-4px;padding:4px!important}.webhook-api-toggle:hover{background:#ffffff0d}.webhook-toggle-container{display:flex;align-items:center;gap:6px}.webhook-toggle-icon{color:var(--text-tertiary);transition:color .15s ease}.webhook-toggle-icon.active{color:#22c55e}.webhook-status-text{font-size:11px;font-weight:500;color:var(--text-tertiary);min-width:50px}.webhook-status-text.active{color:#22c55e}.webhook-listen-toggle{cursor:pointer;transition:background .15s ease;border-radius:4px;margin:-4px;padding:4px!important}.webhook-listen-toggle:hover{background:#eab3081a}.webhook-listen-toggle.listening{background:#eab30826;border:1px dashed rgba(234,179,8,.4)}.webhook-listen-toggle.listening:hover{background:#eab30833}.webhook-listen-btn-icon{color:var(--text-tertiary);transition:all .15s ease}.webhook-listen-btn-icon.active{color:#eab308;animation:listening-icon-pulse 1s ease-in-out infinite}.webhook-listen-toggle .webhook-status-text{font-size:10px;color:var(--text-tertiary)}.webhook-listen-toggle .webhook-status-text.active{color:#eab308;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;letter-spacing:.5px}.respond-webhook-node{--respond-border: rgba(100, 100, 100, .6);--respond-glow: rgba(100, 100, 100, .2)}.respond-status-idle .node-content{border:2px solid var(--respond-border)!important;box-shadow:none}.respond-status-idle:hover .node-content{border-color:#787878cc!important;box-shadow:0 0 8px #6464644d}.respond-status-waiting{--respond-border: #eab308;--respond-glow: rgba(234, 179, 8, .3)}.respond-status-waiting .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 12px var(--respond-glow)}.respond-status-executing{--respond-border: #eab308;--respond-glow: rgba(234, 179, 8, .4)}.respond-status-executing .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 16px var(--respond-glow);animation:respond-executing-pulse 1.5s ease-in-out infinite}@keyframes respond-executing-pulse{0%,to{box-shadow:0 0 12px #eab3084d}50%{box-shadow:0 0 24px #eab30880,0 0 40px #eab30833}}.respond-status-sent{--respond-border: #22c55e;--respond-glow: rgba(34, 197, 94, .4)}.respond-status-sent .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 12px var(--respond-glow)}.respond-status-sent:hover .node-content{box-shadow:0 0 20px var(--respond-glow)}.respond-status-error{--respond-border: #ef4444;--respond-glow: rgba(239, 68, 68, .4)}.respond-status-error .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 12px var(--respond-glow);animation:respond-error-pulse 2s ease-in-out infinite}@keyframes respond-error-pulse{0%,to{box-shadow:0 0 12px #ef44444d}50%{box-shadow:0 0 20px #ef444480}}.respond-status-pending{--respond-border: #3b82f6;--respond-glow: rgba(59, 130, 246, .4)}.respond-status-pending .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 12px var(--respond-glow);animation:respond-pending-pulse 1.5s ease-in-out infinite}@keyframes respond-pending-pulse{0%,to{box-shadow:0 0 12px #3b82f64d}50%{box-shadow:0 0 20px #3b82f680}}.respond-status-running{--respond-border: #3b82f6;--respond-glow: rgba(59, 130, 246, .4)}.respond-status-running .node-content{border:2px solid var(--respond-border)!important;box-shadow:0 0 16px var(--respond-glow);animation:respond-pending-pulse 1.5s ease-in-out infinite}.respond-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-tertiary);font-size:11px;text-align:center}.respond-waiting-icon{opacity:.4;animation:respond-pulse 2s ease-in-out infinite}@keyframes respond-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.respond-waiting-hint{font-size:10px;color:var(--text-tertiary)}.respond-sent-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--respond-accent);font-size:12px;font-weight:500;text-align:center}.respond-sent-icon{color:var(--respond-accent);animation:respond-check .3s ease-out}@keyframes respond-check{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.respond-sent-hint{font-size:10px;color:var(--text-tertiary);font-weight:400}.respond-preview-container{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow:hidden}.respond-data-types{display:flex;flex-wrap:wrap;gap:6px}.respond-data-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:500;border-radius:4px;letter-spacing:.3px}.respond-data-badge.text{background:#8b5cf626;color:#8b5cf6}.respond-data-badge.image{background:#3b82f626;color:#3b82f6}.respond-data-badge.video{background:#ec489926;color:#ec4899}.respond-data-badge.json{background:#eab30826;color:#eab308}.respond-data-badge.audio{background:#14b8a626;color:#14b8a6}.respond-preview-json{font-size:10px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-secondary);background:var(--bg-tertiary);padding:8px;border-radius:6px;margin:0;overflow:auto;max-height:60px;white-space:pre-wrap;word-break:break-all}.respond-info{padding:8px 0}.respond-info-text{font-size:10px;color:var(--text-tertiary);line-height:1.3}.kanban-wrapper .node-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.kanban-ent-header{cursor:grab;flex-shrink:0;display:flex;align-items:center}.kanban-ent-header:active{cursor:grabbing}.kanban-ent-title-input{flex:1;min-width:0;font-size:inherit;font-weight:inherit;font-family:inherit;color:var(--color-text-primary, #e4e4e7);background:var(--color-bg-input, rgba(255, 255, 255, .05));border:var(--border-width-1) solid var(--color-border-default, rgba(255, 255, 255, .12));border-radius:var(--radius-sm, 4px);outline:none;padding:2px 6px}.kanban-ent-title-input::-moz-placeholder{color:var(--color-text-tertiary, rgba(255, 255, 255, .25))}.kanban-ent-title-input::placeholder{color:var(--color-text-tertiary, rgba(255, 255, 255, .25))}.kanban-stat-pill{font-size:11px;font-weight:500;color:#fff6;background:#ffffff0d;padding:2px 8px;border-radius:10px;white-space:nowrap}.kanban-ent-body{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1 1 0;width:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding:var(--space-4);gap:8px;box-sizing:border-box;background:transparent;border-top:none;border-radius:0 0 var(--radius-lg, 10px) var(--radius-lg, 10px);scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb, rgba(255, 255, 255, .08)) transparent}.kanban-ent-body::-webkit-scrollbar{width:4px;height:4px}.kanban-ent-body::-webkit-scrollbar-track{background:transparent}.kanban-ent-body::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb, rgba(255, 255, 255, .08));border-radius:4px}.kanban-ent-column{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;align-self:stretch;background:#ffffff09;border-radius:8px;border:1px solid rgba(255,255,255,.06);overflow:visible;transition:background .2s ease,border-color .2s ease}.kanban-ent-column.drag-over{background:#ffffff0f;border-color:#ffffff1f;box-shadow:inset 0 0 12px #ffffff08}.kanban-ent-col-header{display:flex;align-items:center;padding:8px 10px;flex-shrink:0}.col-todo .kanban-ent-col-header{border-bottom:2px solid #f59e0b}.col-in_progress .kanban-ent-col-header{border-bottom:2px solid #3b82f6}.col-done .kanban-ent-col-header{border-bottom:2px solid #22c55e}.col-title-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.col-title{font-size:11px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.06em}.col-count{font-size:10px;font-weight:600;color:#ffffff80;background:#ffffff14;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.col-add-btn{width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff3;cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.col-add-btn:hover{color:#fff9;background:#ffffff0f}.kanban-ent-task-list{padding:6px;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;overflow-x:visible;min-height:28px;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb, rgba(255, 255, 255, .06)) transparent}.kanban-ent-task-list::-webkit-scrollbar{width:3px}.kanban-ent-task-list::-webkit-scrollbar-track{background:transparent}.kanban-ent-task-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb, rgba(255, 255, 255, .06));border-radius:3px}.kanban-ent-task-list:empty:after{content:"Перетащите задачи сюда";display:flex;align-items:center;justify-content:center;color:#ffffff1f;font-size:11px;padding:12px;text-align:center}.kanban-drop-indicator{height:2px;background:#3b82f6;border-radius:1px;margin:-1px 4px;position:relative;flex-shrink:0;box-shadow:0 0 8px #3b82f680;animation:kanban-indicator-fade-in .15s ease-out}.kanban-drop-indicator:before,.kanban-drop-indicator:after{content:"";position:absolute;top:50%;width:6px;height:6px;background:#3b82f6;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 6px #3b82f699}.kanban-drop-indicator:before{left:-3px}.kanban-drop-indicator:after{right:-3px}@keyframes kanban-indicator-fade-in{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}.kanban-ent-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:7px;overflow:visible;cursor:grab;position:relative;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .2s ease}.kanban-ent-card:hover{background:#ffffff12;border-color:#ffffff1f;box-shadow:0 2px 8px #0003}.kanban-ent-card:active{cursor:grabbing}.kanban-ent-card.dragging{opacity:.25;transform:scale(.98);pointer-events:none}.card-header-row{display:flex;align-items:center;gap:4px;padding:7px 8px 2px}.priority-picker-wrapper{position:relative;flex-shrink:0}.priority-dot{width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s}.priority-dot:hover{transform:scale(1.3);box-shadow:0 0 6px currentColor}.priority-picker-dropdown{padding:4px;min-width:120px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 8px 24px #00000080}.priority-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 10px;border:none;border-radius:5px;background:transparent;color:#ffffffb3;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .12s}.priority-picker-item:hover{background:#ffffff14;color:#fffffff2}.priority-picker-item.active{background:#ffffff0f;color:#fff}.priority-picker-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.card-actions-wrapper{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.card-body{padding:4px 8px 8px;display:flex;flex-direction:column;gap:4px}.card-title-textarea{width:100%;font-size:12.5px;font-weight:500;font-family:inherit;color:#ffffffe0;background:transparent;border:none;resize:none;outline:none;line-height:1.45;padding:0;overflow:hidden;box-sizing:border-box;cursor:text}.card-title-textarea:focus{color:#fff}.card-title-textarea::-moz-placeholder{color:#ffffff40}.card-title-textarea::placeholder{color:#ffffff40}.card-desc-textarea{width:100%;font-size:11px;font-family:inherit;color:#ffffff8c;background:transparent;border:none;resize:none;outline:none;line-height:1.5;padding:0;overflow:hidden;box-sizing:border-box;cursor:text}.card-desc-textarea:focus{color:#fffc}.card-desc-textarea::-moz-placeholder{color:#fff3}.card-desc-textarea::placeholder{color:#fff3}.kanban-task-menu-wrapper{position:relative;flex-shrink:0}.card-menu-trigger,.card-quick-delete{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff26;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s}.kanban-ent-card:hover .card-menu-trigger,.kanban-ent-card:hover .card-quick-delete{opacity:1}.card-menu-trigger:hover{background:#ffffff14;color:#fff9}.card-quick-delete:hover{background:#ff3c3c1a;color:#ff6b6b}.card-menu-dropdown{min-width:140px;padding:4px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 8px 24px #00000080}.menu-divider{height:1px;margin:3px 8px;background:#ffffff0f}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;border-radius:5px;background:transparent;color:#fff9;font-size:12px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.menu-item:hover{background:#ffffff0f;color:#ffffffe6}.menu-item.danger:hover{background:#ff3c3c1a;color:#ff6b6b}.comment-node{position:relative;width:100%;height:100%;display:flex;flex-direction:column;font-family:var(--font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-node__badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ffd54f,#ffb300);border:2px solid #FFA000;border-radius:8px;box-shadow:0 4px 20px #ffb30059,0 0 0 1px #ffb3001a;cursor:pointer;transition:all .2s ease;min-width:0;overflow:hidden}.comment-node__badge:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffb30073,0 0 0 1px #ffb30033;border-color:#ff8f00}.comment-node__avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(255,255,255,.6)}.comment-node__author{font-size:13px;font-weight:700;color:#3e2723;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.comment-node__icon{flex-shrink:0;width:18px;height:18px;color:#5d4037;margin-left:auto;opacity:.7}.comment-node__count{flex-shrink:0;background:#e65100;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4}.comment-node--expanded{display:flex;flex-direction:column;height:100%;background:var(--color-bg-surface, #1a1a1e);border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #ffb30033,0 0 0 2px #ffb3004d}.comment-node__header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#ffd54f,#ffb300);cursor:pointer;transition:background .2s ease;flex-shrink:0}.comment-node__header:hover{background:linear-gradient(135deg,#ffca28,#ffa000)}.comment-node__header .comment-node__author{color:#3e2723}.comment-node__body{flex:1;padding:12px 14px;overflow-y:auto;min-height:0}.comment-node__text{width:100%;height:100%;min-height:60px;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-family);font-size:13px;line-height:1.6;color:var(--color-text-primary, #e0e0e0);white-space:pre-wrap;word-wrap:break-word}.comment-node__text::-moz-placeholder{color:var(--color-text-tertiary, #666);font-style:italic}.comment-node__text::placeholder{color:var(--color-text-tertiary, #666);font-style:italic}.comment-node__time{padding:6px 14px 8px;font-size:10px;color:var(--color-text-tertiary, #888);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.node-preview--square{flex:0 0 auto;aspect-ratio:1 / 1}.three-d-preview{position:relative;width:100%;aspect-ratio:1 / 1;flex-shrink:0;border-radius:var(--node-preview-image-radius);overflow:hidden;background:var(--color-bg-canvas)}.three-d-preview canvas{width:100%!important;height:100%!important;display:block;cursor:grab}.three-d-preview canvas:active{cursor:grabbing}.three-d-preview__loading,.three-d-preview__error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);color:var(--color-text-secondary)}.three-d-preview__error{color:var(--color-status-error)}.three-d-preview__controls{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1-5);z-index:10}.three-d-preview__download,.three-d-preview__snapshot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--color-overlay-modal);border:var(--border-width-1) solid var(--color-overlay-medium);color:var(--color-text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.three-d-preview__download:hover{background:var(--color-accent-pink-medium);border-color:var(--color-accent-pink-light);transform:scale(1.05)}.three-d-preview__snapshot:hover{background:var(--color-accent-primary-medium);border-color:var(--color-accent-primary);transform:scale(1.05)}.three-d-preview__download svg,.three-d-preview__snapshot svg{width:var(--space-3-5);height:var(--space-3-5)}.three-d-generator__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;aspect-ratio:1 / 1;flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--font-size-small)}.three-d-generator__placeholder svg{opacity:.3;color:var(--color-port-3d)}:root[data-theme=light] .three-d-preview{background:var(--color-bg-input)}:root[data-theme=light] .three-d-preview__download,:root[data-theme=light] .three-d-preview__snapshot{background:var(--color-text-inverse);border-color:var(--color-overlay-light);color:#333}:root[data-theme=light] .three-d-preview__download:hover{background:var(--color-port-3d);color:var(--color-text-inverse)}:root[data-theme=light] .three-d-preview__snapshot:hover{background:var(--color-port-image);color:var(--color-text-inverse)}.flow-node{position:absolute;pointer-events:auto;z-index:1;cursor:default;contain:style;visibility:visible}.flow-node{z-index:1}.flow-node:hover{z-index:var(--z-tooltip)}.flow-node.selected{z-index:var(--z-modal)}.flow-node:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-primary, #3b82f6);z-index:var(--z-modal)}.flow-node.group .node-header-main{background:color-mix(in srgb,var(--group-color, var(--color-text-tertiary)) 12%,transparent);border-bottom:var(--border-width-1) solid color-mix(in srgb,var(--group-color, var(--color-text-tertiary)) 20%,transparent);color:var(--color-text-primary);font-size:var(--font-size-lg);padding:var(--space-3) var(--space-4)}.node-preview-main{flex:1 1 0;display:flex;flex-direction:column;position:relative;min-height:0;background:var(--color-bg-canvas);padding:var(--node-section-padding);box-sizing:border-box}.node-preview-main.no-fill{flex:0 0 auto}.node-preview-main.llm-chat{padding:var(--space-2) var(--node-section-padding) var(--node-section-padding) var(--node-section-padding)}.node-preview-main.hidden{display:none}.node-header-main{padding:var(--space-2) var(--space-3-5);background:var(--color-bg-header);position:relative;border-bottom:var(--border-width-1) solid var(--color-border-subtle);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;justify-content:space-between;align-items:center;letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:grab}.node-header-main:active,.react-flow__node.dragging .node-header-main,.react-flow__node.dragging{cursor:grabbing!important}.node-body-main{display:flex;flex-direction:column;padding:0;background:transparent;position:relative;flex:0 0 auto;min-height:0}.node-body-main.has-content{padding:var(--node-section-padding)}.node-body-main.llm-chat{padding:var(--node-section-padding) var(--node-section-padding) var(--space-2) var(--node-section-padding)}.node-body-main.fill-space{flex:1 1 0}.node-body-main.hidden{display:none}.flow-canvas.hand-mode .flow-node{pointer-events:none}.node-section{display:flex;background:transparent;border:none;border-radius:0;overflow:hidden}.node-body-inner{flex-shrink:0;padding:var(--space-2);border-radius:0}.node-preview-inner{flex:1;display:flex;flex-direction:column;min-height:0;background:transparent;border:none;border-radius:0;padding:0}.node-settings-row{display:flex;gap:var(--node-controls-row-gap)}.node-setting-group{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.node-setting-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.node-setting-select{width:100%;background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);color:var(--color-text-secondary);padding:var(--space-1) var(--space-5) var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5L6 8L9 5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-1-5) center;transition:border-color var(--transition-fast)}.node-setting-select option{background:#1e1e1e;color:#e0e0e0}.node-setting-select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-hover)}.node-setting-select:focus{outline:none;border-color:var(--color-accent-primary)}.node-play-btn{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:none;padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--color-node-play-icon-idle);transition:transform 80ms ease-out;margin-left:auto}.node-play-btn:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:var(--color-node-play-circle-idle);pointer-events:none;transition:background .12s ease-out,transform .12s ease-out}.node-play-btn svg{width:var(--space-2);height:var(--space-2);fill:currentColor;position:relative;z-index:1;margin-left:var(--space-0-5);transition:fill .12s ease-out}.node-play-btn:hover:not(.node-play-btn--disabled):before{background:var(--color-node-play-circle-hover);transform:scale(1.1)}.node-play-btn:active:not(.node-play-btn--disabled){transform:scale(.96)}.node-play-btn:focus-visible{outline:none;box-shadow:var(--shadow-node-play-focus)}.node-play-btn--pending:before{background:var(--color-node-play-circle-pending)}.node-play-btn--pending{color:var(--color-node-play-icon-pending)}.node-play-btn--pending:hover:not(.node-play-btn--disabled):before{transform:scale(1.1)}.node-play-btn--pending .node-play-spinner{display:block}.node-play-spinner{display:block;width:var(--space-3);height:var(--space-3);border:var(--border-width-2) solid var(--color-accent-primary-border);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:node-play-spin var(--duration-spin) linear infinite;flex-shrink:0}@keyframes node-play-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.node-play-btn--running:before{background:var(--color-node-play-circle-running);animation:play-running-effect 1.2s ease-in-out infinite}.node-play-btn--running{color:var(--color-node-play-icon-running)}@keyframes play-running-effect{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.85}to{transform:scale(1);opacity:1}}.node-play-btn--success:before{background:var(--color-node-play-circle-success)}.node-play-btn--success{color:var(--color-node-play-icon-success)}.node-play-btn--success:hover:not(.node-play-btn--disabled):before{transform:scale(1.1)}.node-play-btn--error:before{background:var(--color-node-play-circle-error)}.node-play-btn--error{color:var(--color-node-play-icon-error)}.node-play-btn--error:hover:not(.node-play-btn--disabled):before{transform:scale(1.1)}.node-play-btn.stop-mode:before{background:var(--color-status-warning, #f59e0b)}.node-play-btn.stop-mode{color:var(--color-text-inverse, #fff)}.node-play-btn.stop-mode svg{margin-left:0}.node-play-btn.stop-mode:hover:not(.node-play-btn--disabled):before{background:var(--color-status-error, #ef4444);transform:scale(1.1)}.node-play-btn--disabled{cursor:default;opacity:var(--opacity-medium);pointer-events:none}.cost-tooltip{position:absolute;bottom:100%;right:calc(-1 * var(--space-2));left:auto;transform:none;margin-bottom:var(--space-3-5);background:var(--color-bg-header);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);white-space:nowrap;z-index:var(--z-dropdown);pointer-events:none;min-width:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:var(--border-width-1) solid var(--color-border-default)}.cost-total{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.cost-breakdown{margin-top:var(--space-1-5);display:flex;flex-direction:column;gap:var(--space-0-5);padding-top:var(--space-1-5);border-top:var(--border-width-1) solid var(--color-border-default);width:100%}.cost-item{color:var(--color-text-tertiary);font-size:var(--font-size-2xs);display:flex;justify-content:space-between;gap:var(--space-3)}.node-preview img{width:100%;height:100%;max-height:100%;display:block;margin:0;padding:0;border-radius:0;-o-object-fit:contain;object-fit:contain}.node-preview video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:0}.flow-port:after{content:"";position:absolute;top:calc((var(--node-port-size) - var(--node-row-height, 28px)) / 2);left:calc((var(--node-port-size) - var(--node-row-height, 28px)) / 2);right:calc((var(--node-port-size) - var(--node-row-height, 28px)) / 2);bottom:calc((var(--node-port-size) - var(--node-row-height, 28px)) / 2);border-radius:var(--radius-full);cursor:pointer}.flow-port:hover{transform:scale(1.4);border-color:var(--color-overlay-medium)}.flow-connection{pointer-events:auto;z-index:150}.flow-connection path{transition:none}.flow-connection:hover path.main-path{stroke-width:3.5px}.flow-node.locked-by-other{outline:2px solid var(--color-error-500, #ef4444);outline-offset:-1px}.node-lock-indicator-floating{position:absolute;top:8px;right:calc(100% + 8px);background:var(--lock-badge-color, #ef4444);color:#fff;display:flex;align-items:center;gap:4px;padding:4px 10px 4px 7px;border-radius:8px;font-size:10px;font-weight:600;line-height:16px;letter-spacing:.02em;white-space:nowrap;z-index:var(--z-dropdown);pointer-events:none;box-shadow:0 2px 12px #00000040,0 0 0 1px #0000001a;opacity:0;visibility:hidden;transform:translate(4px);transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out}.node-lock-indicator-floating.visible{opacity:1;visibility:visible;transform:translate(0)}.node-lock-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.node-locked-overlay{position:absolute;inset:0;z-index:calc(var(--z-dropdown) - 1);background:color-mix(in srgb,var(--color-error-500, #ef4444) 3%,transparent);border-radius:inherit;pointer-events:none;cursor:default;opacity:0;transition:opacity .15s ease-out}.node-locked-overlay.active{pointer-events:all;cursor:not-allowed!important;opacity:1}.node-real-preview{position:relative;display:flex;justify-content:center;align-items:center;overflow:visible;margin:0 auto;flex:1;min-height:var(--space-30);max-height:var(--space-70);width:100%}.node-real-preview__container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:var(--space-70);overflow:hidden}.node-real-preview__container .node-wrapper{box-shadow:0 2px 8px var(--color-overlay-dark)!important;max-width:var(--space-70)!important;overflow:visible}.node-real-preview__container .flow-port{display:flex!important}.node-real-preview__container .node-settings,.node-real-preview__container .node-controls{display:block!important;max-height:none!important;overflow:visible!important}.node-real-preview__container .node-resize-handle{display:none!important}.node-real-preview--error{display:flex;align-items:center;justify-content:center;min-height:var(--space-25);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.node-catalog-preview{display:flex;flex-direction:column;gap:var(--space-3)}.node-catalog-models{display:flex;flex-direction:column;gap:var(--space-2)}.node-catalog-model{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);background:var(--color-overlay-light)}.node-catalog-model-title{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text-primary);display:flex;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-1-5)}.node-catalog-model-key{color:var(--color-text-tertiary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}.node-catalog-model-key code{background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:var(--space-0-5) 6px;color:var(--color-text-primary)}.node-catalog-model-ports{display:flex;flex-direction:column;gap:var(--space-1-5)}.node-catalog-model-port{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap}.node-catalog-model-port-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.node-catalog-header{display:flex;flex-direction:column;gap:var(--space-0-5)}.node-catalog-title{font-size:var(--font-size-base);font-weight:800;color:var(--color-text-primary)}.node-catalog-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.node-catalog-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)5}.node-catalog-divider{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-2) 0}.node-catalog-dynamic{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-overlay-light)}.node-catalog-dynamic-title{font-size:var(--font-size-xs);font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-1-5)}.node-catalog-dynamic-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug)5}.node-catalog-dynamic-default{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.node-catalog-dynamic-default code{background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:var(--space-0-5) 6px;color:var(--color-text-primary)}.node-catalog-section-title{font-size:var(--font-size-xs);font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.node-catalog-list{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.node-catalog-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-3);align-items:start;background:var(--color-bg-panel-adjacent);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.node-catalog-row:last-child{border-bottom:none}.node-catalog-row-left{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.node-catalog-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);margin-top:var(--space-1-5);flex:0 0 auto}.node-catalog-row-main{min-width:0}.node-catalog-row-title{font-size:var(--font-size-sm);font-weight:800;color:var(--color-text-primary);display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap}.node-catalog-row-key{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary)}.node-catalog-row-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-snug)5;margin-top:var(--space-0-5)}.node-catalog-row-meta{margin-top:var(--space-1-5);display:flex;flex-direction:column;gap:var(--space-1)}.node-catalog-meta-item{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.node-catalog-meta-item code{background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:var(--space-0-5) 6px;color:var(--color-text-primary)}.node-catalog-row-right{display:flex;gap:var(--space-1-5);flex-wrap:wrap;justify-content:flex-end;align-items:center}.node-catalog-pill{font-size:var(--font-size-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:var(--space-1) 8px;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text-secondary);background:var(--color-overlay-light)}.node-catalog-ports-summary{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;border-top:var(--border-width-1) solid var(--color-border-subtle);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.node-catalog-port-group{display:flex;align-items:center;gap:var(--space-2)}.node-catalog-port-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);min-width:55px}.node-catalog-port-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.node-catalog-port-badge{font-size:var(--space-2-25);padding:var(--space-0-5) 6px;border-radius:var(--radius-xs);background:var(--color-overlay-light);border:var(--border-width-1) solid;border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.node-catalog-port-more{font-size:var(--space-2-25);color:var(--color-text-tertiary);font-style:italic}.node-catalog-dynamic-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal);padding:var(--space-2);background:var(--color-warning-subtle);border:var(--border-width-1) solid var(--color-warning-light);border-radius:var(--radius-sm);margin-top:var(--space-2)}.flow-context-menu{position:fixed;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);z-index:var(--z-max);box-shadow:var(--shadow-menu);display:flex;overflow:hidden;width:var(--context-menu-width);height:var(--context-menu-height)}.flow-context-menu-backdrop{position:fixed;inset:0;z-index:calc(var(--z-max) - 1);background:var(--color-overlay-medium);backdrop-filter:blur(2px);animation:fadeIn var(--transition-fast) ease-out;touch-action:none}.flow-context-menu-preview{width:320px;min-width:320px;max-width:320px;background:var(--color-bg-container);border-right:1px solid var(--color-border-subtle);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;overflow-x:hidden;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.flow-context-menu-preview{scrollbar-color:var(--color-overlay-medium) var(--color-overlay-light);scrollbar-width:thin}.flow-context-menu-preview::-webkit-scrollbar{width:var(--space-2)}.flow-context-menu-preview::-webkit-scrollbar-track{background:var(--color-overlay-light);border-radius:var(--radius-full)}.flow-context-menu-preview::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-full)}.flow-context-menu-preview::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark)}.menu-preview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.menu-preview-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.flow-context-menu-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-elevated)}.flow-context-menu-header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.menu-sort-toggle{display:flex;gap:var(--space-1);background:var(--color-bg-container);border-radius:var(--radius-sm);padding:var(--space-0-5)}.sort-toggle-btn{flex:1;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-toggle-btn:hover{color:var(--color-text-secondary)}.sort-toggle-btn.active{background:var(--color-overlay-medium);color:var(--color-text-primary)}.menu-item-usage-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-bg-container);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);margin-left:auto;flex-shrink:0}.menu-search-input{width:100%;background:var(--color-bg-container);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) 12px;color:var(--color-text-primary);font-size:var(--font-size-md);outline:none;transition:all var(--transition-normal)}.menu-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.flow-context-menu-list{padding:var(--space-2);overflow-y:auto;flex:1}.flow-context-menu-list::-webkit-scrollbar{width:var(--space-1-5)}.flow-context-menu-list::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-2xs)}.menu-item{display:flex;align-items:center;width:100%;padding:var(--space-2-5) 12px;cursor:pointer;border-radius:var(--radius-sm);border:none;background:transparent;text-align:left;color:var(--color-text-primary);gap:var(--space-3);transition:background .1s ease}.menu-item:hover{background:var(--color-overlay-light)}.menu-item.selected{background:var(--color-overlay-medium)}.menu-item.selected .menu-item-type{color:var(--color-text-secondary)}.menu-item-content{flex:1;display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.menu-item-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.menu-item-shortcut{font-size:var(--font-size-xs);opacity:var(--opacity-medium);margin-left:auto}.menu-item:hover .menu-item-shortcut,.menu-item.selected .menu-item-shortcut{opacity:var(--opacity-high)}.menu-empty-state{padding:var(--space-5);text-align:center;color:var(--color-text-tertiary)}@media(max-width:768px){.flow-context-menu{width:min(var(--context-menu-width),calc(100vw - 32px));max-height:70vh}.flow-context-menu-preview{display:none}.menu-item{padding:var(--space-3) 12px}}@media(max-width:480px){.flow-context-menu{width:calc(100vw - 16px);max-height:80vh;inset:auto 8px 8px!important;border-radius:var(--radius-lg)}.flow-context-menu-header{padding:var(--space-2-5) var(--space-3)}.menu-search-input{font-size:16px}.menu-item{padding:var(--space-3) var(--space-3);min-height:44px}.menu-item-label{font-size:var(--font-size-base)}}.flow-minimap-container{position:absolute;bottom:var(--layout-canvas-controls-offset);left:var(--layout-canvas-controls-offset);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--glass-border);z-index:var(--z-tooltip);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1-5)}.minimap-controls{display:flex;gap:var(--space-1);align-items:center}.minimap-control-btn{background:var(--control-btn-bg);border:var(--border-width-1) solid var(--glass-border);border-radius:var(--control-btn-radius);color:var(--control-btn-color);padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal),color var(--transition-normal);width:var(--space-6);height:var(--space-6)}.minimap-control-btn:hover{background:var(--control-btn-bg-hover);color:var(--control-btn-color-hover)}.minimap-toggle-btn{background:var(--control-btn-bg);border:var(--border-width-1) solid var(--glass-border);border-radius:var(--control-btn-radius);color:var(--control-btn-color);padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal),color var(--transition-normal);margin-left:auto;width:var(--space-6);height:var(--space-6)}.minimap-toggle-btn:hover{background:var(--control-btn-bg-hover);color:var(--control-btn-color-hover)}.flow-minimap-collapsed{position:absolute;bottom:var(--layout-canvas-controls-offset);left:var(--layout-canvas-controls-offset);z-index:var(--z-tooltip)}.flow-minimap-collapsed .minimap-toggle-btn{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);padding:0;width:var(--layout-canvas-controls-height);height:var(--layout-canvas-controls-height);border-radius:var(--capsule-radius);display:flex;align-items:center;justify-content:center}.flow-minimap-collapsed .minimap-toggle-btn:hover{background:var(--control-btn-bg-hover);color:var(--control-btn-color-hover)}.flow-minimap{border-radius:var(--control-btn-radius);overflow:hidden;background:var(--color-overlay-dark)}.flow-minimap svg{display:block}@media(max-width:768px){.flow-minimap-container{padding:var(--space-1);gap:var(--space-1)}.minimap-control-btn,.minimap-toggle-btn{width:28px;height:28px}}@media(max-width:480px){.flow-minimap-container,.flow-minimap-collapsed{display:none}}@media(pointer:coarse){.minimap-control-btn,.minimap-toggle-btn{width:36px;height:36px;-webkit-tap-highlight-color:transparent}.flow-minimap-collapsed .minimap-toggle-btn{width:44px;height:44px}.flow-minimap{cursor:grab;touch-action:none}.flow-minimap:active{cursor:grabbing}}.flow-controls-container{position:absolute;bottom:var(--layout-canvas-controls-offset);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));padding:0 var(--space-2-5);height:var(--layout-canvas-controls-height);border-radius:var(--capsule-radius);border:var(--border-width-1) solid var(--glass-border);z-index:var(--z-dropdown)}.flow-controls-group{display:flex;align-items:center;gap:var(--space-1)}.flow-controls-separator{width:var(--border-width-1);height:var(--space-5);background:var(--glass-border);margin:0 var(--space-1-5)}.flow-control-btn{width:var(--btn-height-md);height:var(--btn-height-md);display:flex;align-items:center;justify-content:center;background:var(--control-btn-bg);border:none;border-radius:var(--control-btn-radius);color:var(--control-btn-color);cursor:pointer;transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal);position:relative}.flow-control-btn:hover{background:var(--control-btn-bg-hover);color:var(--control-btn-color-hover);transform:translateY(-1px)}.flow-control-btn:active{transform:translateY(0)}.flow-control-btn.run-btn{background:var(--color-accent-green-dim);color:var(--color-accent-green)}.flow-control-btn.run-btn:hover{background:var(--color-accent-green-dim-hover);color:var(--color-accent-green-hover)}.flow-control-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:var(--color-bg-tooltip);backdrop-filter:blur(var(--blur-md));color:var(--color-text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:var(--border-width-1) solid var(--color-border-subtle);white-space:nowrap;pointer-events:none;opacity:0;animation:fadeInTooltip var(--transition-normal) .3s forwards;z-index:var(--z-tooltip)}@keyframes fadeInTooltip{to{opacity:1}}.flow-control-btn.active{background:transparent;color:var(--color-accent-primary);border:var(--border-width-1) solid transparent}.flow-control-btn.active:hover{background:var(--control-btn-bg-hover);color:var(--color-accent-primary-hover);border-color:transparent}:root[data-theme=light] .flow-control-btn.active{background:transparent;color:var(--color-accent-primary);border:var(--border-width-1) solid transparent}:root[data-theme=light] .flow-control-btn.active:hover{background:var(--control-btn-bg-hover);color:var(--color-accent-primary);border-color:transparent}.run-btn-count{position:absolute;top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:var(--space-4);height:var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-accent-green);color:var(--color-text-inverse);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);border-radius:var(--control-btn-radius);padding:0 var(--space-1);box-shadow:var(--shadow-sm)}.flow-control-btn.run-btn.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.flow-control-btn.run-btn.disabled:hover{transform:none;background:var(--color-accent-green-dim)}.flow-control-btn.run-btn.executing{animation:pulse-green 1.5s ease-in-out infinite}@keyframes pulse-green{0%,to{background:var(--color-accent-green-dim);box-shadow:0 0 0 0 var(--color-accent-green-glow)}50%{background:var(--color-accent-green-dim-hover);box-shadow:0 0 0 var(--space-1-5) transparent}}.flow-control-btn.save-btn{width:70px!important;height:var(--btn-height-sm);padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.flow-control-btn.save-btn.saved{color:var(--color-success-500)!important;background:transparent!important;border:var(--border-width-1) solid var(--color-success-dim)!important}.flow-control-btn.save-btn.saving{color:var(--color-text-tertiary)!important;background:var(--color-bg-elevated)!important;border:var(--border-width-1) solid var(--color-border-default)!important;opacity:var(--opacity-high)}.flow-control-btn.save-btn.unsaved,.flow-control-btn.save-btn.error{color:var(--color-accent-primary)!important;background:var(--color-accent-primary-light)!important;border:var(--border-width-1) solid var(--color-accent-primary-border)!important}.flow-control-btn.save-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.flow-control-btn.share-btn{background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.flow-control-btn.share-btn:hover{background:var(--color-accent-primary-dim);color:var(--color-accent-primary-hover);box-shadow:0 0 0 var(--border-width-2) var(--color-accent-primary-light)}.flow-toolbar-menu{position:relative}.flow-toolbar-dropdown{position:absolute;bottom:calc(100% + var(--space-4));right:0;min-width:220px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-1);z-index:var(--z-dropdown);animation:dropdownSlideIn .15s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flow-toolbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.flow-toolbar-dropdown-item:hover{background:var(--color-bg-hover)}.flow-toolbar-dropdown-item svg{flex-shrink:0;opacity:.7}.flow-toolbar-dropdown-separator{height:var(--border-width-1);background:var(--color-border-default);margin:var(--space-1) 0}.flow-toolbar-dropdown-item.active-flow{color:var(--color-success-500)}.flow-toolbar-dropdown-item.active-flow:hover{background:#22c55e1a}.flow-toolbar-dropdown-item.inactive-flow{color:var(--color-text-secondary)}.flow-toolbar-dropdown-item.inactive-flow:hover{background:var(--color-bg-hover)}.flow-toolbar-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.flow-toolbar-dropdown-toggle:hover{background:var(--color-bg-hover)}.toggle-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap}.toggle-label svg{opacity:.7;flex-shrink:0}.toggle-switch{position:relative;width:40px;height:22px;background:var(--color-bg-tertiary);border-radius:11px;transition:background-color .2s ease;flex-shrink:0}.toggle-switch.active{background:var(--color-success-500)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-switch.active .toggle-knob{transform:translate(18px)}@media(max-width:768px){.flow-controls-container{padding:0 var(--space-1-5);gap:0;height:40px}.flow-controls-group{gap:0}.flow-controls-separator{margin:0 var(--space-1);height:var(--space-4)}.flow-control-btn{width:32px;height:32px}.flow-control-btn.save-btn{width:56px!important;height:26px;font-size:10px}.flow-control-btn[data-tooltip]:hover:after{display:none}.flow-toolbar-dropdown{min-width:180px}}@media(max-width:480px){.flow-controls-container{padding:0 var(--space-1);height:36px;max-width:calc(100vw - 16px)}.flow-control-btn{width:28px;height:28px}.flow-controls-separator{margin:0 var(--space-0-5);height:var(--space-3)}.flow-control-btn.save-btn{width:48px!important;height:24px;font-size:9px}.flow-toolbar-dropdown{min-width:160px;right:auto;left:50%;transform:translate(-50%)}}.execution-queue{position:absolute;bottom:var(--layout-canvas-controls-offset);right:var(--layout-canvas-controls-offset);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);z-index:var(--z-tooltip);color:var(--color-text-primary);font-family:inherit;transition:height var(--transition-slow),width var(--transition-slow)}.execution-queue--collapsed{width:var(--execution-queue-width);height:var(--layout-canvas-controls-height);padding:0 var(--space-3);display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.execution-queue--collapsed:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.execution-queue--expanded{width:var(--execution-queue-width);max-height:var(--space-100);display:flex;flex-direction:column}.execution-queue-collapsed-content{display:flex;align-items:center;gap:var(--space-2-5);flex:1}.execution-queue-status-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.execution-queue-jobs{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);margin-left:auto;transition:all var(--transition-normal)}.execution-queue-jobs--active{color:var(--color-accent-purple);background:var(--color-type-video-alpha);border-color:var(--color-accent-purple);box-shadow:0 0 var(--space-2) var(--color-type-video-alpha)}.execution-queue-status-dot--ok{background:var(--color-accent-purple);box-shadow:0 0 var(--space-2) var(--color-type-video-alpha)}.execution-queue-status-dot--error{background:var(--color-error-500);box-shadow:0 0 var(--space-2) var(--color-error-dim)}.execution-queue-title-collapsed{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.execution-queue-count-collapsed{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.execution-queue-expand-btn{background:var(--control-btn-bg);border:none;color:var(--control-btn-color);cursor:pointer;padding:var(--space-1);width:var(--space-6);height:var(--space-6);display:flex;align-items:center;justify-content:center;border-radius:var(--control-btn-radius);flex-shrink:0;transition:background-color var(--transition-normal),color var(--transition-normal)}.execution-queue-expand-btn:hover{background:var(--control-btn-bg-hover);color:var(--control-btn-color-hover)}.execution-queue-chevron{transition:transform var(--transition-slow)}.execution-queue-chevron--up,.execution-queue--expanded .execution-queue-chevron{transform:rotate(180deg)}.execution-queue-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);height:var(--layout-canvas-controls-height);border-top:var(--border-width-1) solid var(--glass-border);background:transparent;border-radius:0 0 var(--capsule-radius) var(--capsule-radius);cursor:pointer;transition:background var(--transition-normal)}.execution-queue-header:hover{background:var(--color-bg-hover)}.execution-queue-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1-5);min-height:var(--space-25)}.execution-queue-list::-webkit-scrollbar{width:var(--space-1)}.execution-queue-list::-webkit-scrollbar-track{background:transparent}.execution-queue-list::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-full)}.execution-queue-list::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark)}.execution-queue-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-2) var(--space-3);border-radius:var(--control-btn-radius);position:relative;cursor:default;transition:background var(--transition-fast)}.execution-queue-item:before{content:"";position:absolute;inset:0;border-radius:var(--control-btn-radius);background:var(--color-overlay-light);pointer-events:none}.execution-queue-item:hover:before{background:var(--color-overlay-medium)}.execution-queue-item-main{flex:1;min-width:0;position:relative;z-index:1}.execution-queue-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-queue-item-meta{margin-top:var(--space-0-5);font-size:var(--font-size-2xs);color:var(--color-text-secondary);display:flex;gap:var(--space-1-5)}.execution-queue-item-status{position:relative;z-index:1;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.execution-queue-item--running .execution-queue-item.executing{border-color:var(--color-accent-purple)}.execution-queue-item--running .execution-queue-item-status{background:var(--color-type-video-alpha);color:var(--color-accent-purple);border:var(--border-width-1) solid var(--color-accent-purple)}.execution-queue-item--pending .execution-queue-item-status{background:var(--color-overlay-light);color:var(--color-text-secondary);border:var(--border-width-1) solid var(--color-border-subtle)}.execution-queue-item--completed .execution-queue-item-status{background:var(--color-overlay-medium);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-default)}.execution-queue-item--error .execution-queue-item.error{border-color:var(--color-error-500)}.execution-queue-item--error .execution-queue-item-status{background:var(--color-error-dim);color:var(--color-error-500);border:var(--border-width-1) solid var(--color-error-500)}.execution-queue-footer{flex:0 0 auto;padding:var(--space-2) var(--space-3-5) var(--space-2-5);border-top:var(--border-width-1) solid var(--glass-border);background:var(--color-overlay-light)}.execution-queue-footer-text{font-size:var(--font-size-2xs);color:var(--color-text-tertiary);display:block;text-align:center}.execution-queue-tabs{display:flex;border-bottom:var(--border-width-1) solid var(--glass-border);padding:0 var(--space-2)}.execution-queue-tab{flex:1;padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal);position:relative}.execution-queue-tab:hover{color:var(--color-text-primary)}.execution-queue-tab.active{color:var(--color-accent-purple)}.execution-queue-tab.active:after{content:"";position:absolute;bottom:-1px;left:var(--space-3);right:var(--space-3);height:var(--border-width-2);background:var(--color-accent-purple);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.execution-queue-empty{padding:var(--space-5);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.execution-queue-empty .spinner{animation:spin var(--duration-spin) linear infinite}.execution-queue-cancel-btn{width:100%;padding:var(--space-2-5);margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error-500);background:var(--color-error-dim);border:var(--border-width-1) solid var(--color-error-500);border-radius:var(--control-btn-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);transition:all var(--transition-normal)}.execution-queue-cancel-btn:hover:not(:disabled){background:var(--color-error-dim);border-color:var(--color-error-400)}.execution-queue-cancel-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.execution-queue-restore-btn{padding:var(--space-1-5);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.execution-queue-restore-btn:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.execution-queue-item--history{background:var(--color-overlay-light)}.execution-queue-item-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.execution-queue-item-info .status-icon{flex-shrink:0}.execution-queue-item-info .status-icon.success{color:var(--color-success-500)}.execution-queue-item-info .status-icon.error{color:var(--color-error-500)}.execution-queue-item-info .status-icon.running{color:var(--color-accent-purple);animation:spin var(--duration-spin) linear infinite}.execution-queue-item-info .status-icon.pending{color:var(--color-text-tertiary)}.execution-queue-item-info .history-nodes{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.execution-queue-gen-history-btn{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);margin:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--control-btn-radius);cursor:pointer;transition:all var(--transition-normal)}.execution-queue-gen-history-btn:hover{background:var(--color-overlay-medium);border-color:var(--color-border-default);color:var(--color-text-primary)}.execution-queue-gen-history-btn--collapsed{padding:var(--space-1-5);margin:0;width:var(--space-6);height:var(--space-6)}@media(max-width:768px){.execution-queue--collapsed,.execution-queue--expanded{width:min(var(--execution-queue-width),calc(100vw - 32px))}.execution-queue--expanded{max-height:50vh}}@media(max-width:480px){.execution-queue{left:8px;right:8px;width:auto}.execution-queue--collapsed,.execution-queue--expanded{width:auto}.execution-queue--expanded{max-height:60vh}.execution-queue-title-collapsed{font-size:var(--font-size-xs)}}.lazy-video-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;border-radius:var(--radius-sm, 4px);background:var(--color-bg-tertiary, #1a1a24)}.lazy-video-thumbnail__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lazy-video-thumbnail__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:1;transition:opacity .15s ease;pointer-events:none}.lazy-video-thumbnail:hover .lazy-video-thumbnail__overlay{opacity:0}.lazy-video-thumbnail__overlay svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.lazy-video-thumbnail__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1a1a24,#12121a);color:#ffffff4d}.generation-history-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.generation-history-panel{width:95%;max-width:1600px;height:80vh;background:var(--surface-primary, #1a1a1a);border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:16px;display:flex;flex-direction:column;animation:modalSlideIn .3s ease;box-shadow:0 24px 48px #0006}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gh-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .08))}.gh-header h2{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0;white-space:nowrap}.gh-filters{display:flex;gap:8px;flex:1}.gh-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-secondary, rgba(255, 255, 255, .12));border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:13px;cursor:pointer;transition:all .2s ease}.gh-filter-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .04));border-color:var(--border-primary, rgba(255, 255, 255, .16))}.gh-filter-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.gh-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s ease}.gh-close-btn:hover{background:var(--surface-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #ffffff)}.gh-view-toggle{display:flex;gap:2px;background:var(--surface-secondary, rgba(30, 30, 30, .6));border-radius:8px;padding:2px}.gh-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .5));cursor:pointer;transition:all .2s ease}.gh-view-btn:hover{color:var(--text-primary, #ffffff)}.gh-view-btn.active{background:var(--accent-primary, #6366f1);color:#fff}.gh-content{flex:1;position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:auto}.gh-content--grid{align-items:stretch;overflow:auto}.gh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:16px 24px;width:100%;overflow:auto;max-height:100%}.gh-grid-item{display:flex;flex-direction:column;background:var(--surface-secondary, rgba(30, 30, 30, .6));border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.gh-grid-item:hover{border-color:var(--border-active, rgba(255, 255, 255, .2))}.gh-grid-item.selected{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 2px #6366f133}.gh-grid-thumbnail{position:relative;width:100%;aspect-ratio:1;background:var(--surface-primary, #1a1a1a);overflow:hidden}.gh-grid-thumbnail img,.gh-grid-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gh-grid-info{padding:10px;display:flex;flex-direction:column;gap:4px}.gh-grid-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px}.gh-grid-info .gh-date{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5))}.gh-grid-info .gh-credits{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-warning, #eab308)}.gh-grid-info .gh-item-prompt{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));line-height:1.4}.gh-list{display:flex;flex-direction:column;gap:8px;padding:16px 24px;width:100%;overflow-y:auto;flex:1;min-height:0}.gh-list-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--surface-secondary, rgba(30, 30, 30, .6));border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gh-list-item:hover{border-color:var(--border-active, rgba(255, 255, 255, .2));background:var(--surface-hover, rgba(40, 40, 40, .8))}.gh-list-item.selected{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 2px #6366f133}.gh-list-item.failed{border-color:var(--color-error, #ef4444)}.gh-list-thumbnail{position:relative;width:64px;height:64px;min-width:64px;background:var(--surface-primary, #1a1a1a);border-radius:8px;overflow:hidden}.gh-list-thumbnail img,.gh-list-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gh-list-thumbnail .gh-type-badge{position:absolute;top:4px;left:4px;padding:2px 4px;font-size:10px}.gh-list-thumbnail .gh-batch-badge{position:absolute;bottom:4px;right:4px;font-size:9px;padding:1px 4px}.gh-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gh-list-prompt{font-size:14px;color:var(--text-primary, #ffffff);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-list-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.gh-list-meta .gh-date{display:flex;align-items:center;gap:4px}.gh-list-meta .gh-model{color:var(--text-secondary, rgba(255, 255, 255, .6))}.gh-list-meta .gh-credits{display:flex;align-items:center;gap:4px;color:var(--color-warning, #eab308)}.gh-list-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.gh-list-item:hover .gh-list-actions{opacity:1}.gh-list-actions .gh-action-btn{width:32px;height:32px}.gh-loading,.gh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:200px;color:var(--text-muted, rgba(255, 255, 255, .4))}.gh-empty p{font-size:13px;margin:0;color:var(--text-muted, rgba(255, 255, 255, .3))}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gh-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;background:var(--surface-secondary, rgba(30, 30, 30, .95));border:1px solid var(--border-primary, rgba(255, 255, 255, .1));border-radius:50%;color:var(--text-primary, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gh-scroll-btn.left{left:12px}.gh-scroll-btn.right{right:12px}.gh-scroll-btn:hover{background:var(--surface-hover, rgba(50, 50, 50, .95));transform:translateY(-50%) scale(1.05)}.gh-carousel{display:flex;gap:16px;padding:0 60px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.gh-carousel::-webkit-scrollbar{display:none}.gh-item{flex-shrink:0;width:180px;background:var(--surface-secondary, rgba(30, 30, 30, .6));border:1px solid var(--border-primary, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.gh-item:hover{border-color:var(--border-active, rgba(255, 255, 255, .2));transform:translateY(-4px)}.gh-item.selected{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 2px #6366f133}.gh-item.failed{opacity:.6}.gh-item-thumbnail{position:relative;width:100%;height:120px;background:var(--surface-primary, #1a1a1a);overflow:hidden}.gh-item-thumbnail img,.gh-item-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gh-audio-placeholder,.gh-no-preview{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted, rgba(255, 255, 255, .3));font-size:12px}.gh-type-badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0009;backdrop-filter:blur(4px);border-radius:6px;color:#fff}.gh-type-badge.badge-image{background:#3b82f6cc}.gh-type-badge.badge-video{background:#a855f7cc}.gh-type-badge.badge-audio{background:#22c55ecc}.gh-batch-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:#000000b3;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.gh-item-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.gh-item:hover .gh-item-actions{opacity:1}.gh-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#000000b3;backdrop-filter:blur(4px);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.gh-action-btn:hover{background:#000000e6;transform:scale(1.1)}.gh-action-btn.delete:hover{background:#ef4444e6}.gh-item-info{padding:10px}.gh-item-meta{display:flex;justify-content:space-between;margin-bottom:6px}.gh-date,.gh-credits{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5))}.gh-credits{color:var(--accent-warning, #f59e0b)}.gh-item-model{font-size:11px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gh-item-prompt{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .4));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gh-loading-more{display:flex;align-items:center;justify-content:center;width:60px;flex-shrink:0}.gh-preview-overlay{position:fixed;inset:0;background:#000000d9;z-index:calc(var(--z-modal) + 1);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.gh-preview-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background:var(--surface-primary, #1a1a1a);border-radius:16px;overflow:hidden}.gh-preview-close{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gh-preview-close:hover{background:#000c;transform:scale(1.1)}.gh-preview-content img,.gh-preview-content video{max-width:80vw;max-height:70vh;-o-object-fit:contain;object-fit:contain}.gh-preview-content audio{width:400px;margin:40px}.gh-preview-info{padding:16px 20px;border-top:1px solid var(--border-primary, rgba(255, 255, 255, .08))}.gh-preview-prompt{font-size:14px;color:var(--text-primary, #ffffff);margin:0 0 12px;line-height:1.5}.gh-preview-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.gh-use-btn{margin-top:12px;padding:10px 20px;background:var(--accent-primary, #6366f1);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.gh-use-btn:hover{background:var(--accent-primary-hover, #4f46e5);transform:translateY(-1px)}.gh-trigger-label{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.gh-trigger-api{background:#7c3aed33;color:#a78bfa;border:1px solid rgba(124,58,237,.35)}.gh-trigger-manual{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.35)}.gh-status{display:inline-flex;align-items:center;flex-shrink:0}.gh-status-icon{flex-shrink:0}.gh-status-success{color:var(--color-success, #22c55e)}.gh-status-error{color:var(--color-error, #ef4444)}.gh-status-pending{color:var(--color-warning, #eab308)}.gh-credits-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#eab30826;color:#fcd34d;border:1px solid rgba(234,179,8,.3)}.gh-credits-byok{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.gh-credits-native{background:#f9731626;color:#fdba74;border:1px solid rgba(249,115,22,.3)}.gh-credits-pending{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.gh-duration{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5))}.gh-list-item.execution-item{padding:14px 16px;transition:all .2s ease}.gh-list-item.execution-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0003}.gh-list-item.status-completed{border-left:3px solid var(--color-success, #22c55e)}.gh-list-item.status-failed{border-left:3px solid var(--color-error, #ef4444);background:#ef44440d}.gh-list-item.status-running{border-left:3px solid var(--color-accent, #6366f1);background:#6366f10d}.gh-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.gh-status-badge.completed{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.gh-status-badge.failed{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.gh-status-badge.running{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.gh-status-badge.pending{background:#eab30826;color:#fcd34d;border:1px solid rgba(234,179,8,.3)}.gh-node-count{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ffffff0f;border-radius:4px;font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.gh-node-count svg{opacity:.6}.gh-execution-progress{width:80px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.gh-execution-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent, #6366f1),#818cf8);border-radius:2px;transition:width .3s ease}.gh-execution-progress-bar.complete{background:linear-gradient(90deg,var(--color-success, #22c55e),#4ade80)}.gh-execution-progress-bar.error{background:linear-gradient(90deg,var(--color-error, #ef4444),#f87171)}.gh-duration-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#3b82f61a;border-radius:4px;font-size:11px;font-weight:500;color:#93c5fd}.gh-flow-name{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.gh-exec-id{font-family:Monaco,Menlo,monospace;font-size:10px;color:var(--text-muted, rgba(255, 255, 255, .4));background:#ffffff0a;padding:2px 6px;border-radius:4px}.gh-exec-details{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.gh-error-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-top:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:11px;color:#fca5a5}.gh-error-preview svg{flex-shrink:0}.gh-error-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gh-results-preview{display:flex;gap:6px;margin-top:8px}.gh-result-mini{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#ffffff0d}.gh-result-mini img,.gh-result-mini video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gh-result-mini-more{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#ffffff14;font-size:11px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .6))}.gh-exec-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.gh-list-item:hover .gh-exec-actions{opacity:1}.gh-exec-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff14;border:none;border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .15s ease}.gh-exec-action-btn:hover{background:#ffffff26;color:var(--text-primary, #ffffff)}.gh-exec-action-btn.delete:hover{background:#ef444433;color:#fca5a5}.gh-grid-item.execution-grid-item{min-height:200px}.gh-grid-item.execution-grid-item .gh-grid-thumbnail{position:relative}.gh-grid-item.execution-grid-item .gh-grid-thumbnail:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,#0009);pointer-events:none}.gh-exec-empty-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#a855f71a);color:var(--text-muted, rgba(255, 255, 255, .3));gap:8px}.gh-exec-empty-thumb span{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.gh-stats-bar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-primary, rgba(255, 255, 255, .08));background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);align-items:stretch}.gh-stat-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.gh-stat-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.gh-stat-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.4px}.gh-stat-label svg{opacity:.6}.gh-stat-value{font-size:22px;font-weight:700;color:var(--text-primary, #ffffff);letter-spacing:-.5px}.gh-stat-card.success .gh-stat-value{color:#86efac}.gh-stat-card.performance .gh-stat-value{color:#93c5fd}.gh-stat-card.credits .gh-stat-value{color:#fdba74}.gh-stat-subtext{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .4))}.gh-period-select{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0}.gh-period-btn{padding:4px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .15s ease}.gh-period-btn:hover{background:#ffffff0d;border-color:#ffffff26}.gh-period-btn.active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}@media(max-width:1200px){.gh-stats-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.gh-stats-bar{grid-template-columns:1fr}}.gh-stats-skeleton .gh-stat-card{animation:skeleton-pulse 1.5s ease-in-out infinite}.gh-stats-skeleton .gh-stat-value{width:60px;height:22px;background:#ffffff1a;border-radius:4px}.gh-stats-skeleton .gh-stat-subtext{width:80px;height:11px;background:#ffffff0f;border-radius:3px}.gh-stat-trend{display:inline-flex;align-items:center;gap:2px;margin-left:8px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.gh-stat-trend.up{background:#22c55e26;color:#86efac}.gh-stat-trend.down{background:#ef444426;color:#fca5a5}.gh-stat-chart{height:32px;margin-top:8px;border-radius:4px;overflow:hidden;display:flex;align-items:flex-end;gap:2px}.gh-chart-bar{flex:1;background:#6366f14d;border-radius:2px 2px 0 0;transition:height .3s ease}.gh-chart-bar:hover{background:#6366f180}.eh-expandable-wrapper{border-radius:12px;transition:box-shadow .2s ease}.eh-expandable-wrapper.expanded{box-shadow:0 4px 20px #00000026;border:1px solid rgba(255,255,255,.15);border-radius:12px}.eh-expandable-wrapper.expanded .gh-list-item{border-radius:12px 12px 0 0;border-bottom:1px solid rgba(255,255,255,.08)}.eh-expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:transparent;border:1px solid transparent;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .15s ease;flex-shrink:0}.eh-expand-btn:hover{background:#ffffff14;color:#6366f1;border-color:#ffffff14}.eh-expandable-wrapper.expanded .eh-expand-btn{color:#6366f1}.eh-details-panel{background:#141414cc;border-radius:0 0 12px 12px;animation:ehSlideDown .2s ease-out;overflow:hidden}@keyframes ehSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eh-details-content{display:flex;gap:16px;padding:16px;min-height:120px}.eh-node-table{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.eh-table-header{display:grid;grid-template-columns:80px 1fr 60px 70px 100px;gap:8px;padding:8px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff6;background:#1e1e1ecc;border-radius:6px}.eh-node-row{display:grid;grid-template-columns:80px 1fr 60px 70px 100px;gap:8px;padding:8px 12px;font-size:12px;color:#ffffffb3;background:#1a1a1a99;border-radius:6px;transition:background .1s;align-items:center}.eh-node-row:hover{background:#282828cc}.eh-node-row.failed{background:#ef44440d;border-left:2px solid #ef4444}.eh-node-row.skipped{opacity:.5}.eh-node-id{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:#fff6}.eh-node-type{font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eh-node-status{display:flex;align-items:center;justify-content:center}.eh-icon-success{color:#22c55e}.eh-icon-error{color:#ef4444}.eh-icon-skip{color:#fff6;font-size:14px}.eh-node-duration{font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;text-align:right}.eh-node-cost{display:flex;align-items:center;justify-content:flex-end}.eh-cost-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.eh-cost-native{background:#fbbf241f;color:#f59e0b;border:1px solid rgba(251,191,36,.25)}.eh-cost-byok{background:#7c3aed1f;color:#a78bfa;border:1px solid rgba(124,58,237,.25)}.eh-cost-free{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.eh-preview-panel{width:260px;min-width:260px;max-height:300px;border-radius:12px;overflow:hidden;background:#1a1a1a99;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.eh-preview-panel:hover{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126;transform:scale(1.02)}.eh-preview-panel:after{content:"🔍";position:absolute;top:8px;right:8px;font-size:16px;opacity:0;transition:opacity .2s;background:#0009;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.eh-preview-panel:hover:after{opacity:1}.eh-preview-panel img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.eh-preview-panel video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.eh-preview-audio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;color:#fff6;width:100%}.eh-preview-audio audio{width:100%}.eh-fullscreen-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:ehFadeIn .15s ease-out}@keyframes ehFadeIn{0%{opacity:0}to{opacity:1}}.eh-fullscreen-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:calc(var(--z-overlay) + 1)}.eh-fullscreen-close:hover{background:#fff3;transform:scale(1.1)}.eh-fullscreen-media{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.eh-fullscreen-media img{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 25px 80px #00000080}.eh-fullscreen-media video{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 25px 80px #00000080}.eh-fullscreen-audio{display:flex;flex-direction:column;align-items:center;gap:24px;color:#fff;padding:32px}.eh-fullscreen-audio audio{width:400px}@media(max-width:768px){.eh-details-content{flex-direction:column}.eh-preview-panel{width:100%;min-width:unset;max-height:200px}.eh-table-header,.eh-node-row{grid-template-columns:60px 1fr 40px 60px 80px;font-size:10px}}.gh-grid-footer{display:flex;align-items:center;gap:6px}.gh-grid-meta-text{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .45))}.gh-list-flow-row{display:flex;align-items:center;gap:10px}.gh-list-status-col{margin-left:auto;display:flex;align-items:center;gap:10px}.gh-list-item.execution-item{cursor:pointer}.active-node-settings-container{position:absolute;bottom:calc(var(--layout-canvas-controls-offset, 20px) + var(--layout-canvas-controls-height, 48px) + 12px);left:50%;transform:translate(-50%) translateY(10px);z-index:calc(var(--z-header) * 10 + 1);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--glass-radius);padding:var(--space-3);min-width:var(--space-80);max-width:var(--space-120);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:opacity var(--transition-normal) ease,transform var(--transition-normal) ease}.active-node-settings-container.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.active-node-settings-container:not(:has(.node-settings-panel)){opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px)}#toolbar-settings-portal{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}#toolbar-settings-portal .node-settings-panel{position:static;background:transparent;border:none;padding:0;margin:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;width:100%}#toolbar-settings-portal .node-setting-group,#toolbar-settings-portal .node-settings-row{margin-bottom:var(--space-2)}@media(max-width:768px){.active-node-settings-container{min-width:auto;max-width:none;width:calc(100vw - 32px);left:16px;right:16px;transform:translateY(10px)}.active-node-settings-container.visible{transform:translateY(0)}}@media(max-width:480px){.active-node-settings-container{width:calc(100vw - 16px);left:8px;right:8px;padding:var(--space-2)}}.debug-panel{position:absolute;top:calc(var(--layout-canvas-controls-offset) + var(--size-icon-md) + var(--layout-canvas-controls-offset) + var(--space-6));left:var(--layout-canvas-controls-offset);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--glass-radius);padding:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);z-index:var(--z-tooltip);pointer-events:auto;min-width:var(--space-35);box-shadow:var(--shadow-md)}.debug-header{font-weight:var(--font-weight-bold);color:var(--color-accent-primary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.debug-row{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.debug-label{color:var(--color-text-tertiary)}.debug-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.debug-separator{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-2) 0}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.flow-connection .connection-delete-btn{opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--transition-fast)}.flow-connection:has(.connection-hit-area:hover) .connection-delete-btn,.flow-connection.hovered .connection-delete-btn,.flow-connection .connection-delete-btn:hover{opacity:1;pointer-events:all}.flow-connection .connection-hit-area{pointer-events:stroke}.flow-port{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:var(--space-1) solid var(--color-bg-node);cursor:crosshair;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:absolute;z-index:10;box-sizing:border-box;margin:0;background-color:transparent;display:flex;align-items:center;justify-content:center}.flow-port-label{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(calc(-50% - 12px));font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:currentColor;background:none;padding:0;white-space:nowrap;pointer-events:none;opacity:var(--opacity-medium);visibility:visible;z-index:var(--z-header)}.flow-port-label:after{color:inherit}.flow-port[data-type=text] .flow-port-label{color:var(--color-port-text)}.flow-port[data-type=image] .flow-port-label{color:var(--color-port-image)}.flow-port[data-type=video] .flow-port-label{color:var(--color-port-video)}.flow-port[data-type=audio] .flow-port-label{color:var(--color-port-audio)}.flow-port[data-type=mask] .flow-port-label{color:var(--color-port-mask)}.flow-port[data-type=exec] .flow-port-label{color:var(--color-port-exec)}.flow-port[data-type=json] .flow-port-label{color:var(--color-port-json)}.flow-port[data-type="3d"] .flow-port-label{color:var(--color-port-3d)}.flow-port[data-type=any] .flow-port-label{color:var(--color-port-any)}.flow-port[data-port-kind=input] .flow-port-label{right:calc(100% + 8px);left:auto}.flow-port[data-port-kind=output] .flow-port-label{left:calc(100% + 8px);right:auto}.flow-port-label{opacity:0;transition:opacity var(--duration-node-hover-out, .1s) var(--ease-node-hover, ease-out)}.flow-port[data-show-label=true] .flow-port-label{opacity:1;transition:opacity var(--duration-node-hover-in, .1s) var(--ease-node-hover, ease-out)}.flow-port:hover{transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.flow-port.snap-target{box-shadow:0 0 10px #fff6;transform:scale(1.15)}.flow-port[data-port-kind=input]{left:-7px}.flow-port[data-port-kind=output]{right:-7px}.flow-port[data-type=text]{background-color:var(--color-port-text)}.flow-port[data-type=image]{background-color:var(--color-port-image)}.flow-port[data-type=video]{background-color:var(--color-port-video)}.flow-port[data-type=audio]{background-color:var(--color-port-audio)}.flow-port[data-type=mask]{background-color:var(--color-port-mask)}.flow-port[data-type=exec]{background-color:var(--color-port-exec)}.flow-port[data-type=json]{background-color:var(--color-port-json)}.flow-port[data-type="3d"]{background-color:var(--color-port-3d)}.flow-port[data-type=any]{background-color:var(--color-port-any)}.flow-port[data-type=string]{background-color:var(--color-port-string)}.flow-port[data-type=number]{background-color:var(--color-port-number)}.flow-port[data-type=boolean]{background-color:var(--color-port-boolean)}.flow-port[data-type=object]{background-color:var(--color-port-object)}.flow-port[data-type=array]{background-color:var(--color-port-array)}.selection-box{position:absolute;pointer-events:none;background:var(--color-selection-bg, var(--color-accent-primary-light));border:var(--border-width-1) solid var(--color-selection-border, var(--color-accent-primary-glow));border-radius:var(--radius-xs);z-index:var(--z-modal)}.flow-canvas-container{cursor:crosshair}.flow-canvas-container[data-tool=cursor]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z' fill='%2318181b' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 3,default}.flow-canvas-container[data-tool=hand]{cursor:grab}.flow-canvas-container[data-tool=hand].grabbing{cursor:grabbing}.flow-canvas-container.dragging-node{cursor:move}.flow-canvas-container.creating-connection,.flow-canvas-container.selecting{cursor:crosshair}.flow-node-resize-handle-e,.flow-node-resize-handle-w{cursor:ew-resize}.flow-node-resize-handle-n,.flow-node-resize-handle-s{cursor:ns-resize}.flow-node-resize-handle-ne,.flow-node-resize-handle-sw{cursor:nesw-resize}.flow-node-resize-handle-nw,.flow-node-resize-handle-se{cursor:nwse-resize}.flow-port:hover{cursor:crosshair}.connection-delete-btn,.node-delete-btn{cursor:pointer}.flow-node textarea,.flow-node input[type=text],.flow-node .text-input{cursor:text}.flow-node button,.flow-node select,.flow-node .clickable{cursor:pointer}.flow-node.disabled,.flow-node[data-locked=true]{cursor:not-allowed}.flow-node.executing{cursor:wait}.flow-node.locked-by-other{cursor:not-allowed}.flow-node.locked-by-other:after{content:"";position:absolute;inset:0;background:var(--color-overlay-ghost);pointer-events:none;border-radius:inherit}.app-browser{width:100%;min-height:100%;background:var(--color-bg-app);padding:var(--layout-page-padding-x);overflow-y:auto}.app-browser-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6)}.app-browser-header-left h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin:0;letter-spacing:-1.2px;line-height:1.1}.app-browser-subheader{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0}.app-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5);max-width:1200px}@media(max-width:700px){.app-browser-grid{grid-template-columns:1fr}}.app-card{background:var(--color-bg-node);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column}.app-card:hover{border-color:var(--color-border-highlight);transform:translateY(-3px);box-shadow:0 8px 40px #667eea1f,0 4px 16px #00000026}.app-card:active{transform:translateY(-1px)}.app-card-thumbnail{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.app-card-svg{width:100%;height:100%;transition:transform var(--transition-normal)}.app-card:hover .app-card-svg{transform:scale(1.05)}.app-card-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.app-card-header{display:flex;align-items:center;gap:var(--space-2-5)}.app-card-icon-wrapper{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.4px}.app-card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);border-top:var(--border-width-1) solid var(--color-border-subtle)}.app-card-tags{display:flex;gap:var(--space-1-5);flex-wrap:wrap}.app-card-tag{padding:2px 8px;background:var(--color-bg-canvas);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:100px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.app-card-actions{display:flex;align-items:center;gap:var(--space-3)}.app-card-cost{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.app-card-launch{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#667eea;transition:gap var(--transition-fast)}.app-card:hover .app-card-launch{gap:var(--space-2)}.app-wizard-overlay{position:absolute;top:var(--space-5);left:50%;transform:translate(-50%);width:var(--space-100);background:var(--color-bg-modal);backdrop-filter:blur(var(--blur-lg));border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-xl);box-shadow:0 10px 30px var(--color-overlay-modal);z-index:var(--z-modal);color:var(--color-text-primary);overflow:hidden;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 20px;border-bottom:var(--border-width-1) solid var(--color-overlay-light)}.wizard-header h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-xs);transition:all var(--transition-normal)}.close-btn:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.wizard-progress{display:flex;padding:var(--space-3) 20px;background:var(--color-overlay-dark);font-size:var(--font-size-sm);border-bottom:var(--border-width-1) solid var(--color-overlay-light)}.wizard-progress .step{margin-right:var(--space-4);color:var(--color-text-dim);position:relative;padding-bottom:var(--space-0-5)}.wizard-progress .step.active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.wizard-progress .step.active:after{content:"";position:absolute;bottom:-13px;left:0;width:100%;height:var(--space-0-5);background:var(--color-primary)}.wizard-progress .step.completed{color:var(--color-text-secondary)}.wizard-body{padding:var(--space-6) 20px;min-height:var(--space-38)}.wizard-instruction p{margin:0 0 16px;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.selection-count{background:var(--color-overlay-light);padding:var(--space-3);border-radius:var(--radius-md);text-align:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.wizard-form .form-group{margin-bottom:var(--space-4)}.wizard-form label{display:block;margin-bottom:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.wizard-form input[type=text],.wizard-form textarea{width:100%;background:var(--color-overlay-dark);border:var(--border-width-1) solid var(--color-overlay-medium);border-radius:var(--radius-sm);padding:var(--space-2) 12px;color:var(--color-text-inverse);font-size:var(--font-size-base)}.wizard-form textarea{height:var(--space-15);resize:none}.io-config-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.node-id-badge{background:var(--color-overlay-medium);font-size:var(--font-size-2xs);padding:var(--space-1) 6px;border-radius:var(--radius-xs);font-family:monospace;width:var(--space-10);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.wizard-footer{padding:var(--space-4) 20px;border-top:var(--border-width-1) solid var(--color-overlay-light);display:flex;justify-content:flex-end}.wizard-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 16px;border-radius:var(--radius-sm);border:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.wizard-btn.primary{background:var(--color-primary);color:var(--color-text-inverse)}.wizard-btn.primary:hover{background:var(--color-primary-hover)}.flow-onboarding-overlay{position:fixed;inset:0;background:var(--color-overlay-modal);backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) * 10 + 9);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flow-onboarding-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-10);max-width:90vw;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flow-onboarding-header{display:flex;align-items:center;gap:var(--space-3)}.flow-onboarding-add-btn{padding:var(--space-2-5) var(--space-4);background:transparent;border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.flow-onboarding-add-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight)}.flow-onboarding-hint{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.flow-onboarding-grid{display:grid;grid-template-columns:repeat(5,180px);gap:var(--space-4)}@media(max-width:1100px){.flow-onboarding-grid{grid-template-columns:repeat(3,180px)}}@media(max-width:700px){.flow-onboarding-grid{grid-template-columns:repeat(2,160px)}}@media(max-width:480px){.flow-onboarding-modal{padding:var(--space-6);gap:var(--space-5)}.flow-onboarding-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:var(--space-3);width:100%}.flow-onboarding-header{flex-direction:column;gap:var(--space-2)}.flow-onboarding-hint{font-size:var(--font-size-sm)}.flow-onboarding-dismiss{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}}.flow-onboarding-card{background:var(--color-bg-node);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.flow-onboarding-card:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px var(--color-overlay-modal)}.flow-onboarding-card-empty{border-style:dashed}.flow-onboarding-card-thumbnail{aspect-ratio:16 / 9;background:var(--color-bg-canvas);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);overflow:hidden}.flow-onboarding-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-onboarding-card-content{padding:var(--space-3)}.flow-onboarding-card-content h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-onboarding-card-content p{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0;line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-onboarding-dismiss{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) 20px;background:transparent;border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal)}.flow-onboarding-dismiss:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.empty-canvas-placeholder{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5}.empty-canvas-icon{width:var(--space-25);height:var(--space-25);background:var(--color-overlay-light);border:2px dashed var(--color-overlay-medium);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:all var(--transition-slow);backdrop-filter:blur(var(--blur-md))}.empty-canvas-placeholder:hover .empty-canvas-icon{border-color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);color:var(--color-accent-primary);transform:scale(1.05);box-shadow:0 0 40px var(--color-accent-primary-light)}.empty-canvas-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0;opacity:var(--opacity-high);letter-spacing:.02em}.empty-canvas-placeholder:hover .empty-canvas-hint{color:var(--color-text-secondary);opacity:1}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-13: 52px;--space-14: 56px;--space-15: 60px;--space-16: 64px;--space-17: 68px;--space-20: 80px;--space-22: 88px;--space-24: 96px;--space-25: 100px;--space-26: 104px;--space-30: 120px;--space-32: 128px;--space-35: 140px;--space-38: 152px;--space-40: 160px;--space-42: 168px;--space-45: 180px;--space-47: 188px;--space-50: 200px;--space-55: 220px;--space-60: 240px;--space-70: 280px;--space-75: 300px;--space-80: 320px;--space-88: 352px;--space-90: 360px;--space-95: 380px;--space-100: 400px;--space-105: 420px;--space-120: 480px;--space-125: 500px;--space-130: 520px;--space-150: 600px;--space-162: 648px;--space-215: 860px;--space-dropdown-gap: 16px;--space-0-5: 2px;--space-0-75: 3px;--space-1-5: 6px;--space-2-25: 9px;--space-2-5: 10px;--space-3-5: 14px;--space-4-5: 18px;--space-5-5: 22px;--space-6-5: 26px;--space-8-5: 34px;--space-9-5: 38px;--space-10-5: 42px;--space-12-5: 50px;--space-px: 1px;--node-controls-gap: 12px;--node-controls-row-gap: 8px;--layout-header-height: 60px;--layout-sidebar-width: 60px;--layout-sidebar-width-expanded: 256px;--duration-sidebar: .2s;--ease-sidebar: cubic-bezier(.2, 0, 0, 1);--layout-page-padding-top: 32px;--layout-page-padding-bottom: 32px;--layout-page-padding-x: 32px;--layout-page-padding-y: 32px;--layout-canvas-controls-offset: 16px;--layout-canvas-controls-height: 44px;--z-header: 100;--z-sidebar: 101;--z-dropdown: 200;--z-modal: 1000;--z-tooltip: 2000;--radius-lg: 16px;--radius-md: 12px;--shadow-header: 0 1px 0 rgba(255, 255, 255, .03);--shadow-sidebar: inset -1px 0 0 rgba(255, 255, 255, .04);--header-height: var(--layout-header-height);--nav-bg: var(--color-bg-elevated);--nav-bg-hover: rgba(255, 255, 255, .05);--nav-bg-active: rgba(255, 255, 255, .08);--nav-border: var(--color-border-subtle);--nav-text-default: var(--color-text-secondary);--nav-text-active: var(--color-text-primary);--nav-item-height: 40px;--nav-item-radius: 6px;--header-height: 60px;--node-border-radius: 12px;--node-border-radius-inner: 10px;--node-header-height: 40px;--node-section-padding: var(--space-4);--node-after-header-gap: 0;--node-body-inner-padding: var(--space-3);--node-preview-padding: var(--space-4);--node-preview-image-radius: var(--node-border-radius);--node-dropdown-height: 24px;--node-dropdown-padding: 0 24px 0 8px;--node-row-height: 28px;--node-row-gap: 4px;--node-section-gap: 4px;--node-port-offset-x: -6px;--node-port-size: 12px;--node-label-font-size: 14px;--node-text-preview-min-height: 72px;--node-text-preview-max-height: 315px;--input-height-sm: 28px;--input-height-md: 32px;--input-height-lg: 40px;--text-field-input-font-size: 16px;--text-field-output-font-size: 14px;--text-field-line-height: 1.5;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-h1: 48px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-body: 15px;--font-size-small: 13px;--font-size-xs: 11px;--font-size-2xs: 10px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-h4: 18px;--font-size-h5: 16px;--line-height-heading: 1.2;--line-height-body: 1.6;--line-height-tight: 1.4;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--letter-spacing-heading: -.02em;--letter-spacing-body: 0;--letter-spacing-uppercase: .05em;--card-height: 240px;--card-min-width: 280px;--card-max-width: 360px;--card-padding: 40px;--card-border-radius: 24px;--card-icon-size: 64px;--card-icon-radius: 20px;--card-title-size: 24px;--card-desc-size: 14px;--spacing-xs: var(--space-2);--spacing-sm: var(--space-3);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--radius-xs: 4px;--radius-small: 6px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--icon-size-xs: 12px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 18px;--icon-size-xl: 20px;--icon-size-2xl: 24px;--icon-size-3xl: 32px;--icon-size-4xl: 48px;--btn-height-xs: 22px;--btn-height-sm: 28px;--btn-height-md: 32px;--btn-height-lg: 36px;--btn-height-xl: 40px;--btn-height-2xl: 48px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px var(--color-overlay-dark);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .25);--shadow-2xl: 0 16px 50px rgba(0, 0, 0, .35);--shadow-menu: 0 8px 32px var(--color-overlay-modal);--color-accent-blue-dim: var(--color-accent-primary-dim);--color-accent-blue-dim-hover: rgba(79, 172, 254, .18);--color-accent-blue-border: var(--color-accent-primary-dim);--color-accent-blue-border-hover: rgba(79, 172, 254, .35);--color-accent-green-dim: rgba(74, 222, 128, .12);--color-accent-green-border: rgba(74, 222, 128, .25);--color-accent-red-dim: rgba(239, 68, 68, .12);--color-accent-red-border: rgba(239, 68, 68, .25);--color-accent-primary: #4facfe;--color-accent-primary-hover: #60b5ff;--color-accent-primary-light: rgba(79, 172, 254, .15);--color-accent-primary-glow: rgba(79, 172, 254, .35);--color-accent-primary-dim: rgba(79, 172, 254, .12);--color-accent-primary-border: rgba(79, 172, 254, .25);--gradient-primary: linear-gradient(135deg, var(--color-accent-primary) 0%, #60b5ff 100%);--gradient-purple: linear-gradient(135deg, #667eea, #764ba2);--shadow-card-hover: 0 8px 24px var(--color-overlay-dark);--shadow-button-glow: 0 4px 12px var(--color-accent-primary-glow);--shadow-modal: 0 20px 60px var(--color-overlay-modal);--color-overlay-light: rgba(0, 0, 0, .2);--color-overlay-medium: rgba(0, 0, 0, .4);--color-overlay-dark: rgba(0, 0, 0, .6);--color-overlay-modal: rgba(0, 0, 0, .7);--color-overlay-heavy: rgba(0, 0, 0, .8);--color-overlay-backdrop: rgba(0, 0, 0, .95);--color-overlay-ghost: rgba(0, 0, 0, .05);--color-primary: #4facfe;--color-primary-hover: #60b5ff;--color-primary-rgb: 79, 172, 254;--color-white: #ffffff;--bg-primary: #0f0f0f;--color-accent-cyan: #0891b2;--color-accent-cyan-light: rgba(8, 145, 178, .2);--color-accent-cyan-medium: rgba(8, 145, 178, .5);--color-accent-cyan-subtle: rgba(8, 145, 178, .1);--color-accent-green-hover: #22c55e;--color-accent-green-glow: rgba(34, 197, 94, .4);--color-accent-green-dim-hover: rgba(34, 197, 94, .25);--color-accent-indigo: #4f46e5;--color-accent-indigo-medium: rgba(79, 70, 229, .5);--color-accent-pink: #db2777;--color-accent-pink-light: rgba(219, 39, 119, .2);--color-accent-pink-medium: rgba(219, 39, 119, .5);--color-accent-purple-light: rgba(183, 148, 246, .2);--color-accent-purple-medium: rgba(183, 148, 246, .5);--color-accent-purple-subtle: rgba(183, 148, 246, .1);--color-accent-yellow: #eab308;--color-accent-yellow-dim: rgba(234, 179, 8, .15);--color-accent-yellow-border: rgba(234, 179, 8, .3);--color-accent-primary-medium: rgba(79, 172, 254, .5);--color-accent-primary-subtle: rgba(79, 172, 254, .1);--color-accent-subtle: rgba(79, 172, 254, .08);--color-error-50: rgba(239, 68, 68, .08);--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-light: rgba(239, 68, 68, .2);--color-error-medium: rgba(239, 68, 68, .5);--color-error-subtle: rgba(239, 68, 68, .08);--color-error-border: rgba(239, 68, 68, .3);--color-error-dim-hover: rgba(239, 68, 68, .25);--color-success-50: rgba(34, 197, 94, .08);--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-light: rgba(34, 197, 94, .2);--color-success-subtle: rgba(34, 197, 94, .08);--color-warning-light: rgba(245, 158, 11, .2);--color-warning-medium: rgba(245, 158, 11, .5);--color-warning-subtle: rgba(245, 158, 11, .08);--color-warning-border: rgba(245, 158, 11, .3);--color-warning-ghost: rgba(245, 158, 11, .05);--color-glass-bg: rgba(20, 20, 20, .8);--color-glass-subtle: rgba(255, 255, 255, .03);--color-border-active: rgba(79, 172, 254, .5);--color-border-secondary: rgba(255, 255, 255, .08);--color-text: #ffffff;--color-text-dim: rgba(255, 255, 255, .4);--color-text-muted: rgba(255, 255, 255, .5);--color-text-description: rgba(255, 255, 255, .6);--color-text-quaternary: rgba(255, 255, 255, .3);--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--font-weight-semibold: 600;--font-weight-extrabold: 800;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--backdrop-blur-sm: 4px;--backdrop-blur-lg: 16px;--backdrop-blur-xl: 24px;--blur-3xl: 64px;--radius-2xs: 2px;--button-border-radius: 8px;--card-radius: 12px;--node-default-width: 320px;--node-min-height: 100px;--node-body-gap: 12px;--node-body-gap-compact: 8px;--node-color: rgba(255, 255, 255, .9);--gradient-card: linear-gradient(135deg, rgba(30, 30, 30, .9), rgba(20, 20, 20, .95));--cursor-color: #4facfe;--selection-color: rgba(79, 172, 254, .3);--lock-color: rgba(255, 255, 255, .3);--float-x: 0px;--filters-popover-right: 16px;--color-type-image: var(--color-accent-primary);--color-type-image-alpha: var(--color-accent-primary-light);--color-type-video: #b794f6;--color-type-video-alpha: rgba(183, 148, 246, .15);--color-type-audio: #ff8c00;--color-type-audio-alpha: rgba(255, 140, 0, .15);--color-success-alpha: rgba(34, 197, 94, .4);--color-success-dim: rgba(34, 197, 94, .15);--color-error-alpha: rgba(239, 68, 68, .4);--color-error-dim: rgba(239, 68, 68, .15);--color-glass-highlight: rgba(255, 255, 255, .1);--color-glass-border: rgba(255, 255, 255, .06);--color-glass-text-dim: rgba(255, 255, 255, .6);--color-glass-text-primary: rgba(255, 255, 255, .9);--context-menu-width: 700px;--context-menu-height: 450px;--execution-queue-width: 280px;--studio-sidebar-width: 340px;--studio-sidebar-width-tablet: 300px;--studio-prompt-min-height: 180px;--studio-prompt-max-height: 350px;--minimap-width: 240px;--minimap-height: 160px;--settings-sidebar-width: 240px;--chat-max-width: 800px;--router-node-width: 120px;--router-node-height: 40px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--gradient-brand: linear-gradient(135deg, var(--color-brand-primary), #3d8bdb);--gradient-brand-subtle: linear-gradient(135deg, var(--color-accent-primary-light), rgba(79, 172, 254, .08));--gradient-success: linear-gradient(135deg, var(--color-success-500), var(--color-success-600));--font-size-sm: var(--font-size-small);--font-size-xl: var(--font-size-h3);--font-size-2xl: var(--font-size-h2)}:root{--opacity-disabled: .5;--opacity-dim: .6;--opacity-faint: .15;--opacity-medium: .8;--opacity-hover: .9;--blur-sm: 4px;--blur-md: 10px;--blur-lg: 20px;--blur-xl: 40px;--border-width-1: 1px;--border-width-2: 2px;--border-width-3: 3px;--z-negative: -1;--z-0: 0;--z-1: 1;--z-10: 10;--z-sticky: 50;--z-dropdown: 200;--z-overlay: 2000;--z-max: 9999}:root,:root[data-theme=dark]{--color-bg-app: #0f0f0f;--color-bg-page: #161616;--color-bg-canvas: #151515;--color-bg-node: #323232;--color-bg-node-translucent: rgba(50, 50, 50, .7);--color-bg-header: #1e1e1e;--color-bg-input: #181818;--color-bg-text-preview: #1e1e1e;--color-bg-elevated: #1e1e1e;--color-bg-hover: #2a2a2a;--color-bg-placeholder: #3d3d3d;--color-bg-placeholder-hover: #484848;--color-bg-message-bot: var(--color-overlay-medium);--color-bg-track: #141414;--color-bg-track-alt: #111111;--color-bg-status-pending: var(--color-overlay-light);--color-bg-item: var(--color-overlay-light);--color-bg-panel-adjacent: rgba(20, 20, 20, .8);--node-preview-bg: var(--color-overlay-dark);--node-preview-border: #333;--node-shadow: none;--node-shadow-hover: none;--node-shadow-selected: 0 0 0 1px #fff;--color-border-subtle: #222;--color-border-default: #262626;--color-border-selected: rgba(255, 255, 255, .85);--color-border-port: #262626;--color-border-handle: rgba(255, 255, 255, .5);--color-border-track: #222222;--color-border-popover: #333333;--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .75);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-accent: var(--color-accent-primary);--color-text-inverse: #000000;--color-text-on-overlay: #ffffff;--color-accent-blue: var(--color-accent-primary);--color-accent-purple: #b794f6;--color-accent-green: var(--color-success-500);--color-accent-orange: var(--color-accent-yellow);--color-accent-red: var(--color-error-500);--color-accent-cyan: #00f2ff;--color-port-exec: #ffffff;--color-port-text: #ffd700;--color-port-image: var(--color-accent-primary);--color-port-video: #b794f6;--color-port-audio: #ff8c00;--color-port-mask: #2ecc71;--color-port-any: #888888;--color-port-json: #e91e63;--color-port-3d: #ff69b4;--color-port-string: #ffd700;--color-port-number: #1e40af;--color-port-boolean: #ff4500;--color-port-object: #32cd32;--color-port-array: #9370db;--color-fps-good: var(--color-success-500);--color-fps-medium: var(--color-accent-yellow);--color-fps-poor: var(--color-error-500);--color-status-success: #00ff00;--color-status-warning: var(--color-accent-yellow);--color-status-error: #ff4444;--color-status-info: #4dabf7;--color-status-info-bg: rgba(77, 171, 247, .1);--color-status-info-border: rgba(77, 171, 247, .3);--color-brand-indigo: #6366F1;--color-brand-violet: #8B5CF6;--color-brand-pink: #EC4899;--color-accent: var(--color-brand-indigo);--color-accent-alpha: rgba(99, 102, 241, .15);--color-accent-hover: #818cf8;--color-border: var(--color-border-subtle);--color-border-hover: var(--color-overlay-medium);--color-success: var(--color-success-500);--color-warning: var(--color-accent-yellow);--color-error: var(--color-error-500);--color-brand-primary: var(--color-accent-primary);--color-brand-primary-alpha: var(--color-accent-primary-light);--color-accent-primary-alpha: var(--color-accent-primary-light);--color-bg-primary: var(--color-bg-app);--color-bg-secondary: var(--color-bg-elevated);--color-bg-tertiary: var(--color-bg-input);--minimap-bg: rgba(20, 20, 20, .9);--minimap-stroke: rgba(150, 150, 150, .3);--minimap-node-fill: rgba(60, 60, 60, .8);--minimap-node-stroke: rgba(255, 255, 255, .3);--minimap-port-fill: rgba(150, 150, 150, .8);--grid-line-color: rgba(255, 255, 255, .7);--icon-stroke-color: rgba(161, 161, 170, .4);--color-text-saved: rgba(255, 255, 255, .4);--color-border-saved: var(--color-overlay-medium);--thumbnail-node-fill: rgba(60, 60, 60, .9);--thumbnail-node-stroke: rgba(255, 255, 255, .3);--thumbnail-connection-stroke: rgba(161, 161, 170, .5);--skeleton-base: #1e1e1e;--skeleton-shine: #2a2a2a;--skeleton-duration: 1.5s;--skeleton-timing: ease-in-out;--skeleton-radius-sm: 4px;--skeleton-radius-md: 8px;--skeleton-radius-lg: 12px;--size-avatar-xs: 24px;--size-avatar-sm: 32px;--size-avatar-md: 40px;--size-avatar-lg: 48px;--size-avatar-xl: 64px;--size-icon-xs: 12px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--size-dropdown: 36px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-spin: 1s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--color-bg-container: #1a1a1a;--color-bg-card: #1e1e1e;--color-bg-modal: #181818;--color-bg-tooltip: #2a2a2a;--color-bg-active: #2d2d2d;--tile-gap: 16px;--layout-max-width: 1440px;--layout-max-narrow: 960px;--layout-sidebar-collapsed: 60px;--layout-sidebar-expanded: 256px;--layout-topbar-height: 60px;--opacity-low: .3;--opacity-high: .9;--z-fixed: 50;--gallery-card-min-height: 200px;--gallery-context-menu-min-width: 160px;--gallery-prompt-max-width: 600px;--gallery-search-max-width: 400px;--glass-bg: rgba(20, 20, 20, .8);--glass-bg-hover: rgba(30, 30, 30, .9);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--glass-blur: 12px;--glass-radius: 16px;--capsule-radius: var(--radius-pill);--glass-radius-inner: 12px;--radius-small: 6px;--radius-pill: 999px;--nav-item-hover-bg: var(--color-overlay-light);--nav-item-active-color: var(--color-accent-primary);--color-connection-green: var(--color-accent-green);--color-connection-yellow: #eab308;--color-connection-orange: var(--color-accent-orange);--color-connection-blue: var(--color-accent-primary);--color-connection-purple: var(--color-accent-purple);--color-cursor-1: var(--color-connection-green);--color-cursor-2: var(--color-connection-blue);--color-cursor-3: var(--color-connection-orange);--color-cursor-4: var(--color-connection-purple);--color-cursor-5: var(--color-connection-yellow);--color-cursor-border: rgba(255, 255, 255, .9);--hero-blob-size-lg: 520px;--hero-blob-size-md: 420px;--hero-blob-size-sm: 360px;--hero-blob-opacity: .8;--hero-blob-blur: 42px;--hero-blob-blend-mode: screen;--hero-bg-overlay-opacity: .35;--control-btn-bg: transparent;--control-btn-bg-hover: var(--color-overlay-medium);--control-btn-color: rgba(255, 255, 255, .6);--control-btn-color-hover: var(--color-text-primary);--control-btn-radius: 8px;--color-node-play-bg: transparent;--color-node-play-circle-idle: #464646;--color-node-play-circle-hover: #5a5a5a;--color-node-play-icon-idle: #e0e0e0;--color-node-play-circle-pending: #334550;--color-node-play-icon-pending: #6ec8f0;--color-node-play-circle-running: #453c58;--color-node-play-icon-running: #c9a8ff;--color-node-play-circle-success: #33483a;--color-node-play-icon-success: #5ee890;--color-node-play-circle-error: rgba(239, 68, 68, .5);--color-node-play-icon-error: #f06060;--color-node-play-icon: #e0e0e0;--color-node-play-overlay-idle: #464646;--color-node-play-overlay-hover: #5a5a5a;--color-node-play-overlay-pending: #334550;--color-node-play-overlay-running: #453c58;--color-node-play-overlay-success: #33483a;--color-node-play-overlay-error: rgba(239, 68, 68, .5);--shadow-node-play-focus: 0 0 0 2px var(--color-accent-primary-border);--color-selection-bg: var(--color-accent-primary-light);--color-selection-border: rgba(79, 172, 254, .6);--color-cursor-stroke: white;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.6'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:root[data-theme=light]{--hero-blob-opacity: .85;--hero-blob-blur: 50px;--hero-blob-blend-mode: multiply;--hero-bg-overlay-opacity: .15;--color-bg-app: #fafafa;--color-bg-page: #f5f5f5;--color-bg-canvas: #e5e7eb;--color-bg-node: #f5f5f5;--color-bg-header: #eeeff1;--color-bg-input: var(--color-text-inverse);--color-bg-text-preview: #f8f8f8;--color-bg-elevated: var(--color-text-inverse);--color-bg-hover: #e8e9eb;--color-bg-message-bot: #f9fafb;--color-bg-track: #f9fafb;--color-bg-track-alt: #f3f4f6;--color-bg-status-pending: #f9fafb;--color-bg-item: #fafafa;--color-bg-panel-adjacent: rgba(245, 245, 245, .9);--node-preview-bg: #eeeff1;--node-preview-border: #c5c7cc;--node-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--node-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--node-shadow-selected: 0 0 0 1px #1e293b, 0 0 4px rgba(30, 41, 59, .15);--color-border-subtle: #d1d5db;--color-border-default: #b5b9bf;--color-border-highlight: #8b92a0;--color-border-selected: #1e293b;--color-border-handle: var(--color-overlay-dark);--color-border-track: #d1d5db;--color-border-popover: #d1d5db;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-accent: var(--color-accent-primary-hover);--color-text-inverse: #ffffff;--color-text-on-overlay: #000000;--color-accent-blue: var(--color-accent-primary-hover);--color-accent-purple: #7c3aed;--color-accent-green: var(--color-success-600);--color-accent-orange: #ea580c;--color-accent-red: #dc2626;--color-accent-cyan: #0891b2;--color-port-exec: #ffffff;--color-port-text: #ffd700;--color-port-image: #4facfe;--color-port-video: #b794f6;--color-port-audio: #ff8c00;--color-port-mask: #2ecc71;--color-port-any: #888888;--color-port-json: #e91e63;--color-port-3d: #ff69b4;--color-fps-good: var(--color-success-600);--color-fps-medium: #ea580c;--color-fps-poor: #dc2626;--color-status-success: var(--color-success-600);--color-status-warning: #ea580c;--color-status-error: #dc2626;--color-status-info: var(--color-accent-primary-hover);--color-status-info-bg: rgba(37, 99, 235, .1);--color-status-info-border: rgba(37, 99, 235, .3);--color-brand-indigo: #4f46e5;--color-brand-violet: #7c3aed;--color-brand-pink: #db2777;--minimap-bg: rgba(255, 255, 255, .95);--minimap-stroke: rgba(100, 100, 100, .3);--minimap-node-fill: rgba(240, 240, 240, .9);--minimap-node-stroke: var(--color-overlay-dark);--minimap-port-fill: rgba(100, 100, 100, .8);--grid-line-color: rgba(0, 0, 0, .15);--icon-stroke-color: rgba(100, 100, 100, .4);--color-text-saved: var(--color-overlay-dark);--color-border-saved: rgba(0, 0, 0, .1);--thumbnail-node-fill: #e5e7eb;--thumbnail-node-stroke: #9ca3af;--thumbnail-connection-stroke: #6b7280;--glass-bg: rgba(255, 255, 255, .95);--glass-bg-hover: rgba(255, 255, 255, .98);--glass-border: rgba(0, 0, 0, .1);--glass-border-hover: rgba(0, 0, 0, .15);--glass-blur: 12px;--glass-radius: 16px;--capsule-radius: var(--radius-pill);--glass-radius-inner: 12px;--nav-item-hover-bg: rgba(0, 0, 0, .04);--nav-item-active-color: var(--color-accent-primary);--control-btn-bg: transparent;--control-btn-bg-hover: rgba(0, 0, 0, .08);--control-btn-color: #4b5563;--control-btn-color-hover: #111827;--control-btn-radius: 8px;--color-node-play-bg: transparent;--color-node-play-icon: var(--color-text-inverse);--color-node-play-overlay-idle: rgba(100, 100, 100, .5);--color-node-play-overlay-hover: rgba(255, 255, 255, .3);--color-node-play-overlay-pending: rgba(37, 99, 235, .5);--color-node-play-overlay-running: rgba(126, 34, 206, .5);--color-node-play-overlay-success: rgba(22, 163, 74, .5);--color-node-play-overlay-error: rgba(220, 38, 38, .5);--shadow-node-play-focus: 0 0 0 2px rgba(37, 99, 235, .3);--color-selection-bg: rgba(37, 99, 235, .12);--color-selection-border: rgba(37, 99, 235, .5);--color-cursor-stroke: #1e293b;--color-accent: var(--color-accent-primary);--color-accent-alpha: rgba(37, 99, 235, .15);--color-accent-hover: #2563eb;--color-accent-primary-alpha: rgba(37, 99, 235, .15);--color-bg-active: #e5e7eb;--color-bg-card: #ffffff;--color-bg-container: #f9fafb;--color-bg-modal: #ffffff;--color-bg-node-translucent: rgba(255, 255, 255, .9);--color-bg-placeholder: #f3f4f6;--color-bg-placeholder-hover: #e5e7eb;--color-bg-primary: var(--color-bg-app);--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-tooltip: #1f2937;--color-border: rgba(0, 0, 0, .1);--color-border-hover: rgba(0, 0, 0, .2);--color-border-port: rgba(0, 0, 0, .15);--color-brand-primary: var(--color-accent-primary);--color-brand-primary-alpha: rgba(37, 99, 235, .15);--color-connection-blue: #3b82f6;--color-connection-green: #22c55e;--color-connection-orange: #f97316;--color-connection-purple: #a855f7;--color-connection-yellow: #eab308;--color-cursor-1: #ef4444;--color-cursor-2: #22c55e;--color-cursor-3: #3b82f6;--color-cursor-4: #f59e0b;--color-cursor-5: #a855f7;--color-cursor-border: rgba(0, 0, 0, .2);--color-error: #dc2626;--color-success: #16a34a;--color-warning: #ea580c;--color-node-play-circle-error: rgba(220, 38, 38, .6);--color-node-play-circle-hover: rgba(100, 100, 100, .7);--color-node-play-circle-idle: rgba(100, 100, 100, .5);--color-node-play-circle-pending: rgba(37, 99, 235, .6);--color-node-play-circle-running: rgba(126, 34, 206, .6);--color-node-play-circle-success: rgba(22, 163, 74, .6);--color-node-play-icon-error: #ffffff;--color-node-play-icon-idle: #ffffff;--color-node-play-icon-pending: #ffffff;--color-node-play-icon-running: #ffffff;--color-node-play-icon-success: #ffffff;--color-port-array: #4facfe;--color-port-boolean: #22c55e;--color-port-number: #f59e0b;--color-port-object: #a855f7;--color-port-string: #3b82f6;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-spin: 1s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--gallery-card-min-height: var(--space-50);--gallery-context-menu-min-width: var(--space-45);--gallery-prompt-max-width: var(--space-120);--gallery-search-max-width: var(--space-70);--hero-blob-size-lg: 600px;--hero-blob-size-md: 400px;--hero-blob-size-sm: 200px;--layout-max-narrow: 960px;--layout-max-width: 1440px;--layout-sidebar-collapsed: 60px;--layout-sidebar-expanded: 256px;--layout-topbar-height: 60px;--opacity-high: .9;--opacity-low: .3;--radius-pill: 9999px;--radius-small: var(--radius-sm);--size-avatar-lg: 48px;--size-avatar-md: 40px;--size-avatar-sm: 32px;--size-avatar-xl: 64px;--size-avatar-xs: 24px;--size-dropdown: 36px;--size-icon-lg: 24px;--size-icon-md: 20px;--size-icon-sm: 16px;--size-icon-xl: 32px;--size-icon-xs: 12px;--thumbnail-node-fill: rgba(240, 240, 245, .95);--thumbnail-node-stroke: rgba(0, 0, 0, .2);--thumbnail-connection-stroke: rgba(100, 130, 180, .5);--skeleton-base: #e5e7eb;--skeleton-duration: 1.5s;--skeleton-radius-lg: 12px;--skeleton-radius-md: 8px;--skeleton-radius-sm: 4px;--skeleton-shine: #f3f4f6;--skeleton-timing: ease-in-out;--tile-gap: 16px;--z-fixed: 50;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}*,*:focus,*:focus-visible,*:focus-within,*:before,*:after{outline:none!important;outline-offset:0!important}button,input,select,textarea,a,[role=button],[tabindex]{outline:none!important;box-shadow:none!important}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,a:focus,a:focus-visible,[role=button]:focus,[tabindex]:focus{outline:none!important;outline-width:0!important;box-shadow:none!important}.flow-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) 20px;min-width:var(--space-75);max-width:var(--space-100);z-index:var(--z-overlay);animation:slideInBottom .4s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.flow-toast-error{border-left:var(--space-1) solid var(--color-accent-red)}.flow-toast-success{border-left:var(--space-1) solid var(--color-accent-green)}.toast-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.flow-browser{width:100%;min-height:100%;background:var(--color-bg-app);padding:var(--layout-page-padding-x);overflow-y:auto}.flow-browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.flow-browser-header h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;letter-spacing:-.8px;white-space:nowrap;flex-shrink:0;line-height:1}.flow-browser-header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.flow-browser-header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.flow-browser-sort{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);background-color:var(--color-bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;outline:none;transition:border-color var(--transition-normal);-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0}.flow-browser-sort:hover,.flow-browser-sort:focus{border-color:var(--color-border-highlight)}.flow-browser-sort option{background:var(--color-bg-node);color:var(--color-text-primary)}.flow-browser-search{position:relative;display:flex;align-items:center}.flow-browser-search-icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0}.flow-browser-search input{width:280px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-9);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-primary);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-normal),width var(--transition-normal)}.flow-browser-search input::-moz-placeholder{color:var(--color-text-tertiary)}.flow-browser-search input::placeholder{color:var(--color-text-tertiary)}.flow-browser-search input:focus{border-color:var(--color-border-highlight);width:340px}.flow-browser-new-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-hover);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--capsule-radius, var(--radius-full));color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-normal)}.flow-browser-new-btn:hover{border-color:var(--color-border-highlight);color:var(--color-text-primary);background:var(--color-bg-tertiary)}.flow-browser-new-btn:active{background:var(--color-bg-tertiary)}.flow-browser-new-btn--creating{pointer-events:none;opacity:.7}@media(max-width:480px){.flow-browser-new-btn span{display:none}.flow-browser-new-btn{padding:var(--space-2)}}.flow-browser-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5);width:100%}@media(max-width:1600px){.flow-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1300px){.flow-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.flow-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.flow-browser-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:768px){.flow-browser{padding:var(--space-4)}.flow-browser-header{flex-wrap:wrap;gap:var(--space-3)}.flow-browser-header-left{width:100%}.flow-browser-search input{width:100%;min-width:0}.flow-browser-search input:focus{width:100%}.flow-browser-search{flex:1}.flow-browser-header-right{width:100%;justify-content:space-between}.flow-browser-grid{gap:var(--space-4)}}@media(max-width:480px){.flow-browser{padding:var(--space-3)}.flow-browser-header{margin-bottom:var(--space-4)}.flow-browser-header h1{font-size:var(--font-size-xl)}.flow-browser-sort{font-size:var(--font-size-sm);padding:var(--space-1-5) var(--space-7) var(--space-1-5) var(--space-3)}.flow-card-content{padding:var(--space-2-5) var(--space-3)}.flow-card-header h3{font-size:var(--font-size-sm)}.flow-browser-grid{gap:var(--space-3)}}.flow-browser-empty{grid-column:1 / -1;text-align:center;padding:var(--space-20) var(--space-5);color:var(--color-text-tertiary);font-size:var(--font-size-md)}.flow-card{background:var(--color-bg-node);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal);position:relative;display:flex;flex-direction:column}.flow-card:hover{border-color:var(--color-border-highlight);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.flow-card-pin-icon{color:var(--color-accent-primary);flex-shrink:0;margin-right:4px;display:inline;vertical-align:middle}.flow-card-thumbnail{width:100%;aspect-ratio:16 / 9;background:var(--color-bg-canvas);display:flex;align-items:center;justify-content:center;border-bottom:var(--border-width-1) solid var(--color-border-subtle);position:relative;overflow:hidden;border-radius:calc(var(--radius-lg) - var(--border-width-1)) calc(var(--radius-lg) - var(--border-width-1)) 0 0}.flow-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-thumbnail-svg{width:100%;height:100%;display:block}.flow-thumbnail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);opacity:var(--opacity-medium)}.flow-card-thumbnail-new{color:var(--color-text-tertiary);transition:color var(--transition-normal)}.flow-card:hover .flow-card-thumbnail-new{color:var(--color-accent-primary)}.flow-card-creating{pointer-events:none;opacity:var(--opacity-medium)}.flow-card-creating .flow-card-thumbnail-new{color:var(--color-accent-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin var(--duration-spin) linear infinite}.flow-card-content{padding:var(--space-3-5) var(--space-4);flex:1}.flow-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);gap:var(--space-2)}.flow-card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.flow-card-header .flow-card-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;opacity:.7}.flow-card-rename-input{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-highlight);border-radius:var(--radius-xs);padding:var(--space-1) var(--space-2);outline:none}.flow-card-menu{position:relative}.flow-card-menu-trigger{width:var(--space-7);height:var(--space-7);background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);opacity:1}.flow-card-menu-trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.flow-card-menu-dropdown{background:var(--color-bg-node);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-1);min-width:var(--space-35);box-shadow:var(--shadow-lg),0 8px 32px #0006;animation:dropdown-mount .12s ease-out;pointer-events:auto}@keyframes dropdown-mount{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flow-card-menu-dropdown button{width:100%;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast)}.flow-card-menu-dropdown button:hover{background:var(--color-bg-hover)}.flow-card-menu-dropdown button.danger:hover{background:var(--color-error-dim);color:var(--color-error-500)}.flow-card-menu-dropdown button.warning:hover{background:#eab30826;color:#eab308}.flow-card-menu-dropdown button.active{background:#ffffff0d}.flow-card-menu-tag-count{margin-left:auto;background:var(--color-accent-primary-dim);color:var(--color-accent-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.flow-card-tag-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:var(--border-width-1) solid var(--color-border-subtle);border-bottom:var(--border-width-1) solid var(--color-border-subtle)}.flow-card-tag-color{width:28px;height:28px;background:transparent;border:var(--border-width-1) solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.flow-card-tag-color:hover{background:#ffffff14;border-color:var(--color-border-subtle)}.flow-card-tag-color--active{background:#ffffff1f;border-color:var(--color-border-default)}.flow-card-tag-color-dot{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0}.flow-card-tag-check{position:absolute;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.flow-card-tags-capsule{display:inline-flex;align-items:center;gap:3px;background:#ffffff0f;padding:4px 8px;border-radius:var(--radius-full)}.flow-card-tags-capsule .flow-card-tag-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.flow-browser-tag-filter{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-full)}.flow-browser-tag-btn{width:24px;height:24px;background:transparent;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.flow-browser-tag-btn:hover{border-color:#fff3}.flow-browser-tag-btn--active{border-color:var(--tag-color);box-shadow:0 0 8px var(--tag-color)}.flow-browser-tag-dot{width:10px;height:10px;border-radius:var(--radius-full)}.flow-browser-tag-clear{width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);font-family:inherit}.flow-browser-tag-filter--skeleton{opacity:.4;pointer-events:none}.flow-browser-tag-btn--skeleton{cursor:default}.flow-browser-tag-clear:hover{color:var(--color-text-primary)}.flow-card-meta{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary);gap:var(--space-2);flex-wrap:wrap;row-gap:var(--space-1)}.flow-card-nodes{white-space:nowrap;flex-shrink:0}.flow-card-date{opacity:var(--opacity-high)}.flow-card-avatars{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.flow-card-avatar{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-bg-node);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);flex-shrink:0;transition:transform var(--transition-fast);cursor:default}.flow-card-avatar+.flow-card-avatar{margin-left:calc(-1 * var(--space-2))}.flow-card-avatar:hover{transform:scale(1.15);z-index:2}.flow-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.flow-card-avatar-initials{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary, #8b5cf6));width:100%;height:100%;display:flex;align-items:center;justify-content:center;line-height:1}.flow-card-avatar-overflow{background:var(--color-bg-hover)}.flow-card-avatar-overflow span{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flow-card-skeleton{background:var(--color-bg-card);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;pointer-events:none}.flow-card-skeleton .skeleton-thumbnail{width:100%;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.05) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-bottom:var(--border-width-1) solid var(--color-border-subtle);border-radius:calc(var(--radius-lg) - var(--border-width-1)) calc(var(--radius-lg) - var(--border-width-1)) 0 0;animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-content{padding:var(--space-3-5) var(--space-4)}.flow-card-skeleton .skeleton-title{height:20px;width:60%;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.04) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-date{height:14px;width:25%;margin-left:auto;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-menu-trigger{height:var(--space-7);width:var(--space-7);background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-text{height:16px;width:35%;background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.03) 50%,var(--skeleton-base) 100%);background-size:200% 100%;border-radius:var(--skeleton-radius-sm);animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-skeleton .skeleton-avatar{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);border:var(--border-width-2) solid var(--color-bg-node);background:linear-gradient(90deg,var(--skeleton-base) 0%,rgba(255,255,255,.04) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-pulse 2s ease-in-out infinite,skeleton-shimmer 2.5s ease-in-out infinite}.flow-card-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-left:auto}.flow-card-badge--owner{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.flow-card-badge--shared{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.4)}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}