Hugging Face's logo

Spaces:
wavespeed
/
wan-image-to-video
Running

App Files Community
wan-image-to-video
File size: 2,827 Bytes
40f9a0b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a59aeca
40f9a0b
 
 
 
 
 
 
 
 
 
a59aeca
 
 
 
 
40f9a0b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/* Shared Space styling. Generated from _shared/spaceapp/ — do not edit in place. */

.gradio-container {
	max-width: 1080px !important;
	margin: 0 auto !important;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* --- hero ---------------------------------------------------------------- */

.hero-container {
	text-align: center;
	padding: 40px 16px 24px;
}

.hero-badge {
	display: inline-block;
	text-decoration: none;
	background: linear-gradient(135deg, #4f46e5, #2563eb);
	color: #fff;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	padding: 7px 18px;
	border-radius: 999px;
	margin-bottom: 16px;
}

.hero-badge:hover {
	filter: brightness(1.1);
	text-decoration: none;
}

.hero-title {
	font-size: 2.4rem;
	font-weight: 800;
	letter-spacing: -0.025em;
	margin: 0 0 10px;
	background: linear-gradient(135deg, #4338ca 0%, #2563eb 55%, #7c3aed 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero-desc {
	font-size: 1rem;
	line-height: 1.6;
	color: var(--body-text-color-subdued, #64748b);
	max-width: 62ch;
	margin: 0 auto;
}

@media (max-width: 620px) {
	.hero-title {
		font-size: 1.8rem;
	}
}

/* --- api key row --------------------------------------------------------- */

.api-key-row {
	align-items: center;
	gap: 10px;
	margin-bottom: 4px;
}

.get-key-btn {
	display: inline-block;
	white-space: nowrap;
	padding: 9px 16px;
	border-radius: 8px;
	border: 1px solid var(--border-color-primary, #d2d6de);
	font-size: 0.86rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--body-text-color, #14161a);
}

.get-key-btn:hover {
	background: var(--background-fill-secondary, #f4f5f7);
}

.key-note {
	font-size: 0.82rem !important;
	line-height: 1.55;
	color: var(--body-text-color-subdued, #6b7280) !important;
	margin: 2px 2px 18px !important;
}

.key-note code {
	font-size: 0.95em;
}

/* --- controls ------------------------------------------------------------ */

.primary-btn {
	background: linear-gradient(135deg, #4f46e5, #2563eb) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 650 !important;
	border-radius: 9px !important;
	margin-top: 8px;
}

.primary-btn:hover {
	filter: brightness(1.08);
}

/* --- footer -------------------------------------------------------------- */

.cta-container {
	text-align: center;
	padding: 22px 16px 8px;
	margin-top: 18px;
	border-top: 1px solid var(--border-color-primary, #e4e6eb);
}

.cta-desc {
	font-size: 0.86rem;
	color: var(--body-text-color-subdued, #6b7280);
	margin: 0;
}

.cta-desc a {
	color: #4f46e5;
	text-decoration: none;
	font-weight: 600;
}

.cta-desc a:hover {
	text-decoration: underline;
}

.cta-desc code {
	font-size: 0.95em;
}