.seedance-workbench{display:flex;flex-direction:column;height:100%;background:#0a0a14;color:#e2e8f0;overflow:hidden}.seedance-topbar{height:48px;background:#0f0f1a;border-bottom:1px solid #1e1e30;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:10}.seedance-topbar-left,.seedance-topbar-right{display:flex;align-items:center;gap:12px}.seedance-back-btn{width:28px;height:28px;border-radius:6px;background:#1a1a2e;border:1px solid #2a2a40;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.seedance-back-btn:hover{background:#22223a;color:#e2e8f0}.seedance-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#e2e8f0}.seedance-title-icon{font-size:16px}.seedance-badge{font-size:10px;padding:2px 8px;background:#1a2a1a;border:1px solid #22c55e40;color:#22c55e;border-radius:20px;font-weight:500}.seedance-credits{font-size:13px;color:#94a3b8}.seedance-btn-ghost{font-size:12px;padding:4px 12px;background:transparent;border:1px solid #2a2a40;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .15s}.seedance-btn-ghost:hover{border-color:#4a4a60;color:#e2e8f0}.seedance-body{flex:1;display:flex;overflow:hidden;position:relative}.seedance-icon-nav{width:48px;background:#0f0f1a;border-right:1px solid #1e1e30;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;flex-shrink:0;z-index:10;overflow-y:auto;overflow-x:hidden}.seedance-icon-btn{width:36px;height:36px;border-radius:8px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s}.seedance-icon-btn:hover{background:#1a1a2e;color:#94a3b8}.seedance-icon-btn.active{background:#1a2a1a;color:#22c55e}.seedance-icon-nav-spacer{flex:1}.seedance-credits-badge{width:32px;height:32px;border-radius:50%;background:#1e293b;border:2px solid #334155;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#94a3b8}.seedance-canvas{flex:1;background:#0a0a14;position:relative}.seedance-canvas .react-flow__viewport{transform-style:flat}.seedance-canvas .react-flow__renderer,.seedance-canvas .react-flow__node{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.seedance-canvas .react-flow__node img{image-rendering:auto}.seedance-canvas .react-flow__background{background:#0a0a14}.seedance-controls{background:#0f0f1a!important;border:1px solid #1e1e30!important;border-radius:8px!important}.seedance-controls button{background:#0f0f1a!important;border-color:#1e1e30!important;color:#64748b!important}.seedance-controls button:hover{background:#1a1a2e!important;color:#94a3b8!important}.seedance-empty-hint{background:#0f0f1a;border:1px solid #1e1e30;border-radius:16px;padding:40px 48px;text-align:center;margin-top:80px}.seedance-empty-icon{font-size:48px;margin-bottom:12px}.seedance-empty-title{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.seedance-empty-desc{font-size:13px;color:#64748b;margin-bottom:20px;line-height:1.6}.seedance-empty-desc strong{color:#22c55e}.seedance-empty-actions{display:flex;gap:10px;justify-content:center}.seedance-empty-btn{padding:8px 20px;background:#22c55e;color:#0a0a14;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.seedance-empty-btn:hover{background:#16a34a}.seedance-empty-btn-outline{background:transparent;color:#94a3b8;border:1px solid #2a2a40}.seedance-empty-btn-outline:hover{background:#1a1a2e;color:#e2e8f0}.seedance-node{background:#0f0f1a;border:1px solid #1e1e30;border-radius:12px;min-width:240px;color:#e2e8f0;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.seedance-node:hover{border-color:#2a2a40}.seedance-node.selected,.seedance-node.react-flow__node-selected{border-color:#22c55e!important;box-shadow:0 0 0 1px #22c55e40}.seedance-node-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1e1e30}.seedance-node-icon{font-size:14px}.seedance-node-label{font-size:12px;font-weight:600;color:#94a3b8;flex:1}.seedance-node-status{width:6px;height:6px;border-radius:50%;background:#334155}.seedance-node-status.running{background:#3b82f6;animation:pulse 1s infinite}.seedance-node-status.completed{background:#22c55e}.seedance-node-status.failed{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.seedance-card-generating{position:relative;z-index:1}.seedance-card-generating:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#6366f1,#a855f7,#ec4899,#f97316,#22d3ee 75%,#3b82f6);background-size:300% 300%;animation:borderFlow 3s linear infinite,glowPulse 2s ease-in-out infinite;z-index:-2;opacity:.7;filter:blur(6px)}.seedance-card-generating:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;background:#0e0e1c;z-index:-1}.seedance-progress-bar{height:3px;background:#1a1a2e;border-radius:2px;overflow:hidden;margin:8px 0 4px}.seedance-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:2px;transition:width .5s ease}.seedance-node-body{padding:12px 14px}.seedance-node .react-flow__handle{width:10px;height:10px;background:#22c55e;border:2px solid #0a0a14;border-radius:50%}.seedance-node .react-flow__handle-left{left:-6px}.seedance-node .react-flow__handle-right{right:-6px}.seedance-handle-vertical{width:16px!important;height:16px!important;background:#161622!important;border:1.5px solid #3a3a55!important;border-radius:50%!important;opacity:0;transition:opacity .15s,border-color .15s,box-shadow .15s;z-index:10;display:flex;align-items:center;justify-content:center;cursor:crosshair}.seedance-handle-vertical:after{content:"+";font-size:11px;color:#64748b;line-height:1;pointer-events:none}.react-flow__node:hover .seedance-handle-vertical{opacity:1}.seedance-handle-vertical:hover{border-color:#6366f1!important;background:#1e1e35!important;box-shadow:0 0 8px #6366f166}body[data-seedance-dragging-image] .sb-cell{transition:outline .15s,box-shadow .15s}body[data-seedance-dragging-image] .sb-cell:hover{outline:2px solid #3b82f6!important;box-shadow:inset 0 0 20px #3b82f626}body[data-seedance-dragging-image] .sb-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .15s;pointer-events:none;z-index:5}body[data-seedance-dragging-image] .sb-cell:hover:before{background:#3b82f614}.sb-cell{transition:box-shadow .15s,background-color .15s}.sb-cell.sb-cell-drop-target{box-shadow:inset 0 0 0 2px #3b82f6,inset 0 0 20px #3b82f629}.sb-cell.sb-cell-drop-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f614;pointer-events:none;z-index:4}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}