Add modal-driven video edit flow

css/style.css

@@ -705,3 +705,34 @@ footer a:hover {
   align-items: center;
   display: flex;
 }
+.edit-field-button {
+  align-items: center;
+  background-color: #1f2937;
+  border-radius: 0.5rem;
+  color: #e2e8f0;
+  display: inline-flex;
+  font-size: 0.75rem;
+  font-weight: 600;
+  justify-content: center;
+  padding: 0.5rem 0.85rem;
+  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
+}
+
+.edit-field-button:hover,
+.edit-field-button:focus {
+  background-color: #334155;
+  color: #f8fafc;
+  transform: translateY(-1px);
+}
+
+.locked-input {
+  background-color: rgba(31, 41, 55, 0.75) !important;
+  border-color: rgba(55, 65, 81, 0.9) !important;
+  color: #94a3b8 !important;
+  cursor: default;
+}
+
+.locked-input:focus {
+  outline: none;
+  box-shadow: none;
+}