.public-layout{min-height:100vh;height:100vh;background:var(--color-bg-app);color:var(--color-text-primary);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.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)}.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}.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;opacity:1!important;cursor:progress;pointer-events:none}@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))}.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)}}.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}.spinner{animation:spin 1s linear infinite}.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)}}.range-slider{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0}.range-slider__input{--range-slider-progress: 0%;flex:1 1 auto;min-width:0;width:100%;height:6px;margin:0;border-radius:var(--radius-full);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--color-accent-primary) 0%,var(--color-accent-primary) var(--range-slider-progress),rgba(255,255,255,.12) var(--range-slider-progress),rgba(255,255,255,.12) 100%);cursor:pointer;outline:none;box-shadow:inset 0 0 0 1px #ffffff0a}.range-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:transparent}.range-slider__input::-moz-range-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent-primary) 0%,var(--color-accent-primary) var(--range-slider-progress),rgba(255,255,255,.12) var(--range-slider-progress),rgba(255,255,255,.12) 100%)}.range-slider__input::-moz-range-progress{height:6px;border-radius:var(--radius-full);background:var(--color-accent-primary)}.range-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:#5eb3ff;box-shadow:0 0 0 4px #5eb3ff24;-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.range-slider__input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:#5eb3ff;box-shadow:0 0 0 4px #5eb3ff24;-moz-transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.range-slider__input:hover::-webkit-slider-thumb,.range-slider__input:hover::-moz-range-thumb{transform:scale(1.06);box-shadow:0 0 0 5px #5eb3ff2e}.range-slider__input:active::-webkit-slider-thumb,.range-slider__input:active::-moz-range-thumb{transform:scale(1.02);background:#78c1ff}.range-slider__input:focus-visible::-webkit-slider-thumb,.range-slider__input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #111113e6,0 0 0 6px #5eb3ff3d}.range-slider__input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.range-slider__value{flex:0 0 auto;min-width:68px;padding:0 var(--space-2);text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.settings-row--slider,.settings-row--slider .range-slider{min-width:0}.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)}.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}.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}.flow-agent-btn{position:absolute;bottom:var(--layout-canvas-controls-offset);right:calc(var(--execution-queue-width) + var(--layout-canvas-controls-offset) + 12px);width:var(--layout-canvas-controls-height);height:var(--layout-canvas-controls-height);display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);color:var(--color-text-secondary);cursor:pointer;z-index:var(--z-tooltip);transition:all var(--transition-normal)}.flow-agent-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.flow-agent-btn--active{background:var(--color-accent-primary-light);border-color:var(--color-accent-primary-border);color:var(--color-accent-primary)}.flow-agent-btn--active:hover{background:var(--color-accent-primary-dim);border-color:var(--color-accent-primary);color:var(--color-accent-primary-hover)}.flow-agent-btn svg{transition:transform var(--transition-normal)}.flow-agent-btn:hover svg{transform:scale(1.1)}.flow-agent-btn--active svg{animation:agent-pulse 2s ease-in-out infinite}@keyframes agent-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.flow-agent-panel{position:absolute;bottom:calc(var(--layout-canvas-controls-offset) + var(--layout-canvas-controls-height) + 16px);right:var(--layout-canvas-controls-offset);width:calc(var(--execution-queue-width) + 12px + var(--layout-canvas-controls-height));max-height:520px;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--radius-lg);z-index:var(--z-tooltip);overflow:hidden;animation:agent-panel-enter .25s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:bottom right}@keyframes agent-panel-enter{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.flow-agent-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-1) solid var(--glass-border);flex-shrink:0}.flow-agent-header-left{display:flex;align-items:center;gap:var(--space-2)}.flow-agent-header-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent-primary-light),var(--color-type-video-alpha));color:var(--color-accent-primary);flex-shrink:0}.flow-agent-header-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.flow-agent-header-subtitle{font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.flow-agent-header-actions{display:flex;align-items:center;gap:var(--space-1)}.flow-agent-header-btn{width:28px;height:28px;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)}.flow-agent-header-btn:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.flow-agent-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);min-height:200px;max-height:360px}.flow-agent-messages::-webkit-scrollbar{width:4px}.flow-agent-messages::-webkit-scrollbar-track{background:transparent}.flow-agent-messages::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-full)}.flow-agent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.flow-agent-empty-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent-primary-light),var(--color-type-video-alpha));color:var(--color-accent-primary);margin-bottom:var(--space-1)}.flow-agent-empty-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.flow-agent-empty-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.5;max-width:260px}.flow-agent-msg{display:flex;flex-direction:column;gap:var(--space-1);max-width:88%;animation:msg-appear .2s ease forwards}@keyframes msg-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flow-agent-msg--user{align-self:flex-end}.flow-agent-msg--user .flow-agent-msg-bubble{background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md)}.flow-agent-msg--assistant{align-self:flex-start}.flow-agent-msg--assistant .flow-agent-msg-bubble{background:var(--color-overlay-light);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs)}.flow-agent-msg-bubble{padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-sm);line-height:1.55;word-break:break-word;white-space:pre-wrap}.flow-agent-msg-bubble--md{white-space:normal}.flow-agent-msg-bubble--md p{margin:0 0 var(--space-2) 0}.flow-agent-msg-bubble--md p:last-child{margin-bottom:0}.flow-agent-msg-bubble--md ul,.flow-agent-msg-bubble--md ol{margin:0 0 var(--space-2) 0;padding-left:var(--space-4)}.flow-agent-msg-bubble--md li{margin-bottom:var(--space-1)}.flow-agent-msg-bubble--md code{background:var(--color-bg-elevated);padding:2px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.flow-agent-msg-bubble--md pre{background:var(--color-bg-elevated);padding:var(--space-2);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--space-2) 0}.flow-agent-msg-bubble--md pre code{background:transparent;padding:0}.flow-agent-msg-bubble--md strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.flow-agent-action-badge{display:flex;align-items:flex-start;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);margin-top:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.45;word-break:break-word;color:var(--color-accent-green);background:var(--color-success-subtle);border:var(--border-width-1) solid var(--color-accent-green-border);border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) var(--radius-xs)}.flow-agent-action-badge svg{flex-shrink:0;margin-top:2px}.flow-agent-action-badge--error{color:var(--color-error-400);background:var(--color-error-subtle);border-color:var(--color-error-border)}.flow-agent-typing{display:flex;align-items:center;gap:4px;padding:var(--space-2-5) var(--space-3);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);align-self:flex-start;max-width:72px}.flow-agent-typing-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-tertiary);animation:typing-bounce 1.4s ease-in-out infinite}.flow-agent-typing-dot:nth-child(2){animation-delay:.16s}.flow-agent-typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.flow-agent-input-area{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-top:var(--border-width-1) solid var(--glass-border);flex-shrink:0}.flow-agent-input{width:100%;min-height:36px;max-height:100px;padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);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-sm);font-family:inherit;resize:none;outline:none;transition:border-color var(--transition-fast);line-height:1.4;caret-color:var(--color-text-primary)}.flow-agent-input::-moz-placeholder{color:var(--color-text-tertiary)}.flow-agent-input::placeholder{color:var(--color-text-tertiary)}.flow-agent-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-primary-light)}.flow-agent-input-area--recording .flow-agent-input{border-color:var(--color-error-500);box-shadow:0 0 0 1px var(--color-error-dim)}.flow-agent-input-wrapper{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.flow-agent-interim-hint{display:block;padding:2px var(--space-3);font-size:var(--font-size-xs);color:var(--color-accent-primary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:interim-fade .3s ease forwards}@keyframes interim-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:.7;transform:translateY(0)}}.flow-agent-send-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.flow-agent-send-btn:hover:not(:disabled){background:var(--color-accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.flow-agent-send-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.flow-agent-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-1-5);margin-top:var(--space-2)}.flow-agent-suggestion{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.flow-agent-suggestion:hover{background:var(--color-overlay-medium);border-color:var(--color-accent-primary-border);color:var(--color-accent-primary)}.flow-agent-voice-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.flow-agent-voice-btn:hover:not(:disabled){background:var(--color-overlay-light);color:var(--color-text-primary);border-color:var(--color-border-default)}.flow-agent-voice-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.flow-agent-voice-btn--recording{color:var(--color-error-500);border-color:var(--color-error-500);background:var(--color-error-dim);animation:voice-pulse 1.5s ease-in-out infinite}.flow-agent-voice-btn--recording:hover:not(:disabled){background:var(--color-error-light);border-color:var(--color-error-500);color:var(--color-error-400)}@keyframes voice-pulse{0%,to{box-shadow:0 0 0 0 var(--color-error-border)}50%{box-shadow:0 0 0 4px var(--color-error-subtle)}}.flow-agent-header-btn--success{color:var(--color-accent-green)!important}@media(max-width:768px){.flow-agent-btn{right:16px;width:40px;height:40px}.flow-agent-panel{width:calc(100vw - 32px);right:16px;max-height:50vh}}@media(max-width:480px){.flow-agent-btn{right:auto;left:var(--layout-canvas-controls-offset);bottom:calc(var(--layout-canvas-controls-offset) + var(--layout-canvas-controls-height) + 16px);width:36px;height:36px}.flow-agent-panel{right:8px;left:8px;width:auto;max-height:60vh;bottom:calc(var(--layout-canvas-controls-offset) + var(--layout-canvas-controls-height) + 56px)}.flow-agent-msg{max-width:92%}.flow-agent-voice-btn{display:none}}.flow-agent-send-btn.flow-agent-stop-btn{background:var(--color-error-dim);color:var(--color-error-400);border:var(--border-width-1) solid var(--color-error-border)}.flow-agent-send-btn.flow-agent-stop-btn:hover{background:var(--color-error-subtle);color:var(--color-error-500)}.flow-agent-undo-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:var(--border-width-1) solid var(--color-border-subtle);color:var(--color-text-tertiary);cursor:pointer;padding:1px 4px;margin-left:6px;border-radius:var(--radius-xs);font-size:var(--font-size-2xs);line-height:1;transition:all var(--transition-fast)}.flow-agent-undo-btn:hover{background:var(--color-error-dim);color:var(--color-error-400);border-color:var(--color-error-border)}.flow-agent-undone-label{margin-left:6px;font-size:var(--font-size-2xs);color:var(--color-text-quaternary);font-style:italic}: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;--header-height: var(--layout-header-height);--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;--shadow-header: 0 1px 0 rgba(255, 255, 255, .03);--shadow-sidebar: inset -1px 0 0 rgba(255, 255, 255, .04);--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;--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;--media-action-size: 32px;--media-action-radius: 10px;--media-action-bg: rgba(12, 12, 16, .56);--media-action-bg-hover: rgba(12, 12, 16, .74);--media-action-border: rgba(255, 255, 255, .14);--media-action-icon: rgba(255, 255, 255, .96);--media-action-shadow: 0 8px 24px rgba(0, 0, 0, .22);--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;--media-action-size: 32px;--media-action-radius: 10px;--media-action-bg: rgba(16, 20, 28, .56);--media-action-bg-hover: rgba(16, 20, 28, .72);--media-action-border: rgba(255, 255, 255, .18);--media-action-icon: rgba(255, 255, 255, .98);--media-action-shadow: 0 8px 24px rgba(15, 23, 42, .18);--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)}.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:5;pointer-events:auto!important;padding:0!important;margin:0;box-sizing:border-box;touch-action:none}.resize-zone--bottom{bottom:calc(-1 * var(--space-1));left:var(--space-7);right:var(--space-7);height:var(--space-4);cursor:ns-resize!important}.resize-zone--right{top:var(--space-7);right:calc(-1 * var(--space-1));bottom:var(--space-7);width:var(--space-4);cursor:ew-resize!important}.resize-zone--bottom-left{bottom:calc(-1 * var(--space-1));left:calc(-1 * var(--space-1));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:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));width:var(--space-7);height:var(--space-7);cursor:nwse-resize!important;border-radius:0 0 var(--node-border-radius) 0}.node-header{display:flex;align-items:center;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);gap:var(--space-4)}.node-header:active{cursor:grabbing}.node-header-left{display:flex;align-items:center;flex-shrink:0}.node-header:has(.node-header-center) .node-header-left{flex-shrink:1;min-width:0;max-width:50%}.node-header-center{flex:1 1 auto;display:flex;align-items:center;margin:0;min-width:80px;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;margin-left:auto;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(--media-action-bg);border:var(--border-width-1) solid var(--media-action-border);color:var(--media-action-icon);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(--media-action-radius);box-shadow:var(--media-action-shadow);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(--media-action-bg);border:var(--border-width-1) solid var(--media-action-border);color:var(--media-action-icon);width:var(--media-action-size);height:var(--media-action-size);border-radius:var(--media-action-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast);box-shadow:var(--media-action-shadow)}.media-preview__download-btn:hover{background:var(--media-action-bg-hover);color:var(--media-action-icon);transform:translateY(-1px)}.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}.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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}.remove-bg-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}.remove-bg-preview-container .media-preview-container{background-image:linear-gradient(45deg,var(--color-bg-tertiary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-bg-tertiary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-bg-tertiary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-bg-tertiary) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.rmbg-model-info{display:flex;align-items:center;gap:6px}.rmbg-model-badge{font-size:11px;color:var(--color-text-secondary);font-weight:500;letter-spacing:.2px}.rmbg-output-label{font-size:11px;color:var(--color-text-tertiary);font-weight:500;background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-xs)}.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(--media-action-size);height:var(--media-action-size);border-radius:var(--media-action-radius);border:var(--border-width-1) solid var(--media-action-border);background:var(--media-action-bg);color:var(--media-action-icon);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);backdrop-filter:blur(var(--blur-md));box-shadow:var(--media-action-shadow)}.load-audio-replace-btn:hover{background:var(--media-action-bg-hover);color:var(--media-action-icon);border-color:var(--media-action-border);transform:translateY(-1px)}.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%;flex:1 1 0;height:100%;min-height:0;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);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__rows{display:flex;flex-direction:column;gap:0;padding:0;box-sizing:border-box}.text-splitter__row{display:flex;align-items:center;padding:0 44px 0 18px;background:transparent;height:40px;min-height:40px;box-sizing:border-box}.text-splitter__row-text{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:28px;padding:0 16px;border-radius:var(--node-border-radius-inner);box-sizing:border-box;font-size:var(--text-field-output-font-size);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;background:color-mix(in srgb,var(--color-bg-node) 82%,#000 18%);border:1px solid color-mix(in srgb,var(--color-border-subtle) 70%,transparent)}.text-splitter__row--empty .text-splitter__row-text{color:transparent;opacity:.78}.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}}.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}@keyframes spin{to{transform:rotate(360deg)}}.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(--media-action-size);height:var(--media-action-size);border-radius:var(--media-action-radius);background:var(--media-action-bg);border:var(--border-width-1) solid var(--media-action-border);color:var(--media-action-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal) ease,transform var(--transition-fast);z-index:10;backdrop-filter:blur(var(--blur-md));box-shadow:var(--media-action-shadow)}.media-replace-btn:hover{background:var(--media-action-bg-hover);color:var(--media-action-icon);transform:translateY(-1px)}.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)}.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{width:4px}.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:var(--nn-font-family, "SF Pro Text", "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--nn-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.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}.nn-toolbar--readonly,.note-node__controls--readonly{opacity:.45;pointer-events:none}.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.readonly{opacity:.85}.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);height:40px;min-height:40px;box-sizing:border-box;padding:0 var(--space-4);border-radius:15px 15px 0 0;cursor:grab;pointer-events:auto;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.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__controls--readonly{opacity:.45;pointer-events:none}.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}.user-menu-container{position:relative;z-index:var(--z-dropdown)}.user-menu-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;margin:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-full);transition:transform var(--transition-normal),opacity var(--transition-fast)}.user-menu-trigger:hover,.user-menu-trigger.active{transform:translateY(-1px);opacity:.9}.user-menu-trigger:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.user-avatar{width:100%;height:100%;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:var(--border-width-1) solid var(--glass-border)}.user-menu-dropdown{transform-origin:top right;width:260px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);color:var(--color-text-primary);animation:menuFadeIn var(--transition-normal);z-index:var(--z-dropdown)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-1);border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.header-avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.header-info{display:flex;flex-direction:column;overflow:hidden}.header-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text-primary)}.header-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:var(--space-2-5);margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.premium-card-row{display:flex;gap:var(--space-1-5)}.upgrade-btn-sm,.add-members-btn-sm{flex:1;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1-5);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.upgrade-btn-sm{background:var(--color-accent-primary);color:var(--color-text-inverse);border:none}.upgrade-btn-sm:hover{background:color-mix(in srgb,var(--color-accent-primary) 84%,white)}.add-members-btn-sm{background:transparent;color:var(--color-text-secondary);border:var(--border-width-1) solid var(--color-border-default)}.add-members-btn-sm:hover{border-color:var(--color-border-highlight);color:var(--color-text-primary)}.credit-usage-compact{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-1)}.usage-icon{color:var(--color-accent-primary);opacity:var(--opacity-medium)}.credits-amount{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.menu-items{display:flex;flex-direction:column;gap:var(--space-1)}.menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.menu-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.menu-item.logout{color:var(--color-error-500)}.menu-item.logout:hover{background:var(--color-error-dim)}.menu-divider{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-1) 0}.value-label{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-tertiary);background:#ffffff0f;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-xs)}.badge-plan{margin-left:auto;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);text-transform:capitalize}.badge-plan--free{color:var(--color-text-secondary);background:var(--color-bg-hover)}.badge-plan--basic{color:var(--color-accent-yellow, #eab308);background:#eab3081f}.badge-plan--starter{color:#2dd4bf;background:#2dd4bf1f}.badge-plan--pro{color:var(--color-accent-green, #22c55e);background:#22c55e1f}.badge-plan--ultra{color:var(--color-accent-primary, #3b82f6);background:var(--color-accent-primary-light, rgba(59, 130, 246, .12))}.badge-plan--enterprise{color:var(--color-accent-purple, #a855f7);background:#a855f71f}.menu-item-with-submenu{position:relative}.language-submenu{margin-top:var(--space-1);margin-left:var(--space-8);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);overflow:hidden;animation:submenuSlide .15s ease}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.lang-option:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.lang-option.active{color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.menu-item.admin-console{color:var(--color-accent-primary)}.in-flow-presence{display:flex;align-items:center;position:relative}.collab-cursors-btn{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.collab-cursors-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.collab-cursors-btn.active{color:var(--color-accent-primary);background:var(--color-bg-hover)}.collab-cursors-btn--placeholder{cursor:default;opacity:.55;pointer-events:none}.collab-cursors-icons{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.collab-cursors-icons svg{filter:drop-shadow(0 0 2px currentColor)}.collab-cursors-count{position:absolute;bottom:-3px;right:-3px;min-width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-accent-primary);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;padding:0 3px;border:1.5px solid var(--color-bg-elevated, #1e1e1e)}.participant-item-avatar.clickable,.participant-item-name.clickable{cursor:pointer;transition:all .15s ease}.participant-item-avatar.clickable:hover{transform:scale(1.08);box-shadow:0 0 8px #ffffff26}.participant-item-name.clickable:hover{color:var(--color-accent-primary)}.participant-item-avatar.following-avatar{box-shadow:0 0 0 2px #64b5f640}.participants-popup{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:380px;background:var(--color-bg-elevated, #1e1e1e);backdrop-filter:blur(20px);border:1px solid var(--color-border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.participants-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}.participants-popup-header-right{display:flex;align-items:center;gap:10px}.participants-popup-online-count{font-size:11px;font-weight:600;color:var(--color-success, #4caf50);letter-spacing:.3px}.participants-popup-invite-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-md);border:1px solid rgba(79,172,254,.3);background:#4facfe1a;color:#64b5f6;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.participants-popup-invite-btn:hover{background:#4facfe33;border-color:#4facfe80;box-shadow:0 0 8px #4facfe26}.participants-popup-empty{padding:var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.participants-popup-list{max-height:420px;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.participant-item{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);border:none;background:#ffffff0a;transition:background .15s ease}.participant-item:hover{background:#ffffff14}.participant-item.is-me{background:#ffffff0f;border:none;box-shadow:none;border-radius:var(--radius-md)}.participant-item-main{display:flex;gap:var(--space-2-5);align-items:center;flex:1;min-width:0}.participant-item-avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;overflow:hidden}.participant-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.participant-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.participant-item-name-row{display:flex;align-items:center;gap:var(--space-1-5)}.participant-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-status-inline{font-size:10px;font-weight:600;letter-spacing:.3px;flex-shrink:0}.participant-status-inline.online{color:var(--color-success, #4caf50)}.participant-status-inline.offline{color:var(--color-text-muted, #666)}.participant-item-email{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.participant-item-role-row{display:flex;align-items:center}.participant-item-description{margin:0;font-size:var(--font-size-2xs);line-height:1.3;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.participant-role-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;line-height:1;width:-moz-fit-content;width:fit-content;flex-shrink:0}.participant-role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:2px 20px 2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;width:-moz-fit-content;width:fit-content;flex-shrink:0;outline:none}.participant-role-select:hover{border-color:#fff3;background-color:#ffffff1a}.participant-role-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}.participant-role-select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.participant-menu-wrap{position:relative;flex-shrink:0;align-self:center}.participant-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;transition:all .15s ease}.participant-menu-trigger:hover{color:var(--color-text-primary);background:#ffffff14}.participant-menu-dropdown{position:absolute;bottom:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg-elevated, #1a1a1a);border:1px solid var(--color-border-default, rgba(255, 255, 255, .12));border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;z-index:10;overflow:hidden;animation:popupFadeIn .1s ease-out}.participant-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease;text-align:left}.participant-menu-item:hover{background:#ffffff0f;color:var(--color-text-primary)}.participant-menu-item.active{color:#64b5f6}.participant-menu-item.danger:hover{color:var(--color-error-500, #ef4444);background:#ef444414}.participant-menu-item:disabled{opacity:.5;cursor:not-allowed}.participant-follow-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid rgba(104,147,255,.25);background:transparent;color:var(--color-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:all .2s ease}.participant-follow-btn:hover{background:#64b5f61a;color:#64b5f6;border-color:#64b5f64d}.participant-follow-btn.following{background:#64b5f626;color:#64b5f6;border-color:#64b5f6;box-shadow:0 0 8px #64b5f64d}@media(max-width:720px){.participants-popup{width:min(340px,calc(100vw - 24px));right:8px}}.follow-viewport-label{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#64b5f61f;border:1px solid rgba(100,181,246,.3);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#64b5f6;cursor:pointer;margin-right:8px;white-space:nowrap;animation:followPulse 2s ease-in-out infinite;transition:all .2s ease}.follow-viewport-label:hover{background:#64b5f633}.follow-stop-hint{font-size:10px;opacity:0;transition:opacity .15s}.follow-viewport-label:hover .follow-stop-hint{opacity:1}@keyframes followPulse{0%,to{box-shadow:0 0 #64b5f600}50%{box-shadow:0 0 12px 2px #64b5f633}}.topbar{position:absolute;top:0;left:0;right:0;min-height:var(--layout-header-height);background:transparent;border-bottom:none;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);gap:var(--space-4);z-index:var(--z-header);touch-action:none;pointer-events:none}.topbar-left{display:flex;align-items:center;padding:0 var(--space-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);height:var(--layout-canvas-controls-height);pointer-events:auto;transition:background var(--transition-fast);z-index:var(--z-header)}.topbar-left:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.topbar-panel{display:flex;align-items:center;gap:var(--space-2);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);padding:0 var(--space-2);height:var(--layout-canvas-controls-height);transition:background var(--transition-normal);pointer-events:auto;overflow:visible}.topbar-panel:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.topbar-panel--shell{pointer-events:none}.topbar-panel--shell:hover{background:var(--glass-bg);border-color:var(--glass-border)}.topbar-shell-icon,.topbar-shell-presence{border-radius:999px;background:color-mix(in srgb,var(--color-text-secondary) 18%,transparent)}.topbar-shell-icon{width:18px;height:18px}.topbar-shell-presence{width:92px;height:28px}.user-menu-trigger--shell{cursor:default;opacity:.92}.topbar--flow-mode{justify-content:flex-start;align-items:flex-start}.topbar--flow-mode .topbar-left{gap:0}.topbar--flow-mode .topbar-right-area{align-items:flex-start}.topbar-toggle-inline{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);margin:0;transition:color var(--transition-fast)}.topbar-toggle-inline:hover{color:var(--color-text-primary)}.topbar-pill-divider{width:var(--border-width-1);height:var(--space-5);background:var(--glass-border);margin:0 var(--space-2)}.topbar--flow-mode .token-counter{transform:none;background:transparent;border:none;padding:0;backdrop-filter:none}.topbar--flow-mode .token-counter:hover{transform:none;background:transparent}:root[data-theme=light] .topbar-left:hover,:root[data-theme=light] .topbar-panel:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}:root[data-theme=light] .topbar-toggle-inline:hover{color:var(--color-text-primary)}.topbar-breadcrumbs{display:flex;align-items:center;font-size:var(--font-size-base);color:var(--color-text-secondary)}.bug-report-close{width:var(--space-8);height:var(--space-8);background:transparent;border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.bug-report-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb-link:hover{color:var(--color-text-primary)}.breadcrumb-separator{color:var(--color-text-tertiary);padding:0 var(--space-2)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-current.editable{cursor:pointer;position:relative;z-index:1000;transition:color var(--transition-fast);padding:var(--space-0-5) var(--space-1);margin:calc(-1 * var(--space-0-5)) calc(-1 * var(--space-1))}.breadcrumb-current.editable:hover{color:var(--color-accent-primary)}.breadcrumb-edit-input{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-base);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);outline:none;min-width:var(--space-38);font-family:inherit}.breadcrumb-edit-input:focus{border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.topbar-right-area{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;pointer-events:auto}.topbar-role-capsule{display:flex;align-items:center;gap:var(--space-1-5);padding:0 var(--space-3);height:var(--layout-canvas-controls-height);border-radius:var(--capsule-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;pointer-events:auto;backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid;transition:all var(--transition-normal);letter-spacing:.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar-role-capsule--viewer{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b;animation:rolePulseViewer 3s ease-in-out infinite}.topbar-role-capsule--viewer:hover{background:#f59e0b2e;border-color:#f59e0b80}.topbar-role-capsule--editor{background:#3b82f61a;border-color:#3b82f640;color:#60a5fa}.topbar-role-capsule--editor:hover{background:#3b82f626;border-color:#3b82f666}@keyframes rolePulseViewer{0%,to{opacity:1}50%{opacity:.85}}:root[data-theme=light] .topbar-role-capsule--viewer{background:#f59e0b14;border-color:#f59e0b33;color:#d97706}:root[data-theme=light] .topbar-role-capsule--editor{background:#3b82f60f;border-color:#3b82f62e;color:#2563eb}.bug-report-bubble{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.bug-report-bubble:hover,.bug-report-bubble.active{color:var(--color-text-primary);background:var(--glass-bg-hover)}.bug-report-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;width:300px;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000080;z-index:var(--z-dropdown);overflow:hidden;display:flex;flex-direction:column}.token-counter{display:flex;align-items:center;gap:var(--space-1-5);background:var(--color-bg-input);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2-5);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border-subtle);margin-right:0;backdrop-filter:blur(var(--blur-md));transition:all var(--transition-fast);transform:scale(1.1)}.token-counter:hover{background:var(--color-bg-hover);border-color:var(--color-border-highlight);transform:scale(.9) translateY(calc(-1 * var(--space-px)))}.token-text{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:var(--letter-spacing-normal)}.token-add-btn{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-full);background:var(--color-bg-input);border:none;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast) ease}.token-add-btn:hover{background:var(--color-accent-green);color:var(--color-text-primary);transform:scale(1.05)}.topbar-user-section{display:flex;align-items:center;gap:var(--space-4);position:relative;height:100%}.topbar-profile-container{height:100%;display:flex;align-items:center;position:relative}.topbar-profile-wrapper{position:relative;width:var(--size-avatar-sm);height:var(--size-avatar-sm);cursor:pointer;padding:var(--space-0-5);border-radius:var(--radius-full);transition:all var(--transition-normal)}.topbar-profile-wrapper:hover{background:var(--color-bg-input)}.topbar-profile-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-border-subtle)}.topbar-online-indicator{position:absolute;bottom:0;right:0;width:var(--space-2-5);height:var(--space-2-5);background:var(--color-accent-green);border:var(--border-width-2) solid var(--color-bg-elevated);border-radius:var(--radius-full)}.topbar.topbar-profile-container{position:relative;cursor:pointer;margin-left:var(--space-4)}.topbar-profile-icon{width:var(--size-avatar-sm);height:var(--size-avatar-sm);background:var(--color-bg-input);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-normal)}.topbar-profile-icon:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.profile-header{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.topbar-logo{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-avatar{width:var(--space-10);height:var(--space-10);max-width:var(--space-10);max-height:var(--space-10);background:var(--color-bg-input);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0;-o-object-fit:cover;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.profile-email{font-size:var(--font-size-2xs);color:var(--color-text-tertiary);max-width:var(--space-60)}.dropdown-divider{height:var(--border-width-1);background:var(--color-border-subtle);margin:var(--space-1) 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-normal);text-decoration:none;text-align:left}.dropdown-item:hover{background:var(--color-bg-input);color:var(--color-text-primary)}.dropdown-item.logout{color:var(--color-accent-red)}.dropdown-item.logout:hover{background:var(--color-error-dim)}.topbar-profile-popup{position:absolute;top:calc(100% + var(--space-14))!important;right:calc(-1 * var(--space-12))!important;width:var(--space-75);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);z-index:var(--z-tooltip);opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--space-2-5)));transition:all var(--transition-normal)}.topbar-profile-container:hover .topbar-profile-popup,.topbar-profile-popup:hover{opacity:1;visibility:visible;transform:translateY(0)}.popup-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-width-1) solid var(--color-border-subtle);margin-bottom:var(--space-2)}.popup-profile-img{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.popup-user-info{display:flex;flex-direction:column;overflow:hidden}.popup-name-row{display:flex;align-items:center;gap:var(--space-1-5)}.popup-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-subscription{font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);background:var(--color-accent-primary);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);text-transform:uppercase}.popup-email{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-0-5);max-width:220px}.popup-actions{display:flex;flex-direction:column;gap:var(--space-0-5)}.popup-action-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2-5);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left}.popup-action-btn svg{width:var(--space-4);height:var(--space-4)}.popup-action-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.popup-action-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.popup-logout{color:var(--color-error-500)}.popup-logout:hover{background:var(--color-error-dim);color:var(--color-error-500)}.topbar-login{color:var(--color-text-inverse);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.topbar-login:hover{background:var(--color-accent-primary-hover)}.theme-toggle-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.theme-toggle-btn:hover{color:var(--color-text-primary);background:var(--control-btn-bg-hover)}.profile-subscription-card{margin:var(--space-3) var(--space-4);padding:var(--space-3-5) var(--space-4);background:var(--color-overlay-light);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg)}.subscription-row{display:flex;align-items:baseline;gap:var(--space-1);margin:0 0 var(--space-2-5) 0;line-height:1}.subscription-label,.subscription-separator,.plan-name{font-size:var(--font-size-sm);line-height:1;margin:0;padding:0}.subscription-label{color:var(--color-text-tertiary);font-weight:400}.subscription-separator{color:var(--color-text-tertiary)}.plan-name{font-weight:600}.plan-name[data-plan=free]{color:var(--color-text-primary)}.plan-name[data-plan=basic]{color:var(--color-accent-yellow)}.plan-name[data-plan=pro]{color:var(--color-accent-green)}.plan-name[data-plan=ultra]{color:var(--color-accent-purple)}.credits-row{display:flex;align-items:baseline;margin:0 0 var(--space-1-5) 0}.credits-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.credits-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);margin-left:var(--space-1)}.credits-bar{height:var(--space-0-5);background:var(--color-bg-input);border-radius:var(--radius-xs);overflow:hidden;margin:0 0 var(--space-3) 0}.credits-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-xs);transition:width var(--transition-slow)}.subscription-actions{display:flex;gap:var(--space-2)}.btn-action{flex:1;padding:var(--space-2) var(--space-3-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;border-radius:var(--radius-md);background:var(--color-accent-primary-light);color:var(--color-accent-primary);border:var(--border-width-1) solid var(--color-accent-primary-border);transition:all var(--transition-normal);cursor:pointer}.btn-action:hover{background:var(--color-accent-primary-dim);border-color:var(--color-accent-primary)}.profile-actions{display:flex;gap:var(--space-2)}.profile-btn{flex:1;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.profile-btn.upgrade{background:var(--color-brand-primary, var(--color-accent-primary));color:var(--color-text-inverse)}.profile-btn.upgrade:hover{opacity:.9;transform:translateY(-1px)}.profile-btn.buy-credits{background:var(--color-bg-input);border:var(--border-width-1) solid var(--color-border-default);color:var(--color-text-secondary)}.profile-btn.buy-credits:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-center{display:flex;align-items:center;gap:var(--space-0-5);pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:var(--border-width-1) solid var(--glass-border);border-radius:var(--capsule-radius);padding:var(--space-1) var(--space-2);height:var(--layout-canvas-controls-height);max-width:min(72vw,860px);position:absolute;left:50%;transform:translate(-50%);z-index:900}.topbar-center:hover,.topbar-center:has(.topbar-nav-item:hover){background:var(--color-bg-elevated);border-color:var(--color-border-default)}.topbar-center.nav-locked{background:var(--color-bg-elevated);border-color:var(--color-border-default)}.topbar-center.nav-locked .topbar-nav-item{pointer-events:none}.topbar-center.nav-locked .topbar-nav-item:hover{grid-template-columns:18px 0fr;gap:0;padding:var(--space-1-5);background:transparent}.topbar-center.nav-locked .topbar-nav-item:hover span{opacity:0}.topbar-nav-item{display:grid;grid-template-columns:18px 0fr;align-items:center;gap:0;padding:var(--space-1) var(--space-2);margin:0;border-radius:var(--capsule-radius);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1),gap .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1),background var(--transition-fast),color var(--transition-fast);white-space:nowrap;overflow:visible;position:relative}.topbar-nav-item:before{content:"";position:absolute;inset:-6px -10px;z-index:-1}.topbar-nav-item:hover{grid-template-columns:18px 1fr;gap:var(--space-1-5);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-nav-item.active{background:transparent;color:var(--color-text-secondary)}.topbar-nav-item.active:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.topbar-nav-item.active svg{color:var(--color-accent-primary);opacity:1}.topbar-nav-item svg{flex-shrink:0;opacity:var(--opacity-medium);transition:opacity var(--transition-slow),transform .35s cubic-bezier(.4,0,.2,1),color var(--transition-normal)}.topbar-nav-item:hover svg{opacity:1;transform:scale(1.05)}.topbar-nav-item span{overflow:hidden;opacity:0;transform:translate(-2px);transition:opacity var(--transition-slow) .08s,transform .35s cubic-bezier(.4,0,.2,1) .05s}.topbar-nav-item:hover span{opacity:1;transform:translate(0)}.topbar-nav-divider{width:var(--border-width-1);height:var(--space-4);background:var(--glass-border);margin:0 var(--space-2);opacity:.3;pointer-events:none;cursor:pointer}:root[data-theme=light] .topbar-center:hover{background:var(--color-bg-elevated);border-color:var(--color-border-default)}:root[data-theme=light] .topbar-nav-item:hover{background:var(--color-bg-hover)}.topbar-center.expanded .topbar-nav-item{grid-template-columns:18px 1fr;gap:var(--space-1-5);padding:5px 12px 5px 8px}.topbar-center.expanded .topbar-nav-item span{opacity:1;transform:translate(0);max-width:var(--space-20)}.topbar-center.expanded .topbar-nav-item svg{opacity:var(--opacity-high)}.topbar-center.expanded .topbar-nav-item:hover{background:var(--color-bg-hover)}.topbar-center.expanded .topbar-nav-item:hover svg{opacity:1;transform:scale(1.02)}.topbar-center.expanded .topbar-nav-item.active{background:transparent}.topbar-center.expanded .topbar-nav-item.active svg{color:var(--color-accent-primary);opacity:1}@media(max-width:1200px){.topbar-center{max-width:min(76vw,720px)}}@media(max-width:980px){.topbar-center{gap:0;padding:var(--space-1) var(--space-1-5)}.topbar-nav-item{padding:var(--space-1) var(--space-1-5)}.topbar-nav-item.active{grid-template-columns:18px 0fr}.topbar-nav-item.active span{opacity:0;transform:translate(-2px)}}@media(max-width:768px){.topbar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.topbar-center{gap:0;padding:var(--space-1)}.topbar-nav-item{padding:var(--space-1-5);grid-template-columns:18px 0fr}.topbar-nav-item span{display:none!important}.topbar-nav-item:hover{grid-template-columns:18px 0fr}.topbar-center.expanded .topbar-nav-item{grid-template-columns:18px 0fr;padding:var(--space-1-5)}.topbar-center.expanded .topbar-nav-item span{display:none!important}.topbar-breadcrumbs{max-width:140px;overflow:hidden}.breadcrumb-current{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:inline-block;vertical-align:middle}.breadcrumb-edit-input{min-width:100px;max-width:140px}.topbar-right-area{gap:var(--space-1)}.topbar-panel{padding:0 var(--space-1);gap:var(--space-1)}.topbar-left{padding:0 var(--space-2)}.bug-report-dropdown{width:min(480px,calc(100vw - 32px));right:8px}.notification-dropdown{width:min(360px,calc(100vw - 32px));right:8px}}@media(max-width:480px){.topbar{padding:var(--space-2);gap:var(--space-1-5)}.topbar-center{display:none}.topbar-breadcrumbs{max-width:120px;font-size:var(--font-size-sm)}.breadcrumb-separator{padding:0 var(--space-1)}.breadcrumb-current{max-width:80px}.breadcrumb-edit-input{min-width:80px;max-width:120px;font-size:var(--font-size-sm)}.topbar-right-area{gap:var(--space-1)}.topbar-panel{padding:0 var(--space-1);gap:0;height:36px}.topbar-left{padding:0 var(--space-2);height:36px}.topbar-collaboration-section{display:none}.bug-report-dropdown{width:calc(100vw - 16px);right:8px;left:8px;max-height:70vh;overflow-y:auto}.bug-report-textarea{min-height:100px}.notification-dropdown{width:calc(100vw - 16px);right:8px;left:8px;max-height:60vh}.token-text{display:none}.token-counter{padding:var(--space-1);transform:none}.token-counter:hover{transform:none}}.topbar-collaboration-section{display:flex;align-items:center}.topbar-invite-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative;padding:0;margin:0}.topbar-invite-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);transform:translateY(-1px)}.topbar-invite-btn:active{transform:translateY(0);opacity:var(--opacity-medium)}.topbar-invite-btn svg{transition:transform var(--transition-normal)}.topbar-invite-btn:hover svg{transform:scale(1.1)}.debug-toggle-btn{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);padding:0;margin:0;flex-shrink:0}.debug-toggle-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.debug-toggle-btn.active{color:var(--color-accent-primary);background:var(--color-accent-primary-light, rgba(59, 130, 246, .1))}.debug-toggle-btn.active:hover{background:var(--color-accent-primary-dim, rgba(59, 130, 246, .18))}.bug-report-container{position:relative;z-index:var(--z-dropdown)}.bug-report-bubble{display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-full);background:transparent;border:none;color:#ff64648c;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;margin:0}.bug-report-bubble:hover,.bug-report-bubble.active{background:#ff505014;color:#ff6464}.bug-report-bubble:active{transform:scale(.95)}.bug-report-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:480px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:bugDropdownIn .15s ease;overflow:hidden;z-index:var(--z-dropdown)}@keyframes bugDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bug-report-header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--color-border-subtle)}.bug-report-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--color-text-primary)}.bug-report-title svg{color:#ff6464}.bug-report-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.bug-report-label{font-size:12px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.bug-report-select{width:100%;padding:6px 28px 6px 10px;border-radius:var(--radius-sm);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:12px;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;color-scheme:dark;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='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease}.bug-report-select:focus{border-color:#ff646473;box-shadow:0 0 0 1px #ff646426}.bug-report-select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.bug-report-textarea{padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:12px;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;max-height:350px;outline:none;transition:border-color .15s ease}.bug-report-textarea:focus{border-color:#ff646473;box-shadow:0 0 0 1px #ff646426}.bug-report-textarea::-moz-placeholder{color:var(--color-text-tertiary)}.bug-report-textarea::placeholder{color:var(--color-text-tertiary)}.bug-report-textarea-wrapper{position:relative;width:100%}.bug-report-textarea-wrapper .bug-report-textarea{width:100%;padding-right:40px}.bug-report-mic-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-bg-elevated);box-shadow:0 0 0 1px var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;padding:0;z-index:10;transition:all .2s;backdrop-filter:none}.bug-report-mic-btn svg{filter:none}.bug-report-mic-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover);box-shadow:0 0 0 1px var(--color-border-default)}.bug-report-mic-btn.recording{background:#ff525233;border-color:#ff5252;color:#ff5252;animation:bug-mic-pulse 1.5s ease-in-out infinite}.bug-report-mic-btn.recording svg{filter:none}@keyframes bug-mic-pulse{0%,to{box-shadow:0 0 #ff525266}50%{box-shadow:0 0 0 6px #ff525200}}.bug-report-images{display:flex;gap:6px;flex-wrap:wrap}.bug-report-image-thumb{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--color-border-subtle)}.bug-report-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bug-report-image-remove{position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-radius:50%;background:#ff3c3cd9;border:none;color:#fff;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s ease}.bug-report-image-thumb:hover .bug-report-image-remove{opacity:1}.bug-report-attach-row{display:flex;align-items:center;gap:8px}.bug-report-attach-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);background:transparent;border:1px dashed var(--color-border-subtle);color:var(--color-text-tertiary);font-size:11px;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-attach-btn span{font-size:14px;font-weight:600;line-height:1}.bug-report-attach-btn:hover{border-color:#ff6464;color:#ff6464;background:#ff50500f}.bug-report-meta-inline{font-size:10px;color:var(--color-text-tertiary);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.bug-report-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--color-border-subtle)}.bug-report-hint{font-size:10px;color:var(--color-text-tertiary)}.bug-report-submit{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-sm);background:#ff6464;border:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-submit:hover:not(:disabled){background:#ff4d4d;box-shadow:0 2px 12px #ff646440}.bug-report-submit:disabled{opacity:.35;cursor:not-allowed}.bug-report-agent-task{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.bug-report-agent-task-text{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:12px 14px;white-space:pre-wrap;word-wrap:break-word;max-height:320px;overflow-y:auto;margin:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.bug-report-agent-task-text::-webkit-scrollbar{width:4px}.bug-report-agent-task-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.bug-report-agent-task-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.bug-report-agent-task-copy{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--color-accent-primary, #3b82f6);border:none;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-agent-task-copy:hover{background:var(--color-accent-primary-hover, #2563eb);box-shadow:0 2px 12px #3b82f640;transform:translateY(-1px)}.bug-report-agent-task-copy:active{transform:translateY(0)}.bug-report-agent-task-close{padding:6px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s ease}.bug-report-agent-task-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-default)}.notification-container{position:relative}.notification-bell{background:transparent;border:none;width:28px;height:28px;padding:0;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease}.notification-bell:hover,.notification-bell.active{color:var(--color-text-primary);background:var(--color-bg-hover)}.notification-dot{position:absolute;top:4px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--color-accent-primary);border:1.5px solid var(--color-bg-elevated);animation:notifPulse 2s ease infinite;pointer-events:none}@keyframes notifPulse{0%,to{opacity:1}50%{opacity:.5}}.notification-dropdown{position:fixed;top:calc(var(--layout-header-height) + 16px);right:16px;transform-origin:top right;width:380px;max-height:440px;background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:bugDropdownIn .15s ease;overflow:hidden;z-index:var(--z-dropdown);display:flex;flex-direction:column}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle);gap:12px;flex-shrink:0}.notification-header-title{font-size:13px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;white-space:nowrap}.notification-header-action{font-size:11px;font-weight:500;color:var(--color-accent-primary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap;transition:all .15s ease;flex-shrink:0}.notification-header-action:hover{background:#3b82f61a;color:var(--color-accent-primary)}.notification-header-action:active{transform:scale(.97)}.notification-list{overflow-y:auto;flex:1;max-height:380px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.notification-empty{padding:40px 16px;text-align:center;color:var(--color-text-tertiary);font-size:13px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .1s ease;cursor:default;border-bottom:1px solid rgba(255,255,255,.03)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-hover)}.notification-item.unread{background:#64b5f60f;border-left:2px solid var(--color-accent-primary)}.notification-item-avatar{flex-shrink:0}.notification-item-avatar img{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.notification-item-initials{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.notification-item-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notification-item-title{font-size:13px;color:var(--color-text-primary);line-height:1.45;word-wrap:break-word;overflow-wrap:break-word}.notification-item-time{font-size:11px;color:var(--color-text-tertiary);line-height:1.3}.notification-actions{display:flex;gap:8px;margin-top:6px}.notification-action-btn{padding:4px 12px;font-size:11px;font-weight:600;font-family:inherit;flex:1;min-height:26px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;background:var(--color-accent-primary);color:#fff}.notification-action-btn:hover:not(:disabled){background:var(--color-accent-primary-hover, #2563eb);box-shadow:0 1px 6px #3b82f633}.notification-action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-action-btn--secondary{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.notification-action-btn--secondary:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:none}.notification-item--clickable{cursor:pointer}.notification-item--clickable:hover{background:#3b82f60f}.pending-uploads{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-modal);min-width:var(--space-70);max-width:var(--space-90);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-overlay-medium);box-shadow:var(--shadow-lg);overflow:hidden;font-family:inherit}.pending-uploads-header{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-3-5);cursor:pointer;transition:background var(--transition-fast)}.pending-uploads-header:hover{background:var(--color-overlay-light)}.pending-uploads-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.pending-uploads-icon .spin{animation:spin var(--duration-spin) linear infinite;color:var(--color-accent-primary)}.pending-uploads-icon .success{color:var(--color-success-500)}.pending-uploads-icon .error{color:var(--color-error-500)}.pending-uploads-summary{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.pending-uploads-progress{flex:1;max-width:var(--space-20);height:var(--space-1);background:var(--color-overlay-medium);border-radius:var(--radius-xs);overflow:hidden}.pending-uploads-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-xs);transition:width var(--transition-slow)}.pending-uploads-toggle{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pending-uploads-toggle:hover{background:var(--color-overlay-medium);color:var(--color-text-primary)}.pending-uploads-detail{border-top:var(--border-width-1) solid var(--color-overlay-light)}.pending-uploads-list{max-height:var(--space-50);overflow-y:auto;padding:var(--space-2)}.pending-upload-item{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:background var(--transition-fast)}.pending-upload-item:last-child{margin-bottom:0}.pending-upload-item:hover{background:var(--color-overlay-light)}.pending-upload-item.pending .pending-upload-icon{color:var(--color-text-tertiary)}.pending-upload-item.uploading .pending-upload-icon{color:var(--color-accent-primary)}.pending-upload-item.success .pending-upload-icon{color:var(--color-success-500)}.pending-upload-item.failed .pending-upload-icon{color:var(--color-error-500)}.pending-upload-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.pending-upload-name{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}.pending-upload-status{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pending-upload-item.failed .pending-upload-status{color:var(--color-error-500)}.pending-upload-progress{width:var(--space-12);height:var(--space-0-5);background:var(--color-overlay-medium);border-radius:var(--radius-xs);overflow:hidden}.pending-upload-progress-bar{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-xs);transition:width var(--transition-normal)}.pending-upload-cancel{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);background:transparent;border:none;border-radius:var(--radius-xs);color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.pending-upload-item:hover .pending-upload-cancel{opacity:1}.pending-upload-cancel:hover{background:var(--color-error-dim);color:var(--color-error-500)}.pending-uploads-clear{width:100%;padding:var(--space-2-5);background:transparent;border:none;border-top:var(--border-width-1) solid var(--color-overlay-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pending-uploads-clear:hover{background:var(--color-overlay-light);color:var(--color-text-primary)}.app-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-app)}.app-shell.no-sidebar .app-shell-main{margin-left:0;width:100%}.app-shell-main{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.app-shell-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding:0;padding-top:var(--layout-header-height);margin:0;background:transparent;min-height:0}.app-shell-content:has(.flow-page-canvas){padding-top:0}.app-shell-content:has(.home-wrapper){padding-top:0;overflow:hidden}.app-shell-content:has(.assets-page){padding-top:0}.app-shell-content:has(.settings-page),.app-shell-content:has(.documentation-page){padding-top:0;overflow:hidden}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--mkt-bg-overlay);backdrop-filter:blur(var(--mkt-blur-lg));border-top:var(--mkt-hairline) solid var(--mkt-border-card);padding:var(--mkt-space-6) var(--mkt-space-10);z-index:var(--mkt-z-cookie-banner);animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-content{max-width:var(--mkt-container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--mkt-space-10)}.cookie-banner-text h3{font-size:var(--mkt-font-lg);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin:0 0 var(--mkt-space-2) 0}.cookie-banner-text p{font-size:var(--mkt-font-md);line-height:var(--line-height-normal);color:var(--mkt-text-sub);margin:0}.cookie-link{color:var(--mkt-link);text-decoration:underline;transition:color .2s}.cookie-link:hover{color:var(--mkt-link-hover)}.cookie-banner-actions{display:flex;gap:var(--mkt-space-6);flex-shrink:0}.cookie-btn{white-space:nowrap;font-family:Inter,sans-serif}@media(max-width:768px){.cookie-banner{padding:var(--mkt-space-6) var(--mkt-space-10)}.cookie-banner-content{flex-direction:column;align-items:flex-start;gap:var(--mkt-space-6)}.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}:root{--node-header-height: var(--btn-height-xl);--node-textarea-bg: var(--color-bg-input);--node-input-bg: var(--color-bg-input);--node-content-bg: var(--color-bg-node);--node-dropdown-bg: var(--color-bg-app)}.flow-page{width:100%;height:100%;background:var(--color-bg-app);color:var(--color-text-primary);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.flow-page-canvas{padding:0;background:var(--color-bg-canvas);overflow:hidden}.flow-page.flow-page-canvas{background:var(--color-bg-canvas)}.flow-canvas{flex:1;position:relative;background-color:var(--color-bg-canvas);overflow:hidden;border-radius:0;border:none;box-shadow:none!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:0;touch-action:none}.flow-node,.execution-queue,.flow-controls,.flow-minimap,.flow-toolbar,.context-menu{box-shadow:none!important}.flow-canvas.hand-mode{cursor:grab!important}.flow-canvas.hand-mode:active{cursor:grabbing}.flow-canvas.selecting{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-canvas.hand-mode .flow-node,.flow-canvas.hand-mode .flow-connection,.flow-canvas.panning .node-wrapper,.flow-canvas.panning .flow-connection,.flow-canvas.panning .flow-connection *{pointer-events:none!important}.flow-content{position:absolute;top:0;left:0;transform-origin:0 0;width:100%;height:100%;contain:style}svg.flow-connection,svg.flow-connection *{pointer-events:none}.text-node-input{width:100%;height:100%;background:var(--color-bg-input);border:none;color:var(--color-text-primary);padding:var(--space-2-5);border-radius:var(--radius-xs);resize:none;font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.node-preview .empty-state,.node-preview .node-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.image-preview{position:relative;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;background:transparent;overflow:hidden;border-radius:var(--radius-xs);flex:1}.image-preview img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}.video-preview{position:relative;width:100%;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;background:var(--color-bg-canvas);overflow:hidden;border-radius:var(--radius-sm)}.video-preview video{width:100%;height:auto;display:block;border-radius:var(--radius-sm);-o-object-fit:contain;object-fit:contain;max-height:none}.node-placeholder{width:100%;height:100%;min-height:var(--space-38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);box-sizing:border-box;border:var(--border-width-1) dashed var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-tertiary);text-align:center}.node-placeholder.clickable{cursor:pointer}.node-placeholder.clickable:hover{border-color:var(--color-border-highlight);background:var(--color-bg-hover);color:var(--color-text-secondary)}.node-placeholder-icon{font-size:var(--font-size-2xl);opacity:var(--opacity-high);margin-bottom:var(--space-1)}.node-placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.node-placeholder-subtext{font-size:var(--font-size-xs);opacity:var(--opacity-medium)}.image-download-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:var(--media-action-size);height:var(--media-action-size);background:var(--media-action-bg);border:var(--border-width-1) solid var(--media-action-border);border-radius:var(--media-action-radius);color:var(--media-action-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-base);text-decoration:none;transition:opacity var(--transition-normal),background-color var(--transition-normal),transform var(--transition-fast);backdrop-filter:blur(var(--blur-md));box-shadow:var(--media-action-shadow);z-index:10;opacity:0}.node-preview:hover .image-download-btn{opacity:1}.image-download-btn:hover{background:var(--media-action-bg-hover);color:var(--media-action-icon);transform:translateY(-1px)}.image-edit-btn,.image-upload-btn,.video-upload-btn{opacity:0;transition:opacity var(--transition-normal),transform .2s}.node-preview:hover .image-edit-btn,.node-preview:hover .image-upload-btn,.node-preview:hover .video-upload-btn{opacity:1}.flow-toolbar{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));padding:var(--space-1-5) var(--space-4);border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border-subtle);display:flex;gap:var(--space-4);z-index:var(--z-modal);box-shadow:none}.toolbar-btn{background:transparent;border:none;color:var(--color-text-secondary);width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.toolbar-btn:hover{background:var(--color-bg-input);color:var(--color-text-primary);transform:translateY(-2px)}.node-spinner{width:var(--space-3);height:var(--space-3);border:var(--border-width-2) solid var(--color-overlay-dark);border-top:var(--border-width-2) solid var(--color-text-primary);border-radius:var(--radius-full);animation:spin var(--duration-spin) linear infinite;margin-right:var(--space-2);display:inline-block}.flow-canvas ::-webkit-scrollbar{width:var(--space-1-5);height:var(--space-1-5);background:transparent}.flow-canvas ::-webkit-scrollbar-track{background:transparent}.flow-canvas ::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--radius-xs);border:1px solid transparent;background-clip:content-box}.flow-canvas ::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark)}.empty-state{width:100%;height:100%;min-height:var(--space-25);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-type-video-alpha) 0%,var(--color-accent-primary-light) 100%);border:var(--border-width-2) dashed var(--color-type-video-alpha);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;padding:var(--space-5);box-sizing:border-box;font-style:italic;letter-spacing:var(--letter-spacing-wide)}.viewer-only-badge{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);backdrop-filter:blur(var(--blur-lg));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);font-weight:var(--font-weight-medium);z-index:var(--z-overlay);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:viewer-badge-fade-in .3s ease-out}.viewer-only-badge svg{opacity:.7;flex-shrink:0}.viewer-only-badge span{white-space:nowrap}@keyframes viewer-badge-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.viewer-only-badge{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-xs);right:var(--space-3);top:var(--space-3)}.flow-toolbar{bottom:var(--space-4);padding:var(--space-1) var(--space-3);gap:var(--space-3)}.toolbar-btn{width:32px;height:32px;font-size:var(--font-size-base)}}@media(max-width:480px){.viewer-only-badge{padding:var(--space-1-5);right:var(--space-2);top:var(--space-2)}.viewer-only-badge span{display:none}.flow-toolbar{bottom:var(--space-3);padding:var(--space-1) var(--space-2);gap:var(--space-2)}.toolbar-btn{width:28px;height:28px;font-size:var(--font-size-sm)}.node-placeholder{min-height:var(--space-25);padding:var(--space-4);gap:var(--space-2)}}.flow-mobile-fab{display:none}@media(pointer:coarse){.flow-mobile-fab{display:flex;align-items:center;justify-content:center;position:absolute;bottom:calc(var(--layout-canvas-controls-offset, 20px) + var(--layout-canvas-controls-height, 48px) + 16px);right:var(--layout-canvas-controls-offset, 20px);width:56px;height:56px;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--glass-border);background:var(--color-accent-primary);color:var(--color-text-inverse, #fff);cursor:pointer;z-index:var(--z-tooltip);box-shadow:0 4px 16px #3b82f666,0 2px 4px #0003;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.flow-mobile-fab:active{transform:scale(.92);box-shadow:0 2px 8px #3b82f64d,0 1px 2px #00000026}.flow-mobile-fab svg{pointer-events:none}}@media(pointer:coarse){.flow-canvas{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.flow-port:after{top:calc((var(--node-port-size) - 44px) / 2);left:calc((var(--node-port-size) - 44px) / 2);right:calc((var(--node-port-size) - 44px) / 2);bottom:calc((var(--node-port-size) - 44px) / 2)}}.landing-flow-demo{width:100%;border:var(--mkt-hairline) solid var(--mkt-border-card);background:linear-gradient(180deg,var(--mkt-surface-3),var(--mkt-surface-1));border-radius:var(--mkt-radius-xl);overflow:hidden;--color-bg-app: var(--mkt-bg-page);--color-bg-page: var(--mkt-bg-page);--color-bg-canvas: var(--mkt-bg-page);--color-bg-node: var(--mkt-bg-card);--color-bg-header: var(--mkt-bg-hero);--color-bg-input: var(--mkt-bg-card-soft);--color-bg-elevated: var(--mkt-bg-card);--color-bg-hover: var(--mkt-bg-card-soft);--color-bg-primary: var(--mkt-bg-page);--color-bg-secondary: var(--mkt-bg-card);--color-bg-tertiary: var(--mkt-bg-card-soft);--color-bg-surface: var(--mkt-bg-card);--color-border-default: var(--mkt-border-card);--color-border-subtle: var(--mkt-border-card);--color-text-primary: var(--mkt-text-main);--color-text-secondary: var(--mkt-text-sub);--color-text-tertiary: var(--mkt-text-muted)}#interactive .landing-section__inner{max-width:var(--mkt-flow-section-max)}.landing-flow-section{display:grid;grid-template-columns:var(--mkt-flow-copy-col) minmax(0,1fr);gap:var(--mkt-space-10);align-items:start}.landing-flow-section__copy{padding-top:var(--mkt-space-6)}.landing-flow-section__bullets{display:flex;flex-direction:column;gap:var(--mkt-space-6);margin-top:var(--mkt-space-10)}.landing-flow-section__bullet{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-md);padding:var(--mkt-space-6) var(--mkt-space-6);font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-flow-section__actions{margin-top:var(--mkt-space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--mkt-space-3)}.landing-flow-section__note{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-flow-demo__canvas{border-radius:0;height:var(--mkt-flow-demo-height)}.landing-flow-demo .node-ports{display:none}@media(max-width:900px){.landing-flow-section{grid-template-columns:1fr}.landing-flow-demo__canvas{height:var(--mkt-flow-demo-height-mobile)}}.landing-footer{margin-top:0;background:radial-gradient(var(--mkt-footer-blob-1-w) var(--mkt-footer-blob-1-h) at 20% 20%,var(--mkt-glow-soft),transparent 60%),radial-gradient(var(--mkt-footer-blob-2-w) var(--mkt-footer-blob-2-h) at 80% 10%,var(--mkt-glow-softer),transparent 55%),var(--mkt-bg-footer);border-top:var(--mkt-hairline) solid var(--mkt-border-card)}.landing-footer__inner{max-width:var(--mkt-container-max);margin:0 auto;padding:var(--mkt-space-14) var(--mkt-page-padding-x);display:grid;grid-template-columns:1fr 1.3fr;gap:var(--mkt-space-12)}.landing-footer__cta{grid-column:1 / -1;border:var(--mkt-hairline) solid var(--mkt-border-subtle);background:radial-gradient(var(--mkt-panel-blob-w) var(--mkt-panel-blob-h) at 20% 20%,var(--mkt-glow-soft),transparent 60%),var(--mkt-surface-2);border-radius:var(--mkt-radius-xl);padding:var(--mkt-space-10) var(--mkt-space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--mkt-space-6)}.landing-footer__cta-copy{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__cta-title{font-size:var(--mkt-font-md);font-weight:650;color:var(--mkt-text-main)}.landing-footer__cta-sub{font-size:var(--mkt-font-xs);color:var(--mkt-text-sub);line-height:var(--line-height-normal)}.landing-footer__cta-btn{flex-shrink:0}.landing-footer__left{display:flex;flex-direction:column;gap:var(--mkt-space-10)}.landing-footer__brand{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__logo{font-weight:800;letter-spacing:.06em;font-size:var(--mkt-font-logo-footer);font-family:JetBrains Mono,monospace;color:var(--mkt-text-main)}.landing-footer__copyright{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-footer__social{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-footer__social-link{width:var(--mkt-icon-btn-size);height:var(--mkt-icon-btn-size);border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--mkt-border-strong);background:var(--mkt-surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--mkt-text-main);transition:background var(--transition-fast),border-color var(--transition-fast)}.landing-footer__social-link:hover{background:var(--mkt-surface-hover);border-color:var(--mkt-border-hover)}.landing-footer__social-link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}.landing-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-10)}.landing-footer__col-title{font-size:var(--mkt-font-xs);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin-bottom:var(--mkt-space-4)}.landing-footer__links{display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-footer__link{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);text-decoration:none;transition:color var(--transition-fast)}.landing-footer__link:hover{color:var(--mkt-text-main)}.landing-footer__link--disabled{opacity:.45;pointer-events:none;cursor:default}.landing-footer__link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset);border-radius:var(--mkt-radius-xs)}@media(max-width:900px){.landing-footer__inner{padding:var(--mkt-space-12) var(--mkt-page-padding-x-mobile);grid-template-columns:1fr;gap:var(--mkt-space-11)}.landing-footer__cta{flex-direction:column;align-items:flex-start}}.landing-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden}@media(prefers-reduced-motion:reduce){.landing-video-container,.landing-video-container--ready{transition:none;transform:none;opacity:1}.landing-video-container--loading:before{animation:none}.landing-float-card{animation:none;opacity:1;transform:none}.landing-marquee__viewport{mask-image:none;-webkit-mask-image:none;overflow-x:auto;padding-left:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-marquee__content{animation:none}}.landing-section{padding:var(--mkt-section-padding-y) var(--mkt-page-padding-x);scroll-margin-top:var(--mkt-anchor-offset);position:relative}.landing-section--tight{padding-top:var(--mkt-space-14);padding-bottom:var(--mkt-space-14)}.landing-section:before{content:"";position:absolute;top:0;left:50%;width:100vw;transform:translate(-50%);height:var(--mkt-hairline);background:var(--mkt-divider-gradient);opacity:.85;pointer-events:none}.landing-hero{scroll-margin-top:var(--mkt-anchor-offset)}.landing-section__inner{max-width:var(--mkt-container-max);margin:0 auto}.landing-section__header{display:flex;flex-direction:column;gap:var(--mkt-space-6);margin-bottom:var(--mkt-space-10)}.landing-section__header--compact{margin-top:var(--mkt-space-10);margin-bottom:var(--mkt-space-6)}.landing-h2{font-size:var(--mkt-font-h2);font-weight:650;letter-spacing:-.02em;margin:0}.landing-p{margin:0;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed);max-width:var(--mkt-copy-max)}.landing-nav{position:sticky;top:0;z-index:var(--z-header);width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--mkt-space-6) var(--mkt-page-padding-x);background:var(--color-overlay-medium);border-bottom:var(--mkt-hairline) solid var(--color-overlay-light);backdrop-filter:blur(var(--blur-md))}.landing-nav--scrolled{background:var(--color-overlay-modal);border-bottom-color:var(--color-overlay-light);backdrop-filter:blur(14px)}.landing-nav-left{display:flex;align-items:center;gap:var(--mkt-space-10)}.landing-logo{font-weight:800;letter-spacing:.05em;font-size:var(--mkt-font-logo);font-family:JetBrains Mono,monospace}.landing-nav-links{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-nav-link{border:none;background:transparent;color:var(--mkt-link);font-size:var(--mkt-font-md);cursor:pointer;padding:var(--mkt-space-1) 0;transition:color var(--transition-fast)}.landing-nav-link:hover{color:var(--mkt-link-hover)}.landing-nav-link:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset);border-radius:var(--mkt-radius-pill)}.landing-nav-right{display:flex;align-items:center;gap:var(--mkt-space-6)}.landing-nav-signin{height:auto}.landing-main{padding:0;flex:1}#interactive.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 30% 20%,var(--mkt-accent-1-soft),transparent 55%)}#features.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 70% 20%,var(--mkt-accent-2-soft),transparent 55%)}#use-cases.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 40% 20%,var(--mkt-accent-3-soft),transparent 55%)}#examples.landing-section{background:radial-gradient(var(--mkt-blob-w) var(--mkt-blob-h) at 50% 15%,var(--color-overlay-light),transparent 58%)}.landing-hero{max-width:none;margin:0;padding:var(--mkt-section-padding-y) var(--mkt-page-padding-x) var(--mkt-space-14);display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-10);position:relative;overflow:hidden;background:radial-gradient(900px 520px at 50% 0%,var(--color-accent-primary-light),transparent 60%),radial-gradient(820px 520px at 70% 10%,var(--color-accent-cyan-subtle),transparent 62%),radial-gradient(900px 600px at 30% 10%,var(--color-accent-purple-subtle),transparent 62%)}.landing-hero:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(760px 520px at 50% 0%,var(--color-overlay-light),transparent 62%),linear-gradient(180deg,var(--color-overlay-light),transparent 40%);opacity:var(--opacity-high)}.landing-hero:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;transform:translate(-50%);height:var(--mkt-hairline);background:var(--mkt-divider-gradient);opacity:.9;pointer-events:none}.landing-hero.centered{text-align:center}.landing-hero-content{max-width:var(--mkt-hero-max);display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.landing-hero-points{display:grid;grid-template-columns:1fr;gap:var(--mkt-space-6);width:100%;max-width:var(--mkt-hero-points-max);margin:0 0 var(--mkt-space-10)}.landing-hero-point{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-6) var(--mkt-space-6);font-size:var(--mkt-font-sm);color:var(--mkt-text-sub)}.landing-trust{margin-top:var(--mkt-space-6);display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-6)}.landing-trust__label{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);letter-spacing:.08em;text-transform:uppercase}.landing-trust__items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mkt-space-6)}.landing-trust__pill{border:var(--mkt-hairline) solid var(--mkt-border-strong);background:var(--mkt-surface-glass);color:var(--mkt-text-main);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-2) var(--mkt-space-6);font-size:var(--mkt-font-xs)}.landing-marquee-label{margin-top:var(--mkt-space-10);margin-bottom:var(--mkt-space-4);font-size:var(--mkt-font-xs);color:var(--mkt-text-muted);letter-spacing:.14em;text-transform:uppercase;text-align:center}.landing-section--tight .landing-marquee-label{margin-top:var(--mkt-space-6)}.landing-marquee{width:100%;max-width:var(--mkt-video-max);margin-top:0}.landing-marquee--full{max-width:none}.landing-section--tight .landing-marquee{margin-top:0}.landing-marquee__viewport{width:100%;overflow:hidden;border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-medium);padding:var(--mkt-space-2) var(--mkt-space-10);display:flex;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.landing-marquee--full .landing-marquee__viewport{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:none;border-right:none;border-radius:0;border-top:var(--mkt-hairline) solid var(--color-overlay-light);border-bottom:var(--mkt-hairline) solid var(--color-overlay-light);background:radial-gradient(1100px 260px at 50% 0%,var(--color-accent-primary-light),transparent 60%),var(--color-overlay-medium);padding:var(--mkt-space-3) var(--mkt-space-10);mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}.landing-marquee--models.landing-marquee--full .landing-marquee__viewport{background:radial-gradient(1100px 260px at 50% 0%,var(--color-accent-purple-light),transparent 60%),var(--color-overlay-medium)}.landing-marquee__content{display:flex;width:-moz-max-content;width:max-content;will-change:transform;animation:landing-marquee-scroll 18s linear infinite}.landing-marquee--models .landing-marquee__content{animation-duration:22s;animation-direction:reverse}.landing-marquee__track{display:inline-flex;align-items:center;gap:var(--mkt-space-10);padding:0;padding-right:var(--mkt-space-10);white-space:nowrap;flex-shrink:0}.landing-marquee__viewport:hover .landing-marquee__content{animation-play-state:paused}.landing-marquee__item{color:var(--color-text-secondary);font-size:var(--mkt-font-xs);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1-5) 10px;border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-medium);background:var(--color-overlay-light)}.landing-marquee--brands .landing-marquee__item{text-transform:none;letter-spacing:.02em;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.landing-marquee--models .landing-marquee__item{text-transform:none;letter-spacing:.06em;font-weight:650;color:var(--color-text-secondary);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@keyframes landing-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-eyebrow{font-size:var(--mkt-font-sm);text-transform:uppercase;letter-spacing:.16em;color:var(--mkt-text-muted);margin-bottom:var(--mkt-space-6)}.landing-announcement{display:inline-flex;align-items:center;gap:var(--mkt-space-2);padding:var(--mkt-space-2) var(--mkt-space-6);border-radius:var(--mkt-radius-pill);border:var(--mkt-hairline) solid var(--color-overlay-medium);background:var(--color-overlay-dark);color:var(--mkt-text-main);font-size:var(--mkt-font-xs);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease;margin-bottom:var(--mkt-space-6)}.landing-announcement:hover{transform:translateY(var(--mkt-lift-sm));background:var(--color-overlay-light);border-color:var(--color-overlay-medium)}.landing-announcement:focus-visible{outline:var(--mkt-focus-ring-width) solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}.landing-announcement__tag{padding:var(--space-0-5) var(--space-2);border-radius:var(--mkt-radius-pill);background:var(--color-accent-primary-light);border:var(--mkt-hairline) solid var(--color-accent-primary-medium);color:#fff;font-weight:650;letter-spacing:.06em;text-transform:uppercase;font-size:var(--font-size-2xs)}.landing-announcement__text{color:#fff}.landing-announcement__arrow{color:var(--color-text-tertiary)}.landing-title{font-size:var(--mkt-font-hero);line-height:1.05;font-weight:var(--font-weight-bold);margin:0 0 var(--mkt-space-6);background:var(--mkt-title-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:var(--mkt-font-lg);color:var(--mkt-text-sub);max-width:var(--mkt-hero-subtitle-max);margin:0 0 var(--mkt-space-10);line-height:var(--line-height-relaxed)}.landing-meta{font-size:var(--mkt-font-sm);color:var(--mkt-text-muted)}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--mkt-space-6);margin-top:var(--mkt-space-6)}.landing-hero-cta,.landing-nav-cta{width:auto}.landing-demo-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--mkt-space-10)}.landing-hero-media{position:relative;width:100%;display:flex;justify-content:center}.landing-hero-media--ready .landing-float-card{animation:landing-float-in .85s ease forwards}.landing-metrics{display:flex;gap:var(--mkt-space-6);align-items:stretch;justify-content:center;width:100%;max-width:var(--mkt-video-max)}.landing-metric{flex:1;border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-md);padding:var(--mkt-space-6) var(--mkt-space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mkt-space-2);min-width:0}.landing-metric__value{font-size:var(--mkt-font-lg);font-weight:var(--font-weight-bold);color:var(--mkt-text-main);letter-spacing:-.02em}.landing-metric__label{font-size:var(--mkt-font-xs);color:var(--mkt-text-muted)}.landing-video-container{width:75%;max-width:var(--mkt-video-max);aspect-ratio:16/9;background:radial-gradient(circle at top left,var(--mkt-bg-card-soft) 0%,var(--mkt-bg-page) 100%);border-radius:var(--mkt-radius-2xl);border:var(--mkt-hairline) solid var(--mkt-border-card);padding:var(--mkt-space-6);overflow:hidden;box-shadow:0 18px 60px var(--color-overlay-modal),0 0 0 1px var(--color-overlay-light);position:relative;transform:translateY(18px);opacity:.92;transition:transform .45s ease,opacity .45s ease}.landing-video-container--ready{transform:translateY(0);opacity:1}.landing-video-container--loading:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--color-overlay-light) 8%,var(--color-overlay-light) 18%,var(--color-overlay-light) 33%);background-size:220% 100%;animation:landing-shimmer 1.35s ease-in-out infinite;opacity:.35;pointer-events:none}@keyframes landing-shimmer{to{background-position-x:-200%}}.landing-float-cards{position:absolute;inset:0;pointer-events:none}.landing-float-card{position:absolute;width:var(--space-42);border-radius:var(--mkt-radius-xl);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-dark);backdrop-filter:blur(14px);box-shadow:0 18px 50px var(--color-overlay-modal);overflow:hidden;padding:var(--mkt-space-6);display:flex;flex-direction:column;gap:var(--mkt-space-6);opacity:0;--float-x: 0px;transform:translate(var(--float-x)) translateY(24px)}.landing-float-card--left1{left:-10px;top:58%;--float-x: -10px;animation-delay:.1s}.landing-float-card--left2{left:var(--space-16);top:24%;width:var(--space-38);--float-x: -6px;animation-delay:.18s}.landing-float-card--right{right:var(--space-4-5);top:30%;width:var(--space-47);--float-x: var(--space-3);animation-delay:.26s}.landing-showcase{width:100%}.landing-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-showcase-card{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-2);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6);display:flex;flex-direction:column;gap:var(--mkt-space-6);position:relative;overflow:hidden;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.landing-showcase-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--mkt-hairline);background:var(--mkt-card-topline-gradient)}.landing-showcase-card:hover{transform:translateY(var(--mkt-lift-sm));border-color:var(--mkt-border-hover);background:var(--mkt-surface-hover)}.landing-showcase-preview{aspect-ratio:16 / 9;border-radius:var(--mkt-radius-md);border:var(--mkt-hairline) solid var(--color-overlay-light);background:var(--color-overlay-light)}.landing-showcase-preview--a{background:radial-gradient(circle at 25% 30%,var(--color-accent-primary-medium),transparent 58%),radial-gradient(circle at 75% 70%,var(--color-accent-cyan-medium),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--b{background:radial-gradient(circle at 40% 40%,var(--color-accent-purple-medium),transparent 62%),radial-gradient(circle at 78% 28%,var(--color-accent-primary-light),transparent 64%),var(--color-overlay-light)}.landing-showcase-preview--c{background:radial-gradient(circle at 35% 35%,var(--color-accent-cyan-medium),transparent 62%),radial-gradient(circle at 75% 70%,var(--color-accent-purple-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--d{background:radial-gradient(circle at 35% 70%,var(--color-accent-primary-light),transparent 62%),radial-gradient(circle at 70% 30%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--e{background:radial-gradient(circle at 40% 35%,var(--color-accent-purple-light),transparent 62%),radial-gradient(circle at 70% 70%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-preview--f{background:radial-gradient(circle at 30% 30%,var(--color-accent-primary-light),transparent 62%),radial-gradient(circle at 75% 55%,var(--color-accent-purple-light),transparent 62%),var(--color-overlay-light)}.landing-showcase-meta{display:flex;flex-direction:column;gap:var(--mkt-space-2)}.landing-showcase-title{font-size:var(--mkt-font-sm);font-weight:650;color:var(--mkt-text-main)}.landing-showcase-sub{font-size:var(--mkt-font-sm);line-height:1.5;color:var(--mkt-text-sub)}@keyframes landing-float-in{to{opacity:1;transform:translate(var(--float-x)) translateY(0)}}.landing-float-card__media{height:var(--space-24);border-radius:var(--mkt-radius-lg);border:var(--mkt-hairline) solid var(--color-overlay-medium)}.landing-float-card__media--a{background:radial-gradient(circle at 30% 30%,var(--color-accent-primary-medium),transparent 60%),radial-gradient(circle at 80% 70%,var(--color-accent-purple-medium),transparent 58%),var(--color-overlay-light)}.landing-float-card__media--b{background:radial-gradient(circle at 40% 40%,var(--color-accent-cyan-medium),transparent 58%),radial-gradient(circle at 75% 30%,var(--color-accent-primary-light),transparent 60%),var(--color-overlay-light)}.landing-float-card__media--c{background:radial-gradient(circle at 40% 30%,var(--color-accent-purple-medium),transparent 62%),radial-gradient(circle at 70% 80%,var(--color-accent-cyan-light),transparent 62%),var(--color-overlay-light)}.landing-float-card__lines{display:flex;flex-direction:column;gap:var(--mkt-space-2)}.landing-float-card__line{height:var(--space-2-5);border-radius:var(--radius-full);background:var(--color-overlay-medium)}.landing-float-card__line--short{width:70%}.landing-demo-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--mkt-radius-sm);display:block}.landing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-card{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-2);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6);position:relative;overflow:hidden}.landing-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:var(--mkt-hairline);background:var(--mkt-card-topline-gradient)}.landing-card__title{font-size:var(--mkt-font-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--mkt-space-6);color:var(--mkt-text-main)}.landing-card__sub{font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mkt-space-6)}.landing-usecases__bottom{margin-top:var(--mkt-space-10);display:flex;flex-direction:column;gap:var(--mkt-space-6)}.landing-usecase{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6)}.landing-usecase__title{font-size:var(--mkt-font-sm);font-weight:var(--font-weight-semibold);color:var(--mkt-text-main);margin-bottom:var(--mkt-space-6)}.landing-usecase__sub{font-size:var(--mkt-font-sm);color:var(--mkt-text-sub);line-height:1.5}.landing-faq{width:100%;display:flex;flex-direction:column;gap:var(--mkt-space-4)}.landing-faq-item{border:var(--mkt-hairline) solid var(--mkt-border-card);background:var(--mkt-surface-1);border-radius:var(--mkt-radius-lg);padding:var(--mkt-space-6) var(--mkt-space-6)}.landing-faq-q{cursor:pointer;font-size:var(--mkt-font-sm);font-weight:650;color:var(--mkt-text-main);list-style:none}.landing-faq-q::-webkit-details-marker{display:none}.landing-faq-q:after{content:"+";float:right;color:var(--mkt-text-muted)}.landing-faq-item[open] .landing-faq-q:after{content:"–"}.landing-faq-a{margin-top:var(--mkt-space-4);font-size:var(--mkt-font-sm);line-height:var(--line-height-relaxed);color:var(--mkt-text-sub)}@media(max-width:900px){.landing-section,.landing-hero{scroll-margin-top:var(--mkt-anchor-offset-mobile)}.landing-nav{padding:0 var(--mkt-page-padding-x-mobile)}.landing-main{padding:0}.landing-hero{padding:var(--mkt-space-14) var(--mkt-page-padding-x-mobile) var(--mkt-space-14)}.landing-section{padding:var(--mkt-space-14) var(--mkt-page-padding-x-mobile)}.landing-title{font-size:var(--mkt-font-hero-mobile)}.landing-video-container{width:100%}.landing-float-card{display:none}.landing-cards{grid-template-columns:1fr}.landing-metrics{flex-direction:column}.landing-usecases,.landing-showcase-grid{grid-template-columns:1fr}.landing-marquee__track{gap:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-marquee__viewport{padding-left:var(--mkt-space-6);padding-right:var(--mkt-space-6)}.landing-nav-link--hide-mobile{display:none}}.login-page{display:flex;min-height:100vh;background:var(--color-bg-primary, var(--color-bg-primary))}.login-image-panel{flex:1.2;position:relative;overflow:hidden;display:none;padding:var(--spacing-xl, 32px);background:var(--color-bg-primary, var(--color-bg-primary))}@media(min-width:900px){.login-image-panel{display:block}}.login-hero-image{width:calc(100% - var(--spacing-xl, 32px) * 2);height:calc(100% - var(--spacing-xl, 32px) * 2);position:absolute;top:var(--spacing-xl, 32px);left:var(--spacing-xl, 32px);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-xl, 20px)}.login-image-overlay{position:absolute;inset:var(--spacing-xl, 32px);background:linear-gradient(to right,var(--color-overlay-dark),transparent);z-index:1;border-radius:var(--radius-xl, 20px);pointer-events:none}.login-image-credit{position:absolute;bottom:calc(var(--spacing-xl, 32px) + var(--spacing-sm));right:calc(var(--spacing-xl, 32px) + var(--spacing-sm));padding:var(--spacing-xs) var(--spacing-md);background:var(--color-overlay-modal);backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);color:var(--color-text-secondary, var(--color-text-primary));z-index:2}.login-form-panel{flex:.8;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl, 32px);background:var(--color-bg-primary, var(--color-bg-primary))}.login-form-container{width:100%;max-width:var(--space-95);display:flex;flex-direction:column;align-items:center}.login-title{font-size:var(--font-size-2xl, 28px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center}.login-subtitle{font-size:var(--font-size-md, 15px);color:var(--color-text-tertiary, var(--color-text-tertiary));margin:0 0 var(--spacing-xl, 32px) 0;text-align:center}.login-auth-buttons{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 10px);padding:var(--spacing-md) var(--spacing-lg, 20px);border-radius:var(--radius-md);font-size:var(--font-size-md, 15px);font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-fast, .2s) ease;border:var(--border-width-1) solid transparent;position:relative}.login-btn-icon{width:var(--space-4-5);height:var(--space-4-5);flex-shrink:0}.login-btn-google{background:var(--color-white);color:var(--color-black, #000);border-color:var(--color-border-subtle, var(--color-overlay-medium))}.login-btn-google:hover{background:var(--color-bg-hover-light, #f0f0f0)}.login-btn-apple{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-default, var(--color-overlay-dark))}.login-btn-apple:hover:not(:disabled){background:var(--color-bg-hover, var(--color-overlay-light));border-color:var(--color-border-hover, var(--color-overlay-dark))}.login-btn-apple:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-xs) 0;color:var(--color-text-quaternary, var(--color-overlay-dark));font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.login-divider:before,.login-divider:after{content:"";flex:1;height:var(--border-width-1);background:var(--color-border-subtle, var(--color-overlay-medium))}.login-email-group{width:100%}.login-email-input-wrapper{position:relative;width:100%}.login-email-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-quaternary, var(--color-text-tertiary));pointer-events:none}.login-email-input{width:100%;padding:var(--spacing-md) var(--spacing-md, 14px) var(--spacing-md, 14px) 44px;background:transparent;border:var(--border-width-1) solid var(--color-border-default, var(--color-overlay-dark));border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md, 15px);transition:all var(--transition-fast, .2s) ease}.login-email-input::-moz-placeholder{color:var(--color-text-quaternary, var(--color-text-tertiary))}.login-email-input::placeholder{color:var(--color-text-quaternary, var(--color-text-tertiary))}.login-email-input:focus{outline:none;border-color:var(--color-brand-primary, var(--color-accent-primary));box-shadow:0 0 0 3px var(--color-accent-primary-light)}.login-btn-email{background:var(--color-brand-primary, var(--color-accent-primary));color:var(--color-text-inverse);font-weight:var(--font-weight-semibold, 600)}.login-btn-email:hover:not(:disabled){background:var(--color-brand-primary-hover, #3d9be8)}.login-btn-email:disabled{opacity:var(--opacity-medium);cursor:not-allowed}.login-footer{margin-top:var(--spacing-xl, 32px);font-size:var(--font-size-xs);color:var(--color-text-quaternary, var(--color-text-tertiary));text-align:center;line-height:var(--line-height-relaxed)}.login-footer a{color:var(--color-text-tertiary, var(--color-text-secondary));text-decoration:underline;transition:color var(--transition-fast, .2s)}.login-footer a:hover{color:var(--color-text-primary)}.login-sent-icon{color:var(--color-success-500);margin-bottom:var(--spacing-md, 16px);animation:login-fade-in .3s ease-out}.login-sent-hint{font-size:var(--font-size-sm, 13px);color:var(--color-text-quaternary, var(--color-text-tertiary));text-align:center;line-height:var(--line-height-relaxed, 1.6);margin:0 0 var(--spacing-xl, 32px) 0;max-width:300px}.login-btn-back{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-default, var(--color-overlay-dark))}.login-btn-back:hover{background:var(--color-bg-hover, var(--color-overlay-light));border-color:var(--color-border-hover, var(--color-overlay-dark))}.login-error-message{width:100%;padding:var(--spacing-sm, 10px) var(--spacing-md, 14px);background:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error-500);font-size:var(--font-size-sm, 13px);text-align:center;margin-bottom:var(--spacing-md, 16px);animation:login-fade-in .2s ease-out}.login-spinner{animation:login-spin 1s linear infinite}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.privacy-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:var(--space-12) 20px}.privacy-inner{max-width:var(--space-215);margin:0 auto}.privacy-title{font-size:var(--space-10);margin:0 0 10px;letter-spacing:-.02em}.privacy-sub{margin:0 0 24px;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed)}.privacy-card{border:var(--border-width-1) solid var(--mkt-border-card);background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:var(--space-4-5) 18px}.privacy-card h2{margin:var(--space-3-5) 0 var(--space-2);font-size:var(--font-size-base)}.privacy-card p{margin:0 0 12px;color:var(--mkt-text-sub);line-height:var(--line-height-relaxed)5;font-size:var(--font-size-base)}.privacy-link{color:var(--mkt-text-main)}.privacy-back{display:inline-block;margin-top:var(--space-4-5);color:var(--mkt-link);text-decoration:none}.privacy-back:hover{color:var(--mkt-link-hover)}.terms-root{min-height:100vh;background:var(--mkt-bg-page);color:var(--mkt-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:var(--space-12) 20px}.terms-inner{max-width:var(--space-215);margin:0 auto}.terms-title{font-size:var(--space-10);margin:0 0 6px;letter-spacing:-.02em}.terms-subtitle{margin:0 0 6px;font-size:var(--font-size-lg);color:var(--mkt-text-sub)}.terms-date{margin:0 0 28px;font-size:var(--font-size-sm);color:var(--mkt-text-sub);opacity:.7}.terms-card{border:var(--border-width-1) solid var(--mkt-border-card);background:var(--color-overlay-light);border-radius:var(--radius-xl);padding:28px 24px;margin-bottom:20px}.terms-card h2{margin:0 0 12px;font-size:var(--font-size-xl);letter-spacing:-.01em}.terms-card h3{margin:20px 0 8px;font-size:var(--font-size-md);color:var(--mkt-text-main)}.terms-card p,.terms-card li{margin:0 0 10px;color:var(--mkt-text-sub);line-height:1.7;font-size:var(--font-size-base)}.terms-card ul,.terms-card ol{margin:0 0 14px;padding-left:20px}.terms-card li{margin-bottom:6px}.terms-table-wrap{overflow-x:auto;margin:14px 0 18px}.terms-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.terms-table th,.terms-table td{border:1px solid var(--mkt-border-card);padding:10px 14px;text-align:left}.terms-table th{background:#ffffff0a;font-weight:600;color:var(--mkt-text-main);white-space:nowrap}.terms-table td{color:var(--mkt-text-sub)}.terms-link{color:var(--mkt-text-main);text-decoration:underline;text-underline-offset:3px}.terms-link:hover{opacity:.8}.terms-back{display:inline-block;margin-top:12px;color:var(--mkt-link);text-decoration:none}.terms-back:hover{color:var(--mkt-link-hover)}@media(max-width:600px){.terms-root{padding:var(--space-6) 14px}.terms-card{padding:18px 14px}}html,body{margin:0;padding:0;background:var(--color-bg-app);height:100%}#root{margin:0;padding:0;background:var(--color-bg-app)}.root-layout{min-height:100vh;background:var(--color-bg-app);color:var(--color-text-primary)}.page-content{padding-top:0;padding-left:0;padding-right:0;padding-bottom:var(--space-6)}.content-wrapper{position:relative;padding-top:0;min-height:100vh;height:auto;overflow-y:auto;margin-left:var(--layout-sidebar-collapsed);transition:margin-left var(--transition-slow)}.content-wrapper.scaled{margin-left:var(--layout-sidebar-expanded)}.content-wrapper:not(.scaled){margin-left:var(--layout-sidebar-collapsed)}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}: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;--header-height:var(--layout-header-height);--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;--shadow-header:0 1px 0 #ffffff08;--shadow-sidebar:inset -1px 0 0 #ffffff0a;--nav-bg:var(--color-bg-elevated);--nav-bg-hover:#ffffff0d;--nav-bg-active:#ffffff14;--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;--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 #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px var(--color-overlay-dark);--shadow-xl:0 12px 32px #00000040;--shadow-2xl:0 16px 50px #00000059;--shadow-menu:0 8px 32px var(--color-overlay-modal);--color-accent-blue-dim:var(--color-accent-primary-dim);--color-accent-blue-dim-hover:#4facfe2e;--color-accent-blue-border:var(--color-accent-primary-dim);--color-accent-blue-border-hover:#4facfe59;--color-accent-green-dim:#4ade801f;--color-accent-green-border:#4ade8040;--color-accent-red-dim:#ef44441f;--color-accent-red-border:#ef444440;--color-accent-primary:#4facfe;--color-accent-primary-hover:#60b5ff;--color-accent-primary-light:#4facfe26;--color-accent-primary-glow:#4facfe59;--color-accent-primary-dim:#4facfe1f;--color-accent-primary-border:#4facfe40;--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:#0003;--color-overlay-medium:#0006;--color-overlay-dark:#0009;--color-overlay-modal:#000000b3;--color-overlay-heavy:#000c;--color-overlay-backdrop:#000000f2;--color-overlay-ghost:#0000000d;--color-primary:#4facfe;--color-primary-hover:#60b5ff;--color-primary-rgb:79,172,254;--color-white:#fff;--bg-primary:#0f0f0f;--color-accent-cyan:#0891b2;--color-accent-cyan-light:#0891b233;--color-accent-cyan-medium:#0891b280;--color-accent-cyan-subtle:#0891b21a;--color-accent-green-hover:#22c55e;--color-accent-green-glow:#22c55e66;--color-accent-green-dim-hover:#22c55e40;--color-accent-indigo:#4f46e5;--color-accent-indigo-medium:#4f46e580;--color-accent-pink:#db2777;--color-accent-pink-light:#db277733;--color-accent-pink-medium:#db277780;--color-accent-purple-light:#b794f633;--color-accent-purple-medium:#b794f680;--color-accent-purple-subtle:#b794f61a;--color-accent-yellow:#eab308;--color-accent-yellow-dim:#eab30826;--color-accent-yellow-border:#eab3084d;--color-accent-primary-medium:#4facfe80;--color-accent-primary-subtle:#4facfe1a;--color-accent-subtle:#4facfe14;--color-error-50:#ef444414;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-light:#ef444433;--color-error-medium:#ef444480;--color-error-subtle:#ef444414;--color-error-border:#ef44444d;--color-error-dim-hover:#ef444440;--color-success-50:#22c55e14;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-light:#22c55e33;--color-success-subtle:#22c55e14;--color-warning-light:#f59e0b33;--color-warning-medium:#f59e0b80;--color-warning-subtle:#f59e0b14;--color-warning-border:#f59e0b4d;--color-warning-ghost:#f59e0b0d;--color-glass-bg:#141414cc;--color-glass-subtle:#ffffff08;--color-border-active:#4facfe80;--color-border-secondary:#ffffff14;--color-text:#fff;--color-text-dim:#fff6;--color-text-muted:#ffffff80;--color-text-description:#fff9;--color-text-quaternary:#ffffff4d;--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:#ffffffe6;--gradient-card:linear-gradient(135deg,#1e1e1ee6,#141414f2);--cursor-color:#4facfe;--selection-color:#4facfe4d;--lock-color:#ffffff4d;--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:#b794f626;--color-type-audio:#ff8c00;--color-type-audio-alpha:#ff8c0026;--color-success-alpha:#22c55e66;--color-success-dim:#22c55e26;--color-error-alpha:#ef444466;--color-error-dim:#ef444426;--color-glass-highlight:#ffffff1a;--color-glass-border:#ffffff0f;--color-glass-text-dim:#fff9;--color-glass-text-primary:#ffffffe6;--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),#4facfe14);--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);--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-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:#323232b3;--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:#111;--color-bg-status-pending:var(--color-overlay-light);--color-bg-item:var(--color-overlay-light);--color-bg-panel-adjacent:#141414cc;--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:#ffffffd9;--color-border-port:#262626;--color-border-handle:#ffffff80;--color-border-track:#222;--color-border-popover:#333;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffbf;--color-text-tertiary:#ffffff80;--color-text-accent:var(--color-accent-primary);--color-text-inverse:#000;--color-text-on-overlay:#fff;--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:#fff;--color-port-text:gold;--color-port-image:var(--color-accent-primary);--color-port-video:#b794f6;--color-port-audio:#ff8c00;--color-port-mask:#2ecc71;--color-port-any:#888;--color-port-json:#e91e63;--color-port-3d:#ff69b4;--color-port-string:gold;--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:#0f0;--color-status-warning:var(--color-accent-yellow);--color-status-error:#f44;--color-status-info:#4dabf7;--color-status-info-bg:#4dabf71a;--color-status-info-border:#4dabf74d;--color-brand-indigo:#6366f1;--color-brand-violet:#8b5cf6;--color-brand-pink:#ec4899;--color-accent:var(--color-brand-indigo);--color-accent-alpha:#6366f126;--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:#141414e6;--minimap-stroke:#9696964d;--minimap-node-fill:#3c3c3ccc;--minimap-node-stroke:#ffffff4d;--minimap-port-fill:#969696cc;--grid-line-color:#ffffffb3;--icon-stroke-color:#a1a1aa66;--color-text-saved:#fff6;--color-border-saved:var(--color-overlay-medium);--thumbnail-node-fill:#3c3c3ce6;--thumbnail-node-stroke:#ffffff4d;--thumbnail-connection-stroke:#a1a1aa80;--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:#141414cc;--glass-bg-hover:#1e1e1ee6;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1a;--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:#ffffffe6;--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:#fff9;--control-btn-color-hover:var(--color-text-primary);--control-btn-radius:8px;--media-action-size:32px;--media-action-radius:10px;--media-action-bg:#0c0c108f;--media-action-bg-hover:#0c0c10bd;--media-action-border:#ffffff24;--media-action-icon:#fffffff5;--media-action-shadow:0 8px 24px #00000038;--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:#ef444480;--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:#ef444480;--shadow-node-play-focus:0 0 0 2px var(--color-accent-primary-border);--color-selection-bg:var(--color-accent-primary-light);--color-selection-border:#4facfe99;--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:#f5f5f5e6;--node-preview-bg:#eeeff1;--node-preview-border:#c5c7cc;--node-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--node-shadow-hover:0 4px 6px #0000001a,0 2px 4px #0000000f;--node-shadow-selected:0 0 0 1px #1e293b,0 0 4px #1e293b26;--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:#fff;--color-text-on-overlay:#000;--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:#fff;--color-port-text:gold;--color-port-image:#4facfe;--color-port-video:#b794f6;--color-port-audio:#ff8c00;--color-port-mask:#2ecc71;--color-port-any:#888;--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:#2563eb1a;--color-status-info-border:#2563eb4d;--color-brand-indigo:#4f46e5;--color-brand-violet:#7c3aed;--color-brand-pink:#db2777;--minimap-bg:#fffffff2;--minimap-stroke:#6464644d;--minimap-node-fill:#f0f0f0e6;--minimap-node-stroke:var(--color-overlay-dark);--minimap-port-fill:#646464cc;--grid-line-color:#00000026;--icon-stroke-color:#64646466;--color-text-saved:var(--color-overlay-dark);--color-border-saved:#0000001a;--thumbnail-node-fill:#f0f0f5f2;--thumbnail-node-stroke:#0003;--thumbnail-connection-stroke:#6482b480;--glass-bg:#fffffff2;--glass-bg-hover:#fffffffa;--glass-border:#0000001a;--glass-border-hover:#00000026;--glass-blur:12px;--glass-radius:16px;--capsule-radius:var(--radius-pill);--glass-radius-inner:12px;--nav-item-hover-bg:#0000000a;--nav-item-active-color:var(--color-accent-primary);--control-btn-bg:transparent;--control-btn-bg-hover:#00000014;--control-btn-color:#4b5563;--control-btn-color-hover:#111827;--control-btn-radius:8px;--media-action-size:32px;--media-action-radius:10px;--media-action-bg:#10141c8f;--media-action-bg-hover:#10141cb8;--media-action-border:#ffffff2e;--media-action-icon:#fffffffa;--media-action-shadow:0 8px 24px #0f172a2e;--color-node-play-bg:transparent;--color-node-play-icon:var(--color-text-inverse);--color-node-play-overlay-idle:#64646480;--color-node-play-overlay-hover:#ffffff4d;--color-node-play-overlay-pending:#2563eb80;--color-node-play-overlay-running:#7e22ce80;--color-node-play-overlay-success:#16a34a80;--color-node-play-overlay-error:#dc262680;--shadow-node-play-focus:0 0 0 2px #2563eb4d;--color-selection-bg:#2563eb1f;--color-selection-border:#2563eb80;--color-cursor-stroke:#1e293b;--color-accent:var(--color-accent-primary);--color-accent-alpha:#2563eb26;--color-accent-hover:#2563eb;--color-accent-primary-alpha:#2563eb26;--color-bg-active:#e5e7eb;--color-bg-card:#fff;--color-bg-container:#f9fafb;--color-bg-modal:#fff;--color-bg-node-translucent:#ffffffe6;--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:#0000001a;--color-border-hover:#0003;--color-border-port:#00000026;--color-brand-primary:var(--color-accent-primary);--color-brand-primary-alpha:#2563eb26;--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:#0003;--color-error:#dc2626;--color-success:#16a34a;--color-warning:#ea580c;--color-node-play-circle-error:#dc262699;--color-node-play-circle-hover:#646464b3;--color-node-play-circle-idle:#64646480;--color-node-play-circle-pending:#2563eb99;--color-node-play-circle-running:#7e22ce99;--color-node-play-circle-success:#16a34a99;--color-node-play-icon-error:#fff;--color-node-play-icon-idle:#fff;--color-node-play-icon-pending:#fff;--color-node-play-icon-running:#fff;--color-node-play-icon-success:#fff;--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;--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-offset:0!important;outline:none!important}button,input,select,textarea,a,[role=button],[tabindex]{box-shadow:none!important;outline: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{box-shadow:none!important;outline:0!important}html.uds-marketing,body.uds-marketing{--mkt-bg-page:#101010;--mkt-bg-hero:#111;--mkt-bg-card:#151515;--mkt-bg-card-soft:#181818;--mkt-accent-1:var(--color-accent-primary);--mkt-accent-2:var(--color-accent-cyan);--mkt-accent-3:var(--color-accent-purple);--mkt-accent-1-soft:#4facfe14;--mkt-accent-2-soft:#00f2fe0f;--mkt-accent-3-soft:#b794f60d;--mkt-focus-ring:#4facfe8c;--mkt-focus-ring-width:2px;--mkt-focus-ring-offset:2px;--mkt-text-main:#fff;--mkt-text-sub:#c3c3c3;--mkt-text-muted:#999;--mkt-surface-1:#ffffff04;--mkt-surface-2:var(--color-overlay-light);--mkt-surface-3:var(--color-overlay-light);--mkt-surface-hover:var(--color-overlay-light);--mkt-surface-glass:#0003;--mkt-bg-overlay:#000000b8;--mkt-glow-soft:var(--color-overlay-light);--mkt-glow-softer:var(--color-overlay-light);--mkt-border-card:var(--color-overlay-light);--mkt-border-subtle:var(--color-overlay-medium);--mkt-border-strong:#ffffff1a;--mkt-border-hover:#ffffff2e;--mkt-cta-bg:#fff;--mkt-cta-text:#111;--mkt-cta-bg-hover:#f3f3f3;--mkt-cta-secondary-bg:transparent;--mkt-cta-secondary-border:#ffffff24;--mkt-cta-secondary-text:#fff;--mkt-cta-secondary-bg-hover:var(--color-overlay-medium);--mkt-link:#e5e5e5;--mkt-link-hover:#fff;--mkt-container-max:1200px;--mkt-copy-max:760px;--mkt-hero-max:700px;--mkt-hero-subtitle-max:580px;--mkt-hero-points-max:560px;--mkt-video-max:1000px;--mkt-flow-section-max:1360px;--mkt-flow-copy-col:352px;--mkt-page-padding-x:64px;--mkt-page-padding-x-mobile:20px;--mkt-nav-height:64px;--mkt-anchor-offset:80px;--mkt-anchor-offset-mobile:80px;--mkt-nav-blur:10px;--mkt-blur-lg:20px;--mkt-z-nav:50;--mkt-z-cookie-banner:9999;--mkt-hairline:1px;--mkt-lift-sm:-1px;--mkt-space-1:4px;--mkt-space-2:8px;--mkt-space-3:10px;--mkt-space-4:12px;--mkt-space-5:14px;--mkt-space-6:16px;--mkt-space-7:18px;--mkt-space-8:20px;--mkt-space-9:24px;--mkt-space-10:32px;--mkt-space-11:40px;--mkt-space-12:48px;--mkt-space-13:56px;--mkt-space-14:64px;--mkt-space-15:80px;--mkt-section-padding-y:96px;--mkt-radius-xs:6px;--mkt-radius-sm:12px;--mkt-radius-md:14px;--mkt-radius-lg:16px;--mkt-radius-xl:18px;--mkt-radius-2xl:20px;--mkt-radius-pill:999px;--mkt-font-xxs:11px;--mkt-font-xs:12px;--mkt-font-sm:13px;--mkt-font-md:14px;--mkt-font-lg:18px;--mkt-font-h2:28px;--mkt-font-hero:56px;--mkt-font-hero-mobile:40px;--mkt-font-logo:24px;--mkt-font-logo-footer:20px;--mkt-title-gradient:linear-gradient(90deg,#fff 0%,var(--mkt-accent-1)60%,var(--mkt-accent-2)100%);--mkt-divider-gradient:linear-gradient(90deg,#fff0,#ffffff38,#fff0);--mkt-card-topline-gradient:linear-gradient(90deg,#4facfe00,#4facfe8c,#00f2fe40);--mkt-blob-w:900px;--mkt-blob-h:420px;--mkt-panel-blob-w:900px;--mkt-panel-blob-h:240px;--mkt-bg-footer:#0d0d0d;--mkt-footer-blob-1-w:1200px;--mkt-footer-blob-1-h:420px;--mkt-footer-blob-2-w:900px;--mkt-footer-blob-2-h:360px;--mkt-icon-btn-size:34px;--mkt-flow-demo-height:576px;--mkt-flow-demo-height-mobile:480px;background:var(--mkt-bg-page);color:var(--mkt-text-main)}html.uds-marketing .mkt-btn,body.uds-marketing .mkt-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font:inherit;justify-content:center;align-items:center;gap:var(--mkt-space-2);border-radius:var(--mkt-radius-pill);padding:var(--mkt-space-6)var(--mkt-space-10);font-size:var(--mkt-font-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;min-height:44px;font-weight:650;line-height:1;transition:transform .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s;display:inline-flex}html.uds-marketing .mkt-btn:active,body.uds-marketing .mkt-btn:active{transform:translateY(0)scale(.99)}html.uds-marketing .mkt-btn:focus-visible,body.uds-marketing .mkt-btn:focus-visible{outline:var(--mkt-focus-ring-width)solid var(--mkt-focus-ring);outline-offset:var(--mkt-focus-ring-offset)}html.uds-marketing .mkt-btn:disabled,body.uds-marketing .mkt-btn:disabled{cursor:not-allowed;opacity:.6}html.uds-marketing .mkt-btn--sm,body.uds-marketing .mkt-btn--sm{padding:var(--mkt-space-4)var(--mkt-space-6);font-size:var(--mkt-font-sm);min-height:36px;font-weight:650}html.uds-marketing .mkt-btn--primary,body.uds-marketing .mkt-btn--primary{background:var(--mkt-cta-bg);color:var(--mkt-cta-text);box-shadow:0 10px 30px #00000047}html.uds-marketing .mkt-btn--primary:hover,body.uds-marketing .mkt-btn--primary:hover{background:var(--mkt-cta-bg-hover);transform:translateY(var(--mkt-lift-sm))}html.uds-marketing .mkt-btn--secondary,body.uds-marketing .mkt-btn--secondary{background:var(--mkt-cta-secondary-bg);border:var(--mkt-hairline)solid var(--mkt-cta-secondary-border);color:var(--mkt-cta-secondary-text)}html.uds-marketing .mkt-btn--secondary:hover,body.uds-marketing .mkt-btn--secondary:hover{background:var(--mkt-cta-secondary-bg-hover);border-color:var(--mkt-border-hover);transform:translateY(var(--mkt-lift-sm))}html,body{background:var(--color-bg-app);width:100%;height:100%;color:var(--color-text-primary);overscroll-behavior-x:none;overscroll-behavior-y:none;margin:0;padding:0;overflow:hidden}html.uds-marketing,body.uds-marketing{overscroll-behavior-x:none;overscroll-behavior-y:none;background:var(--mkt-bg-page);height:100%;overflow:hidden auto}html.uds-marketing #root{background:var(--mkt-bg-page)}#root{background:var(--color-bg-app);overscroll-behavior:none;min-height:100vh}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.page{background:var(--bg-primary);min-height:100%}.home-page{background:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--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.5'%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;padding-right:var(--space-8)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-overlay-medium);border-radius:var(--space-1);background-clip:content-box;border:2px solid #0000;-webkit-transition:background-color .2s;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--color-overlay-dark);background-clip:content-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--color-overlay-medium)transparent}input[type=range]{--range-slider-progress:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--color-accent-primary,#5eb3ff)0%,var(--color-accent-primary,#5eb3ff)var(--range-slider-progress),#ffffff1f var(--range-slider-progress),#ffffff1f 100%);border-radius:var(--radius-full,999px);cursor:pointer;outline:none;width:100%;height:6px;box-shadow:inset 0 0 0 1px #ffffff0a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#5eb3ff;border:2px solid #fff3;border-radius:50%;width:18px;height:18px;margin-top:-6px;-webkit-transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 4px #5eb3ff24}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08);box-shadow:0 0 0 5px #5eb3ff2e}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.02);box-shadow:0 0 0 6px #5eb3ff38}input[type=range]::-moz-range-thumb{cursor:pointer;background:#5eb3ff;border:2px solid #fff3;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #5eb3ff24}input[type=range]::-moz-range-track{border-radius:var(--radius-full,999px);background:#ffffff1f;border:none;height:6px}input[type=range]::-moz-range-progress{background:var(--color-accent-primary,#5eb3ff);border-radius:var(--radius-full,999px);height:6px}@keyframes page-mount{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-mount{animation:.3s ease-out page-mount}@keyframes panel-mount{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-mount{animation:.2s ease-out panel-mount}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}