.media-viewer{position:fixed;inset:0;z-index:var(--z-viewer);background:var(--overlay-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast)}.viewer-content{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.viewer-content img,.viewer-content video{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.viewer-close,.viewer-download{position:absolute;top:var(--space-lg);background:var(--surface-hover-md);border:1px solid var(--surface-hover-lg);color:var(--text-primary);border-radius:var(--radius-md);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.viewer-close:hover,.viewer-download:hover{background:var(--surface-hover-lg)}.viewer-close{right:var(--space-lg)}.viewer-download{right:calc(var(--space-lg) + 56px)}.gallery{overflow:visible;flex:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm);align-content:start;padding:var(--space-xs)}.gallery-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--text-muted);text-align:center}.gen-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.gen-card:hover{border-color:var(--border-light, var(--surface-hover-lg))}.gen-images{display:flex;gap:1px;background:var(--bg-primary);aspect-ratio:1}.gen-images img,.gen-images video{flex:1;min-width:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:opacity var(--transition-fast);display:block}.gen-images img:hover,.gen-images video:hover{opacity:.85}.gen-info{display:flex;flex-direction:column;gap:1px;padding:4px var(--space-xs);border-top:1px solid var(--border);overflow:hidden}.gen-info-row{display:flex;align-items:center;gap:var(--space-xs)}.gen-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.gen-name-input{font-size:var(--font-size-xs);font-weight:600;padding:0 4px}.gen-name-input::placeholder{font-weight:400}.gen-date{font-size:10px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.gen-actions{display:flex;justify-content:center;gap:2px;padding:2px var(--space-xs) 4px}.gen-pass-badge{font-size:10px;color:var(--accent);background:var(--accent-muted);padding:1px 6px;border-radius:10px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--transition-fast)}.gen-pass-badge:hover{background:var(--accent-moderate)}.gallery-select-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);background:var(--accent-muted);border-bottom:1px solid var(--accent-glow);flex-wrap:wrap}.select-count{font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.select-toolbar-actions{display:flex;gap:4px;margin-left:auto}.gen-select-check{display:none;position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:var(--overlay-sm);border:2px solid rgba(255,255,255,.5);z-index:2;cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast);color:transparent}.gen-card.selectable{position:relative;cursor:pointer}.gen-card.selectable .gen-select-check{display:flex}.gen-card.selectable .gen-actions{display:none}.gen-card.selected .gen-select-check{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.gen-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.gen-card.selectable .gen-images{cursor:pointer}.gen-card.selectable .gen-images img,.gen-card.selectable .gen-images video{pointer-events:none}#btn-select-mode.active{background:var(--accent-muted);color:var(--accent)}.creation-view{position:absolute;inset:0;background:var(--bg-primary);z-index:10;display:flex;flex-direction:column;overflow:hidden}.panel-right{position:relative}.panel-right.cv-active>.section-header,.panel-right.cv-active>.gallery,.panel-right.cv-active>.gallery-select-toolbar{display:none}.cv-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.cv-header-info{flex:1;min-width:0}.cv-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-title-input{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-sans);color:var(--text-primary);padding:2px 6px;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.cv-title-input:hover{border-color:var(--border);background:var(--bg-tertiary)}.cv-title-input:focus{border-color:var(--accent);background:var(--bg-input);box-shadow:0 0 0 2px var(--accent-muted)}.cv-title-input::placeholder{color:var(--text-muted);font-weight:400}.cv-date{font-size:var(--font-size-xs);color:var(--text-muted)}.cv-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.cv-timeline-section h3{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.cv-timeline{display:flex;flex-direction:column;gap:2px}.cv-node{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);position:relative}.cv-node:hover{background:var(--bg-hover)}.cv-node.active{background:var(--accent-muted);border:1px solid var(--accent-glow)}.cv-connector{position:absolute;left:-8px;top:50%;width:8px;height:1px;background:var(--border)}.cv-connector:before{content:"";position:absolute;left:0;bottom:0;width:1px;height:20px;background:var(--border)}.cv-node-thumb{width:36px;height:36px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-tertiary);border:1px solid var(--border)}.cv-node-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cv-node-info{flex:1;min-width:0}.cv-node-label{font-size:var(--font-size-sm);color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-node-meta{font-size:10px;color:var(--text-muted);display:block}.cv-detail{display:flex;flex-direction:column;gap:var(--space-md)}.cv-image-area{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.cv-main-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast)}.cv-main-image:hover{opacity:.9}.cv-main-image.no-compare:hover{opacity:1}.cv-compare-btn{align-self:center}.cv-thumb-row{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 0}.cv-thumb-item{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);transition:border-color var(--transition-fast)}.cv-thumb-item:hover{border-color:var(--accent)}.cv-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.cv-metadata{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.cv-metadata h3{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.cv-meta-row{display:flex;justify-content:space-between;gap:var(--space-md);padding:3px 0;border-bottom:1px solid rgba(42,58,85,.5)}.cv-meta-row:last-child{border-bottom:none}.cv-meta-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;max-width:40%}.cv-meta-value{font-size:var(--font-size-xs);color:var(--text-primary);text-align:right;word-break:break-word;flex:1;min-width:0}.cv-meta-row-image{align-items:center}.cv-meta-thumb{max-width:48px;max-height:48px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer}.cv-node-label-input{font-size:var(--font-size-sm);padding:1px 4px}.text-muted.cv-rename-hint{font-size:var(--font-size-xs);font-style:italic;margin-top:var(--space-xs)}.cv-thumb-container{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;cursor:pointer;border-radius:var(--radius-sm);padding:2px;transition:background var(--transition-fast)}.cv-thumb-container:hover{background:var(--bg-hover)}.cv-thumb-container.active{background:var(--accent-muted)}.cv-thumb-container.active .cv-thumb-item{border-color:var(--accent)}.cv-thumb-label{font-size:9px;color:var(--text-muted);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.2}.cv-main-image-label{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;min-height:16px}.cv-node-thumb-count{position:absolute;top:2px;left:30px;background:var(--accent);color:var(--text-inverse, #fff);font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;box-shadow:0 1px 3px #0006;z-index:1}.cv-extract-overlay{position:fixed;inset:0;z-index:var(--z-viewer, 100);background:var(--overlay-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast)}.cv-extract-dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);width:90vw;max-width:400px;display:flex;flex-direction:column;gap:var(--space-md);box-shadow:0 8px 32px #00000080}.cv-extract-dialog h3{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600;margin:0}.cv-extract-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.cv-extract-buttons{display:flex;gap:var(--space-sm);justify-content:flex-end;flex-wrap:wrap}.tab-content>.section-header{margin-bottom:var(--space-md)}.tab-content>.text-muted{margin-bottom:var(--space-md)}.tab-content>p.text-muted.output-hint{font-size:var(--font-size-xs);margin-bottom:var(--space-sm)}.layer-item,.modal-layer-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.layer-item-header,.modal-layer-header{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.layer-item-header:hover,.modal-layer-header:hover{background:var(--surface-hover-xs)}.layer-item-body,.modal-layer-body{border-top:1px solid var(--border)}.layer-item-body.collapsed,.modal-layer-body.collapsed{display:none}.layer-item-header{padding:8px var(--space-md)}.layer-item-header .layer-fold-icon{flex-shrink:0}.layer-item-header .mask-thumb-sm{width:24px;height:24px;border-radius:3px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.layer-item-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item-strength{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.layer-item-body{padding:4px var(--space-md) var(--space-sm)}.layer-mask-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.layer-mask-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.layer-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:14px;line-height:1;border-radius:var(--radius-sm);flex-shrink:0;opacity:0;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.layer-item-header:hover .layer-delete-btn{opacity:1}.layer-delete-btn:hover{color:var(--danger);background:var(--danger-muted)}.layer-name-input{font-size:var(--font-size-xs);padding:4px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);width:100%;outline:none;transition:border-color var(--transition-fast);margin-bottom:2px}.layer-name-input:focus{border-color:var(--accent)}.layers-empty{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;padding:var(--space-md)}.modal-layers-list{display:flex;flex-direction:column;gap:var(--space-md)}.modal-layer-header{justify-content:space-between;padding:var(--space-sm) var(--space-md)}.modal-layer-header-left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.layer-fold-icon{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0;font-size:12px}.layer-fold-icon.open{transform:rotate(90deg)}.modal-layer-header .input-sm{flex:1;font-weight:600}.modal-layer-header .mask-thumb{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);flex-shrink:0}.modal-layer-actions{display:flex;gap:2px;flex-shrink:0}.modal-layer-body{padding:var(--space-sm) var(--space-md) var(--space-md)}.modal-layer-body .input-group{margin-bottom:var(--space-sm)}.layer-strength-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-xs)}.layer-strength-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.layer-strength-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.layer-strength-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-secondary);box-shadow:0 0 4px #0000004d}.layer-strength-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-secondary)}.layer-strength-value{font-size:var(--font-size-xs);color:var(--accent);font-family:var(--font-mono);min-width:32px;text-align:right;flex-shrink:0}.slots-list{display:flex;flex-direction:column;gap:var(--space-sm)}.slots-list .input-group+.input-group{margin-top:0}.input.field-modified,.select.field-modified,.textarea.field-modified{border-left:3px solid var(--modified-border);background:var(--modified-bg)}.field-modified-container{position:relative}.field-reset-btn{position:absolute;top:0;right:0;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:2px 5px;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),color var(--transition-fast);line-height:1;z-index:1}.field-modified-container:hover .field-reset-btn.visible{opacity:1;pointer-events:auto}.field-reset-btn:hover{color:var(--warning);background:var(--warning-muted)}.layer-item.layer-added{border-left:3px solid var(--success)}.snapshot-banner{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--warning-muted);border:1px solid var(--warning-glow);border-radius:var(--radius-md);color:var(--warning);font-size:var(--font-size-xs);line-height:1.4;animation:fadeIn var(--transition-fast)}.snapshot-banner-icon{flex-shrink:0;margin-top:1px}.snapshot-banner-text{display:flex;flex-direction:column;gap:2px}.snapshot-banner-text strong{font-weight:600}.snapshot-banner-text span{opacity:.8}.panel-left.snapshot-active #slots-section,.panel-left.snapshot-active #layers-section{opacity:.4;pointer-events:none;transition:opacity var(--transition-normal)}.slot-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);transition:border-color .15s,background .15s;min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:default}.slot-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.slot-drop-zone.has-image{border-style:solid;border-color:var(--border);justify-content:flex-start}.slot-drop-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;display:none;flex-shrink:0}.slot-drop-thumb.visible{display:block}.slot-drop-clear{display:none;margin-left:auto;flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:var(--radius-sm);line-height:1}.slot-drop-clear:hover{color:var(--danger, #e55);background:var(--surface-hover)}.slot-drop-zone.has-image .slot-drop-clear{display:block}.slot-drop-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-header-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-header-type{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--surface-hover);padding:2px 8px;border-radius:10px;flex-shrink:0}.slot-header-hidden{font-size:var(--font-size-xs);color:var(--warning);background:var(--warning-muted);padding:2px 8px;border-radius:10px;flex-shrink:0}.modal-slot-card.slot-not-exposed{opacity:.6}.modal-slot-card.slot-not-exposed .modal-layer-header{border-left:3px solid var(--warning)}.slot-drop-source{font-size:10px;color:var(--accent);background:var(--accent-muted);padding:1px 6px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex-shrink:0;display:none}.slot-drop-zone.has-image .slot-drop-source:not(:empty){display:inline-block}.slot-browse-btn{margin-top:4px;align-self:flex-start}.from-pass-picker-overlay{position:fixed;inset:0;z-index:var(--z-viewer, 100);background:var(--overlay-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast)}.from-pass-picker{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:90vw;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.from-pass-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.from-pass-picker-header h3{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;margin:0}.from-pass-picker-body{overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.from-pass-picker-pass{display:flex;flex-direction:column;gap:var(--space-xs)}.from-pass-picker-pass-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.from-pass-picker-seed{font-size:10px;font-weight:400;color:var(--text-muted);font-family:var(--font-mono)}.from-pass-picker-images{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.from-pass-picker-img{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--transition-fast),background var(--transition-fast)}.from-pass-picker-img:hover{border-color:var(--accent);background:var(--accent-muted)}.from-pass-picker-img img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm)}.from-pass-picker-img-label{font-size:9px;color:var(--text-muted);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.modal-output-card .modal-layer-header-left{gap:var(--space-sm)}.output-type-icon{font-size:14px;line-height:1;flex-shrink:0;width:20px;text-align:center}.slot-random-row{display:flex;align-items:center;gap:var(--space-sm)}.slot-random-hint{font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.pe-fold-icon{font-size:10px;color:var(--text-muted);transition:transform var(--transition-fast)}.pe-hint-italic{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.range-row{display:flex;gap:var(--space-sm);align-items:center}.list-editor{display:flex;flex-direction:column;gap:2px}.list-editor-row{display:flex;align-items:center;gap:var(--space-sm);padding:3px 6px;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.list-editor-row input[type=radio]{accent-color:var(--accent);flex-shrink:0}.list-editor-value{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-editor-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;flex-shrink:0}.list-editor-delete:hover{color:var(--danger)}.list-editor-add{display:flex;gap:var(--space-xs);margin-top:4px}.list-editor-add .input{flex:1}.drag-handle{cursor:grab;color:var(--text-muted);font-size:18px;line-height:1;padding:0 2px;flex-shrink:0;opacity:.4;transition:opacity var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.modal-slot-card:hover .slot-drag-handle{opacity:.8}.modal-slot-card .slot-drag-handle:hover{opacity:1;color:var(--accent)}.modal-slot-card.slot-dragging{opacity:.4;transform:scale(.98);transition:opacity var(--transition-fast),transform var(--transition-fast)}.modal-slot-card.slot-drag-over-top{border-top:2px solid var(--accent)}.modal-slot-card.slot-drag-over-bottom{border-bottom:2px solid var(--accent)}.slot-category-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.slot-category-group-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.slot-category-group-header:hover{background:var(--surface-hover-xs)}.slot-category-group-header.slot-category-drop-target{background:var(--accent-muted);outline:2px dashed var(--accent)}.slot-category-group-label{font-size:var(--font-size-sm);font-weight:600;color:var(--accent);flex:1;text-transform:uppercase;letter-spacing:.05em}.slot-category-group-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--surface-hover);padding:1px 8px;border-radius:10px}.slot-category-group-content{display:flex;flex-direction:column;gap:var(--space-md);padding:0 var(--space-sm) var(--space-sm)}.slot-category-group.collapsed .slot-category-group-content{display:none}.slot-header-category{font-size:var(--font-size-xs);color:var(--accent);background:var(--accent-muted);padding:2px 8px;border-radius:10px;flex-shrink:0}.slot-category-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);overflow:hidden}.slot-category-header{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.slot-category-header:hover{background:var(--surface-hover-xs)}.slot-category-header-label{font-size:var(--font-size-xs);font-weight:600;color:var(--accent);flex:1;text-transform:uppercase;letter-spacing:.05em}.slot-category-header-count{font-size:10px;color:var(--text-muted)}.slot-category-body{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-sm)}.slot-category-section.collapsed .slot-category-body{display:none}.pe-slot-category-group{margin-bottom:var(--space-sm)}.pe-slot-category-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;cursor:pointer;-webkit-user-select:none;user-select:none}.pe-slot-category-header:hover{opacity:.8}.pe-slot-category-label{font-size:var(--font-size-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;flex:1}.pe-slot-category-content{display:flex;flex-direction:column}.pe-slot-category-group.collapsed .pe-slot-category-content{display:none}.pr-slot-category{width:100%;margin-bottom:var(--space-sm)}.pr-slot-category-header{font-size:var(--font-size-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-xs) 0;margin-bottom:var(--space-sm);border-bottom:1px solid var(--accent-muted)}.pr-slot-category-content{display:flex;flex-direction:column;gap:var(--space-lg)}.nsw-widget{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 8px;min-height:32px;width:100%;transition:border-color var(--transition-fast)}.nsw-widget:hover{border-color:var(--accent)}.nsw-display-wrap{flex:1;min-width:0;overflow:hidden}.nsw-display{display:inline-flex;align-items:center;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nsw-empty{color:var(--text-muted);font-style:italic}.nsw-filled{color:var(--text-primary)}.nsw-node-id{color:var(--accent);font-weight:600}.nsw-separator{color:var(--text-muted);margin:0 2px}.nsw-slot-label{color:var(--text-secondary)}.nsw-module .nsw-module-name{color:var(--module-accent);font-weight:600;font-style:italic}.nsw-pick-btn{flex-shrink:0;font-size:16px;padding:2px 4px;color:var(--text-muted)}.nsw-pick-btn:hover{color:var(--accent)}.nsw-clear-btn{flex-shrink:0;font-size:14px;padding:1px 4px;color:var(--text-muted)}.nsw-clear-btn:hover{color:var(--danger)}.npl-list{display:flex;flex-direction:column;gap:2px}.npl-item{display:flex;align-items:center;gap:var(--space-sm);padding:4px var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.npl-node-id{color:var(--accent);font-weight:600;font-family:var(--font-mono);font-size:var(--font-size-sm);min-width:48px}.npl-node-title{color:var(--text-secondary);font-size:var(--font-size-sm);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npl-delete-btn{flex-shrink:0;opacity:.4;font-size:14px;transition:opacity var(--transition-fast),color var(--transition-fast)}.npl-item:hover .npl-delete-btn{opacity:1}.npl-delete-btn:hover{color:var(--danger)}.npl-empty{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);padding:var(--space-xs) 0}.npl-add-btn{align-self:flex-start;margin-top:var(--space-xs)}.res-injection-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm);margin-bottom:var(--space-xs)}.res-injection-row{display:flex;align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap}.res-injection-row .input-group{margin-bottom:0}.res-injection-row .nsw-widget{flex:1;min-width:0}.resolution-select-row{display:flex;align-items:center;gap:var(--space-sm)}.resolution-select-row .select{flex:1}.resolution-arch-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.modules-list{display:flex;flex-direction:column;gap:var(--space-sm)}.module-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--transition-fast),opacity var(--transition-normal)}.module-row:hover{background:var(--surface-hover-xs)}.module-row.module-disabled{opacity:.45}.module-row.module-disabled .module-row-name,.module-row.module-disabled .module-row-meta{text-decoration:line-through;text-decoration-color:var(--text-muted)}.module-row-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-sm);font-size:14px}.module-row.module-disabled .module-row-icon{background:var(--surface-hover-xs);color:var(--text-muted)}.module-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.module-row-name-line{display:flex;align-items:center;gap:var(--space-sm)}.module-row-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-row-badges{display:flex;gap:4px;flex-shrink:0}.module-row-badge{font-size:10px;padding:1px 7px;border-radius:10px;white-space:nowrap;flex-shrink:0}.module-row-badge-type{color:var(--text-muted);background:var(--surface-hover)}.module-row-badge-arch{color:var(--accent);background:var(--accent-muted)}.module-row-meta{font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-sm)}.module-row-meta-separator{color:var(--border)}.module-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.module-toggle{position:relative;width:36px;height:20px;flex-shrink:0;cursor:pointer}.module-toggle input{opacity:0;width:0;height:0;position:absolute}.module-toggle-track{position:absolute;inset:0;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;transition:background var(--transition-fast),border-color var(--transition-fast)}.module-toggle input:checked+.module-toggle-track{background:var(--accent);border-color:var(--accent)}.module-toggle-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:transform var(--transition-fast),background var(--transition-fast)}.module-toggle input:checked~.module-toggle-thumb{transform:translate(16px);background:var(--text-inverse)}.module-row-warning{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);margin-top:-6px;margin-left:var(--space-xl);font-size:var(--font-size-xs);color:var(--warning);background:var(--warning-muted);border:1px solid var(--warning-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.module-row-warning svg{flex-shrink:0}.module-type-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-md);animation:fadeIn var(--transition-fast)}.modal-module-settings .modal-content{max-width:720px}.module-settings-sections{display:flex;flex-direction:column;gap:var(--space-lg)}.module-settings-section{display:flex;flex-direction:column;gap:var(--space-sm)}.module-settings-section-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.module-settings-section-header svg{flex-shrink:0;color:var(--accent)}.module-settings-section-header h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.module-settings-section-header .section-actions{margin-left:auto}.module-settings-iter-list{display:flex;flex-direction:column;gap:var(--space-md)}.module-def-list{display:flex;flex-direction:column;gap:var(--space-sm)}.module-def-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--transition-fast)}.module-def-card:hover{background:var(--surface-hover-xs)}.module-def-card-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-md);font-size:18px}.module-def-card-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.module-def-card-name-row{display:flex;align-items:center;gap:var(--space-sm)}.module-def-card-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.module-def-card-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted);flex-wrap:wrap}.module-def-card-meta-item{display:inline-flex;align-items:center;gap:3px}.module-def-card-meta-item svg{flex-shrink:0}.module-def-card-actions{display:flex;gap:2px;flex-shrink:0}.module-def-form{display:flex;flex-direction:column;gap:var(--space-lg)}.module-def-section{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.module-def-section-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.module-def-section-header:hover{background:var(--surface-hover-xs)}.module-def-section-header svg{flex-shrink:0;color:var(--accent)}.module-def-section-header strong{flex:1;font-size:var(--font-size-sm);font-weight:600}.module-def-section-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--surface-hover);padding:1px 8px;border-radius:10px}.module-def-section-body{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--border)}.module-def-port-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.module-def-port-row .input{flex:1}.module-def-field-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.module-def-field-main-row{display:flex;align-items:center;gap:var(--space-sm)}.module-def-field-main-row .input,.module-def-field-main-row .select{flex:1}.module-def-field-props{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--border-light, var(--border));flex-wrap:wrap}.module-def-field-props .input-group{margin-bottom:0;flex:1;min-width:80px}.module-def-col-labels{display:flex;gap:var(--space-sm);padding:0 0 var(--space-xs);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.module-def-col-labels span{flex:1}.module-def-col-labels span.col-actions{flex:0;width:30px}.module-section-header-left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.module-section-header-left h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-section-header-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.module-section-toggle{transform:scale(.85)}.module-section.module-section-disabled{opacity:.5}.module-section.module-section-disabled .module-iter-list{pointer-events:none}.module-section.module-section-disabled .module-section-header-left h2{text-decoration:line-through;text-decoration-color:var(--text-muted)}.module-section-warning{font-size:var(--font-size-xs);color:var(--warning);background:var(--warning-muted);padding:2px var(--space-sm);border-radius:var(--radius-sm);margin-top:2px}.iter-toggle{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.iter-toggle input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}.layer-item.iter-disabled{opacity:.45}.layer-item.iter-disabled .layer-item-body{pointer-events:none}.layer-item.iter-disabled .layer-item-label,.layer-item.iter-disabled .layer-item-strength{text-decoration:line-through;text-decoration-color:var(--text-muted)}.modal-iter-toggle{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.modal-iter-toggle input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer}.module-iter-card.iter-disabled-card{opacity:.45}.module-iter-card.iter-disabled-card .modal-layer-body{pointer-events:none}.wf-view-toggle{display:flex;gap:2px;margin-bottom:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px;width:fit-content}.wf-view-toggle .wf-toggle-btn{background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.wf-view-toggle .wf-toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0003}.wf-view-toggle .wf-toggle-btn:hover:not(.active){color:var(--text-secondary)}.wf-analyzed-list{display:flex;flex-direction:column;gap:var(--space-sm)}.wf-node-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.wf-node-header{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.wf-node-header:hover{background:var(--surface-hover-xs)}.wf-node-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node-class{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node-body{border-top:1px solid var(--border);padding:var(--space-xs) 0}.wf-node-body.collapsed{display:none}.wf-field-row{display:flex;align-items:center;gap:var(--space-sm);padding:4px var(--space-md) 4px calc(var(--space-md) + 20px);font-size:var(--font-size-xs);transition:background var(--transition-fast);border-radius:0}.wf-field-row:hover{background:var(--surface-hover-xs)}.wf-field-row.wf-field-slotted{background:var(--accent-subtle)}.wf-field-row.wf-field-slotted:hover{background:var(--accent-light)}.wf-field-row.wf-field-linked{opacity:.5}.wf-field-name{font-weight:600;color:var(--text-secondary);min-width:100px;flex-shrink:0}.wf-field-value{color:var(--text-muted);font-family:var(--font-mono);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-slot-badge{font-size:10px;color:var(--accent);background:var(--accent-muted);padding:1px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;font-weight:600}.wf-add-slot-btn{font-size:10px;color:var(--text-muted);background:var(--surface-hover);padding:1px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.wf-field-row:hover .wf-add-slot-btn{opacity:1}.wf-field-row:hover .wf-add-slot-btn:hover{color:var(--accent);background:var(--accent-muted)}.modal .np-modal-content{display:flex;flex-direction:column;max-width:1800px;width:98%;max-height:96vh}.np-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border);flex-shrink:0}.np-search{flex:1;max-width:320px}.np-graph-wrapper{flex:1;display:flex;min-height:550px;overflow:hidden;position:relative}.np-graph-container{flex:1;min-height:0;overflow:hidden;background-color:var(--bg-tertiary);position:relative;cursor:grab;background-image:radial-gradient(circle,var(--border-light) 1px,transparent 1px);background-size:24px 24px;background-position:0px 0px}.np-graph-container:active{cursor:grabbing}.np-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.np-node{cursor:pointer}.np-node:hover .np-node-bg{stroke:var(--accent);stroke-width:2}.np-node-bg{fill:var(--bg-surface);stroke:var(--border);stroke-width:1.5;transition:stroke .15s,stroke-width .15s}.np-node-bg.np-node-selected{stroke:var(--accent);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(79,143,247,.4))}.np-node-bar{pointer-events:none}.np-node-header-text{font-family:var(--font-mono);font-size:11px;font-weight:600;fill:var(--text-primary);pointer-events:none}.np-node-separator{stroke:var(--border-light);stroke-width:1;pointer-events:none}.np-port-label{font-family:var(--font-mono);font-size:9px;fill:var(--text-muted);pointer-events:none}.np-port-label-in{text-anchor:start}.np-port-label-out{text-anchor:end}.np-port{fill:var(--bg-elevated, var(--bg-surface));stroke:var(--text-muted);stroke-width:1.2;transition:fill .15s}.np-port-in,.np-port-out{fill:var(--bg-surface)}.np-node.np-node-dimmed{opacity:.15;pointer-events:none}.np-node.np-node-excluded{opacity:.35;pointer-events:none}.np-module-bg{fill:var(--bg-tertiary);stroke:var(--text-muted);stroke-width:2;stroke-dasharray:6 3;transition:stroke .15s,stroke-width .15s}.np-module-node:hover .np-module-bg{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 3}.np-module-bg.np-node-selected{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:6 3;filter:drop-shadow(0 0 8px rgba(79,143,247,.4))}.np-module-title{font-family:var(--font-mono);font-size:11px;font-weight:700;fill:var(--text-primary);pointer-events:none}.np-module-badge-bg{opacity:.85;pointer-events:none}.np-module-badge-text{font-family:var(--font-mono);font-size:8px;font-weight:700;fill:var(--bg-primary);letter-spacing:.08em;pointer-events:none}.np-module-summary{font-family:var(--font-mono);font-size:10px;fill:var(--text-secondary);pointer-events:none}.np-edge{stroke:var(--border);stroke-width:1.5;fill:none;transition:stroke .15s,stroke-width .15s}.np-edge.np-edge-active{stroke:var(--accent);stroke-width:2.5}.np-edge.np-edge-dimmed{opacity:.08}.np-edge.np-edge-fallback{stroke:var(--danger);stroke-dasharray:4 3;opacity:.6}.np-mode-node-slot .np-port-label{pointer-events:auto;cursor:pointer;transition:fill .15s}.np-mode-node-slot .np-port-label:hover{fill:var(--accent-hover)}.np-port-label.np-port-label-selected{fill:var(--accent);font-weight:700}.np-mode-node-slot[data-slot-filter=input] .np-port-label-out,.np-mode-node-slot[data-slot-filter=output] .np-port-label-in{opacity:.3;pointer-events:none}.np-mode-preview .np-node{cursor:default}.np-node-count{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.np-error-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);min-height:300px}.np-error-header{display:flex;align-items:center;gap:var(--space-sm);color:var(--danger);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg)}.np-error-header svg{flex-shrink:0;stroke:var(--danger)}.np-error-list{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:600px}.np-error-item{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-md)}.np-error-message{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.np-error-hint{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.np-detail-panel{width:340px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.np-detail-panel.hidden{display:none}.np-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0}.np-detail-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.np-detail-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-detail-node-id{font-size:var(--font-size-xs);color:var(--accent);font-weight:600}.np-detail-class-type{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-detail-close{flex-shrink:0;font-size:var(--font-size-lg);line-height:1}.np-detail-body{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.np-detail-section{padding:0 var(--space-md);margin-bottom:var(--space-md)}.np-detail-section-title{font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-light)}.np-detail-input-row,.np-detail-output-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-bottom:2px}.np-detail-input-row:hover,.np-detail-output-row:hover{background:var(--surface-hover)}.np-detail-field-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.np-detail-value{font-size:var(--font-size-xs);color:var(--text-primary);word-break:break-all;line-height:1.4}.np-detail-dynamic-tag{margin-left:var(--space-xs);font-size:10px;color:var(--warning);font-weight:600;font-style:italic}.np-detail-node-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px var(--space-sm);background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-detail-node-link:hover{background:var(--accent-light);border-color:var(--accent)}.np-detail-output-targets{display:flex;flex-direction:column;gap:3px}.tb-container{display:flex;flex-direction:column;gap:var(--space-sm)}.tb-paste-zones{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tb-paste-zone{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-xs);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.tb-paste-zone:hover{border-color:var(--accent);background:var(--bg-hover)}.tb-paste-zone-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.tb-paste-zone-count{font-size:var(--font-size-xs);color:var(--text-muted)}.tb-paste-zone.tb-has-nodes{border-style:solid;border-color:var(--border)}.tb-paste-zone.tb-has-nodes .tb-paste-zone-label{color:var(--text-primary)}.tb-graph-container{flex:1;min-height:500px;overflow:hidden;background-color:var(--bg-tertiary);position:relative;cursor:grab;border-radius:var(--radius-md);border:1px solid var(--border);background-image:radial-gradient(circle,var(--border-light) 1px,transparent 1px);background-size:24px 24px;background-position:0px 0px}.tb-graph-container:active{cursor:grabbing}.tb-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tb-toolbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;flex-shrink:0}.tb-toolbar-spacer{flex:1}.tb-section-bg{pointer-events:none;rx:12;ry:12}.tb-section-label{font-family:var(--font-mono);font-size:10px;font-weight:700;fill:var(--text-muted);text-anchor:middle;pointer-events:none;letter-spacing:.05em;text-transform:uppercase}.tb-node{cursor:pointer}.tb-node:hover .tb-node-bg{stroke:var(--accent);stroke-width:2}.tb-node-bg{fill:var(--bg-surface);stroke:var(--border);stroke-width:1.5;transition:stroke .15s,stroke-width .15s}.tb-node-bar{pointer-events:none}.tb-node-header-text{font-family:var(--font-mono);font-size:11px;font-weight:600;fill:var(--text-primary);pointer-events:none}.tb-node-separator{stroke:var(--border-light);stroke-width:1;pointer-events:none}.tb-port-label{font-family:var(--font-mono);font-size:9px;fill:var(--text-muted);pointer-events:auto;cursor:pointer;transition:fill .15s}.tb-port-label:hover{fill:var(--accent-hover)}.tb-port-label-in{text-anchor:start}.tb-port-label-out{text-anchor:end}.tb-port-label.tb-port-connected{fill:var(--text-secondary)}.tb-port-label.tb-port-unresolved{fill:var(--danger);font-style:italic}.tb-port-label.tb-port-field{fill:var(--text-secondary)}.tb-port-field-badge{fill:var(--warning);font-size:8px;font-style:italic}.tb-port-label.tb-port-active{fill:var(--accent);font-weight:700}.tb-port{fill:var(--bg-surface);stroke:var(--text-muted);stroke-width:1.2;transition:fill .15s,stroke .15s}.tb-port.tb-port-source-active{fill:var(--accent);stroke:var(--accent)}.tb-edge{stroke:var(--border);stroke-width:1.5;fill:none;transition:stroke .15s,stroke-width .15s}.tb-edge-preview{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;fill:none;pointer-events:none;opacity:.7}.tb-edge.tb-edge-chain{stroke:var(--warning);stroke-width:2}.tb-edge.tb-edge-broadcast{stroke:var(--success);stroke-width:1.5;stroke-dasharray:4 2}.tb-slot{cursor:pointer}.tb-slot:hover .tb-slot-bg{stroke:var(--accent);stroke-width:2}.tb-slot-bg{fill:var(--bg-surface);stroke:var(--border);stroke-width:1.5;rx:18;ry:18;transition:stroke .15s}.tb-slot-label{font-family:var(--font-mono);font-size:10px;font-weight:600;fill:var(--text-primary);pointer-events:none}.tb-slot-key{font-family:var(--font-mono);font-size:8px;fill:var(--text-muted);pointer-events:none}.tb-slot-port{fill:var(--bg-surface);stroke:var(--accent);stroke-width:1.5;transition:fill .15s;cursor:pointer}.tb-slot-port:hover{fill:var(--accent)}.tb-iter-badge{pointer-events:none}.tb-iter-badge-bg{rx:7;ry:7;opacity:.85}.tb-iter-badge-text{font-family:var(--font-mono);font-size:8px;font-weight:700;fill:var(--bg-primary);letter-spacing:.08em;text-anchor:middle;pointer-events:none}.tb-add-slot{cursor:pointer;opacity:.5;transition:opacity .15s}.tb-add-slot:hover{opacity:1}.tb-add-slot-bg{fill:none;stroke:var(--border);stroke-width:1.5;stroke-dasharray:4 3;rx:12;ry:12}.tb-add-slot-text{font-family:var(--font-mono);font-size:12px;fill:var(--text-muted);text-anchor:middle;pointer-events:none}.tb-context-menu{position:fixed;z-index:var(--z-modal);background:var(--bg-elevated, var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;min-width:180px}.tb-context-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.tb-context-menu-item:hover{background:var(--bg-hover)}.tb-context-menu-item svg{flex-shrink:0;stroke:var(--text-muted)}.tb-context-menu-separator{height:1px;background:var(--border);margin:var(--space-xs) 0}.tb-context-menu-item.tb-context-danger{color:var(--danger)}.tb-context-menu-item.tb-context-danger svg{stroke:var(--danger)}.tb-node-ghost{opacity:.4;cursor:pointer}.tb-node-ghost:hover{opacity:.65}.tb-ghost-bg{fill:none;stroke:var(--text-muted);stroke-width:1;stroke-dasharray:4 3}.tb-ghost-text{font-family:var(--font-mono);font-size:9px;fill:var(--text-muted);font-style:italic;pointer-events:none}.tb-json-section{margin-top:var(--space-sm)}.tb-json-toggle{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-xs) 0}.tb-json-toggle:hover{color:var(--text-secondary)}.tb-json-textarea{width:100%;min-height:200px;resize:vertical}.modal-content.modal-users{max-width:600px;width:94%;max-height:85vh}.modal-content.modal-user-edit{max-width:480px;width:94%}.um-user-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:50vh;overflow-y:auto}.um-user-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.um-user-card:hover{border-color:var(--accent)}.um-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:600;color:var(--accent);text-transform:uppercase;flex-shrink:0}.um-user-card.is-admin .um-user-avatar{background:var(--accent-muted)}.um-user-info{flex:1;min-width:0}.um-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.um-user-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:2px}.um-role-badge{font-size:var(--font-size-xs);padding:1px var(--space-sm);border-radius:var(--radius-sm);font-weight:500}.um-role-badge.role-admin{background:var(--accent-muted);color:var(--accent)}.um-role-badge.role-user{background:var(--bg-elevated);color:var(--text-secondary)}.um-process-count{font-size:var(--font-size-xs);color:var(--text-muted)}.um-user-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.um-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:var(--space-md);margin-top:var(--space-sm);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.um-add-btn:hover{border-color:var(--accent);color:var(--accent)}.um-process-checklist{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto;padding:var(--space-sm);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.um-process-check-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.um-process-check-item:hover{background:var(--bg-hover)}.um-process-check-item input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.um-process-check-item label{font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;flex:1}.um-process-check-item .um-process-steps{font-size:var(--font-size-xs);color:var(--text-muted)}.um-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-xs)}.um-empty{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.mm-tabs{margin-bottom:var(--space-md)}.mm-tab-content{min-height:200px}.mm-section-hint{font-size:var(--font-size-xs);margin-bottom:var(--space-md)}.mm-arch-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.mm-arch-row{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.mm-arch-name{flex:1;min-width:0}.mm-arch-add-btn{margin-top:var(--space-xs)}.mm-arch-resolutions{padding:var(--space-xs) var(--space-sm) var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.mm-arch-resolutions-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.mm-arch-resolutions-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mm-res-pill{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.mm-res-pill-delete{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--font-size-xs);padding:0 2px;line-height:1;transition:color var(--transition-fast)}.mm-res-pill-delete:hover{color:var(--danger)}.mm-arch-resolutions-add{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs)}.mm-res-input{width:72px}.mm-model-list{display:flex;flex-direction:column;gap:var(--space-xs)}.mm-model-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mm-model-card-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);min-height:32px}.mm-model-card-header:hover{background:var(--surface-hover-xs)}.mm-model-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--text-secondary)}.mm-model-display-badge{font-size:var(--font-size-xs);color:var(--accent);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-model-arch-badge{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-surface);padding:1px 6px;border-radius:var(--radius-sm)}.mm-model-arch-badge:empty{display:none}.mm-model-display-badge:empty{display:none}.mm-model-card-body{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-sm)}.mm-model-card-body.collapsed{display:none}.mm-model-card-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-xs)}.mm-info-popup{position:fixed;z-index:calc(var(--z-toast) + 10);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-sm) var(--space-md);max-width:320px;min-width:180px;font-size:var(--font-size-sm)}.mm-info-popup-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.mm-info-popup-filename{font-size:var(--font-size-xs);color:var(--text-muted);word-break:break-all;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.mm-info-popup-row{margin-bottom:var(--space-xs);color:var(--text-secondary);line-height:1.4}.mm-info-popup-row strong{color:var(--text-primary)}.mm-info-popup-instructions{font-style:italic;color:var(--text-muted);white-space:pre-wrap;font-size:var(--font-size-xs);padding-top:var(--space-xs);border-top:1px solid var(--border)}.mm-info-btn{width:20px;height:20px;min-width:20px;padding:0;font-size:var(--font-size-xs);font-weight:700;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.mm-info-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-muted)}.mm-model-card-header .layer-fold-icon{font-size:10px;transition:transform var(--transition-fast);color:var(--text-muted);flex-shrink:0}.mm-model-card-header .layer-fold-icon.open{transform:rotate(90deg)}.mm-arch-checkbox-list{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.mm-arch-checkbox-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.mm-arch-checkbox-item input[type=checkbox]{accent-color:var(--accent)}.ep-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm)}.ep-card-fields{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.ep-card-fields .input-group{flex:1}.ep-card-fields .input-group label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-xs);display:block}.ep-card-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.ep-card-header .ep-card-fields{flex:1;margin-bottom:0}.ep-provider-group{max-width:160px}.ep-provider-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap;margin-top:var(--space-lg)}.ep-provider-runpod{background:var(--accent-subtle);color:var(--accent)}.ep-provider-cerebrium{background:var(--success-muted);color:var(--success)}.ep-provider-fields{margin-bottom:var(--space-sm)}.ep-provider-fields .input-group{margin-bottom:var(--space-xs)}.ep-provider-fields .input-group label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-xs);display:block}.ep-cerebrium-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.ep-card-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}#ep-list{max-height:400px;overflow-y:auto;margin-bottom:var(--space-md)}.ep-profile-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.ep-profile-section>label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500}.ep-profile-list{display:flex;flex-direction:column;gap:var(--space-xs);min-height:32px}.ep-profile-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm)}.ep-profile-item .ep-priority{font-size:var(--font-size-sm);color:var(--accent);font-weight:600;min-width:24px}.ep-profile-item .ep-name{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.ep-profile-item .btn{padding:2px 8px;font-size:var(--font-size-xs);min-width:28px}.ep-profile-add-row{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);align-items:center}.ep-profile-add-row .select{flex:1}.ep-profile-empty{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-xs) 0}@media(max-width:768px){.main{flex-direction:column}.panel-left{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);max-height:50vh;padding:var(--space-md);gap:var(--space-md)}.panel-right{padding:var(--space-md)}.gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-xs)}.header{padding:var(--space-sm) var(--space-md)}.header-title{font-size:var(--font-size-base)}.modal-content{width:95%;max-height:90vh}.toast-container{bottom:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast{max-width:100%}.input-group-row{flex-direction:column}.viewer-content img,.viewer-content video{max-width:95vw;max-height:85vh}}@media(max-width:480px){.profile-selector{flex-wrap:wrap}.profile-selector .select{width:100%}}