.forms-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media (min-width:768px){.forms-grid{grid-template-columns:1fr 1fr}}.form-container{background:var(--modal-bg);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-normal) var(--ease-out-soft);overflow:hidden}.form-container:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);background:rgba(255,255,255,.1)}.form-title{font-size:1.25rem;font-weight:600;color:var(--text-light);text-shadow:0 2px 4px rgba(0,0,0,.1)}.form-input{width:100%;padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-normal);background:rgba(255,255,255,.8);color:var(--text-dark)}.form-input.auto-width{width:auto;min-width:150px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}.form-input:focus{outline:none;border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(58,201,168,.15);background:rgba(255,255,255,1)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(231,60,126,.1)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-sm)}.form-error{display:block;color:var(--danger);font-size:.75rem;margin-top:.25rem;font-weight:500}.form-description{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem;font-style:italic}.form-optional{font-weight:400}.form-hint,.form-optional{color:var(--text-muted);font-size:.75rem}.form-hint{margin-top:var(--space-xs)}.form-button{width:100%;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-normal);border:1px solid var(--border-default);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:var(--space-sm);background:transparent;color:var(--text-dark)}.form-button-primary{background:var(--primary-subtle);border-color:var(--primary-border);color:var(--primary)}.form-button-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-button-danger{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--danger)}.form-button-danger:hover{background:var(--danger-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-button-sm{width:auto;padding:var(--space-xs,.25rem) var(--space-md,1rem);font-size:.85rem}.form-checkbox-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background-color var(--transition-normal)}.form-checkbox-container:hover{background-color:rgba(255,255,255,.1)}.form-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--primary);cursor:pointer}.form-checkbox-label{font-size:.875rem;font-weight:500;color:var(--text-light);cursor:pointer}.connection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;padding:var(--space-sm);scrollbar-width:thin}.connection-grid::-webkit-scrollbar{width:6px}.connection-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.connection-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}.connection-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.connection-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal);cursor:pointer;color:var(--text-dark);border:1px solid transparent}.connection-item:hover{background:rgba(255,255,255,.2);border-radius:var(--radius-sm)}.connection-item.connected{background:rgba(35,166,213,.2);border-color:rgba(35,166,213,.5);color:var(--text-dark)}.connection-item.connected:hover{background:rgba(35,166,213,.3);border-color:rgba(35,166,213,.7)}.connection-checkbox{width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);cursor:pointer;accent-color:var(--primary);background:var(--glass-bg)}.themed-select{width:100%;padding:.5rem 2.5rem .5rem 1rem;font-size:1rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:rgba(255,255,255,.8);color:var(--text-dark);appearance:none;outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);margin-top:.25rem;margin-bottom:.25rem;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='gray' stroke-width='2' viewBox='0 0 24 24' width='20' height='20' xmlns='http://www.w3.org/2000/svg'><polyline points='6,9 12,15 18,9'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em}.themed-select:focus{border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(58,201,168,.15)}.themed-select option{background:rgba(255,255,255,.95);color:#222}.cloud-toggle-btn.off{opacity:.3}.audio-toggle-btn{transition:all var(--transition-slow);color:white;filter:brightness(1)}.audio-toggle-btn:hover{transform:scale(1.1);filter:brightness(1.2)}.audio-toggle-btn.off{opacity:.3;filter:brightness(.7)}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:rgba(255,255,255,.1);color:var(--text-white);cursor:pointer;transition:all var(--transition-slow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-icon-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-icon-btn:active{transform:translateY(0)}.header-icon-btn.active{background:rgba(35,166,213,.3);border-color:rgba(35,166,213,.5)}.header-icon{font-size:1.25rem;line-height:1}.tier-badge{position:absolute;top:-4px;right:-4px;font-size:.6rem;color:var(--status-completed);line-height:1;pointer-events:none}.settings-dropdown{position:relative}.settings-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;padding:var(--space-md);background:var(--modal-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-soft);z-index:var(--z-dropdown);animation:dropdownFadeIn var(--transition-fast) var(--ease-out-soft)}.settings-dropdown-section{margin-bottom:var(--space-md)}.settings-dropdown-section:last-child{margin-bottom:0}.settings-dropdown-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.settings-dropdown-select{width:100%;padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.8);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-soft);font-size:.875rem;cursor:pointer;transition:all var(--transition-normal)}.settings-dropdown-select:focus,.settings-dropdown-select:hover{background:rgba(255,255,255,1);border-color:var(--border-focus);outline:none}.settings-dropdown-select option{background:var(--paper-bg);color:var(--text-dark)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.settings-toggle-btn,.settings-toggle-label{font-size:.875rem;color:var(--text-soft)}.settings-toggle-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.8);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.settings-toggle-btn:hover{background:rgba(255,255,255,1)}.settings-toggle-btn.active{background:rgba(35,213,171,.4);border-color:rgba(35,213,171,.6);color:var(--text-dark)}.settings-divider{height:1px;background:rgba(0,0,0,.1);margin:var(--space-md) 0}.node-type-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.node-type-button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-lg);background:rgba(255,255,255,.1);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);text-align:left}.node-type-button:hover{background:rgba(255,255,255,.2);border-color:rgba(35,166,213,.5);transform:translateY(-2px);box-shadow:var(--shadow-md)}.node-type-button:active{transform:translateY(0)}.node-type-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.node-type-label{font-size:1rem;font-weight:600;color:var(--text-dark)}.node-type-description{font-size:.875rem;color:var(--text-muted);line-height:1.4}.add-new-dropdown-menu{min-width:320px}.add-new-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.add-new-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:rgba(255,255,255,.5);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%}.add-new-option:hover{background:rgba(255,255,255,.8);border-color:rgba(35,166,213,.5);transform:translateX(4px)}.add-new-option:active{transform:translateX(2px)}.add-new-option-icon{font-size:1.5rem;line-height:1;flex-shrink:0;color:var(--text-muted)}.add-new-option-content{display:flex;flex-direction:column;gap:2px}.add-new-option-label{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text-soft)}.add-new-option-description{font-size:.8rem;color:var(--text-muted);line-height:1.3}.image-upload-container{margin-bottom:var(--space-lg)}.image-upload-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-sm)}.image-upload-area{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-slow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);min-height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-upload-area:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-upload-area.dragging{border-color:var(--primary);background:rgba(35,166,213,.1);transform:scale(1.02)}.image-upload-area.has-image{padding:0;border-style:solid;border-color:rgba(255,255,255,.3)}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-muted)}.image-upload-icon{font-size:2rem;opacity:.7}.image-upload-text{font-size:1rem;font-weight:500;color:var(--text-dark)}.image-upload-subtext{font-size:.875rem;color:var(--text-muted)}.image-preview-container{position:relative;min-height:120px;overflow:hidden}.image-preview,.image-preview-container{width:100%;height:100%;border-radius:var(--radius-md)}.image-preview{object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-slow);border-radius:var(--radius-md)}.image-upload-area.has-image:hover .image-overlay{opacity:1}.image-remove-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);background:rgba(231,60,126,.8);color:white;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all var(--transition-normal);z-index:var(--z-above)}.image-remove-btn:hover{background:rgba(231,60,126,1);transform:scale(1.1)}.image-replace-text{color:white;font-size:.875rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.node-with-background{background-size:cover;background-position:50%;background-repeat:no-repeat}.node-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);border-radius:inherit}.theme-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.theme-selector-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);border:2px solid var(--border-light);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.theme-option:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-option:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(35,166,213,.2)}.theme-option--selected{background:rgba(35,166,213,.1)}.theme-option--selected,.theme-option--selected:hover{border-color:var(--primary)}.theme-preview{width:40px;height:40px;border-radius:var(--radius-sm);background-size:200% 200%}.theme-name{font-size:.7rem;color:var(--text-soft);font-weight:500}.theme-selector-header{display:flex;justify-content:space-between;align-items:center}.theme-auto-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.75rem}.theme-auto-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--primary)}.theme-auto-label{color:var(--text-muted);font-weight:500}.theme-options{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--transition-slow),opacity var(--transition-slow),margin-top var(--transition-slow);opacity:1;margin-top:var(--space-sm)}.theme-options--auto{grid-template-rows:0fr;opacity:0;margin-top:0}.theme-options-inner{overflow:hidden;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.theme-option:disabled{cursor:not-allowed}.audio-selector{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--transition-slow),opacity var(--transition-slow);opacity:1}.audio-selector--hidden{grid-template-rows:0fr;opacity:0}.audio-selector-inner{overflow:hidden;display:flex;flex-direction:column;gap:12px;padding-top:8px}.audio-selector__section{display:flex;flex-direction:column;gap:6px}.audio-selector__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.audio-selector__dropdown{width:100%;padding:8px 12px;font-size:.875rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:rgba(255,255,255,.8);color:var(--text-dark);cursor:pointer;transition:border-color var(--transition-normal)}.audio-selector__dropdown:hover{border-color:var(--accent)}.audio-selector__dropdown:focus{outline:none;border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(58,201,168,.15)}.audio-selector__volume-container{display:flex;align-items:center;gap:8px}.audio-selector__volume-icon{font-size:.875rem;opacity:.7}.audio-selector__volume-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--border-default);border-radius:2px;cursor:pointer}.audio-selector__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform var(--transition-fast)}.audio-selector__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.audio-selector__volume-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.audio-selector__volume-slider:focus{outline:none}.audio-selector__volume-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(58,201,168,.15)}.audio-selector__volume-value{font-size:.75rem;color:var(--text-muted);min-width:36px;text-align:right}@media (prefers-reduced-motion:reduce){.add-new-option,.audio-toggle-btn,.connection-item,.form-button,.form-container,.header-icon-btn,.image-upload-area,.node-type-button,.settings-toggle-btn,.theme-option{transition:none}}@media (max-width:640px){.form-container{padding:var(--space-md)}.form-button,.form-input{padding:var(--space-sm)}.connection-grid{grid-template-columns:1fr}.settings-dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;min-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;overflow-y:auto}}