:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-input: #1e1e1e;--bg-hover: #252525;--bg-panel: #161616;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-green: #22c55e;--text-blue: #3b82f6;--text-red: #ef4444;--border: #2a2a2a;--border-light: #333333;--accent: #18191c;--accent-hover: #2a2a2e;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 12px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}input,textarea,select{font-family:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);padding:8px 12px;font-size:13px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#444}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.canvas-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9090a8;text-align:center;padding:40px}.canvas-empty-hint{font-size:12px;color:#6060a0;line-height:1.6}.canvas-floating-toolbar{display:flex;gap:2px;padding:4px;border-radius:8px;background:#18181b;border:1px solid #1e1e2e;box-shadow:0 8px 32px #00000080}.canvas-floating-toolbar button:hover{background:#27272a!important}.canvas-node-image{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-node-skeleton{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;height:100%;background:#1a1a2e;border-radius:8px}.canvas-node-duration{font-size:11px;color:#9090a8}